@extends('layout/principal')
@section('titulo', 'Home')
@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">
@php
    //dd('Lotes::index.blade.php');
    //dd($lotes);
@endphp
<div class="row">
    <div class="col-12 col-md-6">
        <h5 class="card-title">LOTES ESPERANDO REPERTORIO</h5>
    </div>
</div>
<hr>
<!-- ============ MENSAJES ==================================================================== -->
{{-- Mensajes estandar de Laravel --------}}
@if (isset($errors) && $errors->any())
<div class="alert alert-danger" role="alert">
    @foreach ($errors->all() as $error)
    {{ $error }}
    @endforeach
</div>
@endif
{{-- Mensajes de Session personalizados --}}
@if (Session::has('success')) <div class="alert alert-success"> {{ Session::get('success') }} </div> @endif
@if (Session::has('danger')) <div class="alert alert-danger"> {{ Session::get('danger') }} </div> @endif
<!-- ========== FIN MENSAJES ================================================================== -->

<div class="table-responsive">
    <table class="datatable cell-border display compact hover row-border nowrap" id="datatable" style="width:100%">
        <thead>
            <tr>
                {{-- <th><input type="checkbox" id="seleccionarTodo"></th> --}}
                <th>Acciones</th>
                <th>Lote</th>
                <th>Proceso</th>
                <th>Mandante</th>
                <th>Cantidad Operaciones</th>
                <th>Preparado Por</th>
                <th>Fecha Creación</th>
                {{-- <th>Fecha Modificación</th> --}}
            </tr>
        </thead>
        <tbody>
            @foreach ($lotes as $lote)
            <tr>
                {{-- <td class="col-1" style="width: 1%">
                    <div class="btn-group">
                        <input type="checkbox" name="lote[]" class="item-checkbox" value="{{$lote->id_lote}}"
                            id="lote_{{$lote->id_lote}}">
                    </div>
                </td> --}}
                <td class="col-1" {{-- style="width: 1%" --}}>
                    <div class="btn-group">
                        <form action="{{ route('loteEsperaRepertorio.destroy', $lote->id_lote) }}" method="post"
                            onsubmit="return confirm('¿Está seguro que desea eliminar el registro?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn-panal-danger btn-sm" title="Eliminar">
                                <ion-icon name="trash-outline" size="small" style="vertical-align: middle"></ion-icon>
                            </button>
                        </form>
                    </div>
                    {{-- <a href="{{ route('loteEsperaRepertorio.edit', $lote->id_lote) }}" class="btn-panal-warning btn-sm"
                        title="Editar">Editar</a> --}}
                    <a href="{{ route('loteEsperaRepertorio.show', $lote->id_lote) }}" class="btn-panal-primary btn-sm"
                        title="Ver Detalles">Ver
                    </a>
                </td>
                <td>{{ $lote->id_lote }}</td>
                <td>{{ $lote->proceso }}</td>
                <td>{{ $lote->mandante }}</td>
                <td>{{ $lote->cantidad_detalles }}</td>
                <td>{{ $lote->usuario }}</td>
                <td>{{ Helpers::fechaLatino($lote->created_at)}}</td>
                {{-- <td>{{ Helpers::fechaLatino($lote->updated_at)}}</td> --}}
            </tr>
            @endforeach
        </tbody>
    </table>
    {{-- {{ $repertorios->links('pagination::bootstrap-4') }} --}}
</div><!-- table-responsive -->

<script>
    /* function mostrarCantidadSeleccionados() {
        const contador = $('.item-checkbox:checked').length;
        $('#contadorSeleccionados').text(' ::: ' + contador + ' seleccionados');
    } */

    $(document).ready(function(){
        $('#seleccionarTodo').click(function(){
            $('.item-checkbox').prop('checked', this.checked);
            //mostrarCantidadSeleccionados();
        });

        $('.item-checkbox').click(function(){
            if($('.item-checkbox:checked').length === $('.item-checkbox').length) {
                $('#seleccionarTodo').prop('checked', true);
            } else {
                $('#seleccionarTodo').prop('checked', false);
            }
            //mostrarCantidadSeleccionados();
        });
    });
</script>

@endsection