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

@section('conteudo')

<nav class="container">
    <nav class="d-none">
        {{ $caixas=\App\Models\Caixa::where('estado','Em aviso de eliminação')->get() }} 
    </nav>
    <div class="row">
                  
        <div>
            <h4>Lista de caixas em aviso de eliminação <label class="text-danger"><i class="fa fa-times"></i></label></h4>
            <!--<p>Para encontrar suas caixas</p>-->
    
            <div id="stepper1" class="bs-stepper">
                <table id="tbCaixas" class="table container  table-striped table-hover">
                    <thead>
                       <tr class="">
                            <th>Id</th>
                            <th>Número</th>
                            <th>Cliente</th>
                            <th>Departamento</th>
    
                            <!--<th>Estado</th>-->
                            <!--<th>Localização</th>-->
                            <!--<th>Documentos</th>-->
                            <th>Data</th>
                            <th>Opções</th>
                            <!--<th title="Data de cadastro">Data</th>-->
                            <!--<th>Escolher</th>-->
    
                            </tr>
                            </thead>
                            <tbody>
                                <div class="d-none">
                                    {{ $i=1 }}
    
                                </div>
                            @foreach($caixas as $cx)
                            <tr>
    
                                <td>{{ $cx->id }}</td>
                                <td>{{ $cx->numerodacaixa }}</td>
                                <td>{{ $cx->getReserva->getCliente->getUser->name }}</td>
                                
                                <td>{{ $cx->getReserva->getDepCliente->departamento }}</td>
                                <td>{{ $cx->updated_at }}</td>
                                <td>
                                    <a class="btn btn-sm btn-outline-primary btnArrumarCaixa" href="{{ route('us.armazem.gestao.caixas.ver.caixa',[$cx->getReserva->getCliente->id,$cx->id]) }}"> <i class="fa fa-eye "></i> Abrir</a>
                                    <a class="btn btn-sm btn-outline-danger btnEliminarCaixa" href=""> <i class="fa fa-trash "></i> <input type="hidden" value="{{$cx->id}}"> Eliminar </a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    <tfoot></tfoot>
                </table>
    
            </div>
            
    
        </div>       
    </div>

</nav>

<script>
    
    $(function(){
        $('#tbCaixas').DataTable({
                "paging": true,
                "lengthChange": true,
                "searching": true,
                "ordering": true,
                "info": true,
                "autoWidth": true,
            });
        $(".btnRetornarCaixa").click(function(){
            let id=$(this).find('input').val();
            
            $.post("{{ route('us.armazem.gestao.caixas.returnCaixa') }}",
            {
                '_token':  '{{ csrf_token()  }}',
                'idCaixa':  id
            
            },function(e){
                 
                
                if(e==1){
                    $.alert("Correcta");
                
                }
            });
        });
        $(".btnEliminarCaixa").click(function(e){
            e.preventDefault();
            let id=$(this).find('input').val();
            
            $.post("{{ route('us.armazem.gestao.caixas.deletarCaixa') }}",
            {
                '_token':  '{{ csrf_token()  }}',
                'idCaixa':  id
            
            },function(e){
                 
                
                if(e==1){
                    $.alert("Caixa eliminada com sucesso!");
                
                }
            });
        });
        
    })
    
</script>
      

@endsection