@extends('usuarios.funcionarios.master.layout2')

@section('conteudo')

<nav class="d-none">
    {{ $cliente = \App\Models\Cliente::where('id',$id)->first()}}

    {{$bases = \App\Models\OrgaosDeEstrutura::where('cliente_id',$id)->get()}}
  
    @if($cliente)

    {{  $departamentos=$cliente->getDepartamentos}}
    @else

        Caso o armazém não seja encontrado no sistema, então o usuário será redireccionado a um nível anterior --}}
        <script>
            window.location.replace("{{ route('us.admin.cliente.listar') }}");
        </script>
        @php
            exit();
        @endphp
    @endif
    

</nav>
<nav class="container rounded shadow" style="background: linear-gradient( #013257bb , #01192cbb)">
    <br><br>

        <nav class="row p-4">


            <div class="col-12 text-start">
                <div class="row justify-content-center "   >
                    <div class="large-12 columns text-start p-3 rounded bg-light  animate__animated animate__zoomInDown ">
                        <label class="m-2">
                            <i class="fa fa-warehouse"></i>
                            Departamentos do {{$cliente->getUser->name}}
                        </label>
                        <hr>

                      <div>
                          <table class="table table-bordered container table-light table-striped table-hover" id="armazensLista">
                              <thead>

                                <tr class="">

                                    <th>Id</th>
                                    <th>Departamento</th>
                                    <th>Orgão de Estrutura</th>
                                    <th>Localização</th>
                                    <th>Data de cadastro</th>
                                    <!--<th>Editar</th>-->

                                </tr>

                             </thead>
                              <tbody id="Armazens">
                                @foreach ($departamentos as $departamento )
                                    <tr class="">

                                        <th>{{ $departamento->id }}</th>
                                     
                                        <th>{{ $departamento->departamento}}</th>
                                        @if($departamento->localizacao==null || $departamento->localizacao==0) 
                                            <th>Sem informações</th>
                                        @else
                                            <th>{{ $departamento->localizacao }}</th>
                                        @endif
                                        
                                        @if($departamento->orgaosdeestrutura_id==null ||  $departamento->orgaosdeestrutura_id==0)
                                            <th>Sem informações</th>
                                        @else
                                            <th>{{ $departamento->orgaosdeestrutura_id }}</th>
                                        @endif
                                        
                                        <th>{{ $departamento->created_at }}</th>
                                        
                                        <!--<th><a class="btn btn-outline-primary btn-sm" href="{{ route('us.admin.cliente.ver.dep',[$departamento->id,$id]) }}"> <i class="fa fa-eye"></i> Abrir</a></th>-->

                                    </tr>
                                @endforeach
                              </tbody>
                          </table>
                      </div>
                </div>
            </div>





        </nav>
        <div class=" p-3">
            <div class="x_title">
                <h2>Opções</h2>
                <div class="clearfix"></div>
            </div>
            {{-- <button class="btn btn-sm btn-outline-light"><i class="fa fa-plus"></i> Novo dep</button> --}}

            <a data-toggle="modal" data-target="#modalContactForm"   class="btn btn-sm btn-outline-light"><i class="fa fa-plus"></i> Novo departamento</a>
            <a href="{{ route('us.admin.cliente.ver.cliente',$id) }}" class="btn btn-sm btn-outline-light"><i class="fa fa-eye"></i> Ver cliente</a>
             

        </div>

</nav>

<div class="modal fade" id="modalContactForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
  aria-hidden="true">
  <div class="modal-dialog cascading-modal" role="document">
    <!--Content-->
    <div class="modal-content">

      <!--Header-->
      <div class="modal-header light-blue darken-3 white-text">
        <h4 class="title"><i class="fas fa-pencil-alt"></i> Novo departamento</h4>
        <button type="button" class="close invisible closeModal waves-effect waves-light" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <!--Body-->
      <div class="modal-body mb-0">
        <form id="novoArmazem">


            <div class="md-form form-sm">
                <i class="fas fa-edit prefix active"></i>
                <input type="text"  required id="nomeArmazem" class="form-control">
                <label for="nomeArmazem" class="active">Nome do departamento</label>
            </div>
             <div class="md-form form-sm">
                <label for="firstName" class="form-label">Orgão</label>
                <select class="form-select  w-75" id="Tipo" aria-label="Default select example">

                  @foreach($bases as $base)
                  <option value="{{$to->id}}" >{{$to->orgao}}</option>
                  
                  @endforeach
                </select>
            </div>

               
            <div class="text-center mt-1-half">
            <button class="btn btn-info mb-2 waves-effect waves-light">Cadastrar <i class="fas fa-send ml-1"></i></button>
            </div>
        </form>
      </div>
    </div>
    <!--/.Content-->
  </div>
</div>

<div class="text-center">
  {{-- <a href="" class="btn btn-default btn-rounded my-3" >Launch
    Modal Contact</a> --}}
</div>
<script>
    $(function(){
        $('#armazensLista').DataTable({});


        $('#novoArmazem').submit(function(e){
            e.preventDefault();
            let departamento=$("#nomeArmazem").val();
            let corredores=$('#numeroCorredores').val();
            $.post( "{{ route('us.admin.cliente.add.dep') }}",
                { '_token':  '{{ csrf_token()  }}','departamento': departamento,'cliente':'{{$cliente->id}}'},
                function(data){


                if(data>0)
                {

                    const Toast = Swal.mixin({
                        toast: true,
                        position: 'top-end',
                        showConfirmButton: false,
                        timer: 3000,
                        timerProgressBar: true,
                        didOpen: (toast) => {
                            toast.addEventListener('mouseenter', Swal.stopTimer)
                            toast.addEventListener('mouseleave', Swal.resumeTimer)
                        }
                    })

                    Toast.fire({
                        icon: 'success',
                        title: 'Departamento cadastrado com sucesso'
                    })
                    $(".closeModal").click();
                    

                    location.reload(true);
                 }else{
                    const Toast = Swal.mixin({
                        toast: true,
                        position: 'top-end',
                        showConfirmButton: false,
                        timer: 3000,
                        timerProgressBar: true,
                        didOpen: (toast) => {
                            toast.addEventListener('mouseenter', Swal.stopTimer)
                            toast.addEventListener('mouseleave', Swal.resumeTimer)
                        }
                    })

                    Toast.fire({
                        icon: 'warning',
                        title: 'Um departamento com este nome já existe'
                    })
                  
                }
            }).fail(function(){
                alert("Infelizmente falhou o acesso à esta função");
            });
        });
 
    });
</script>
@endsection