@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">OPERACIONES ESPERANDO REPERTORIO</h5>
    </div>
</div>
<hr>
<div class="row row-sm mb-1">
    @if (isset($operaciones) && count($operaciones) > 0)
    <div class="col-sm-2 mg-t-10 mg-sm-t-10">
        <label class="az-content-label tx-11 tx-medium tx-gray-600">Lote</label>
        <input type="text" class="form-control" value="{{ $operaciones[0]->id_lote }}" disabled="">
    </div>
    <div class="col-sm-3 mg-t-10 mg-sm-t-10">
        <label class="az-content-label tx-11 tx-medium tx-gray-600">Proceso</label>
        <input type="text" class="form-control" value="{{ strtoupper($operaciones[0]->proceso) }}" disabled="">
    </div>
    <div class="col-sm-4 mg-t-10 mg-sm-t-10">
        <label class="az-content-label tx-11 tx-medium tx-gray-600">Mandante</label>
        <input type="text" class="form-control" value="{{ $operaciones[0]->mandante }}" disabled="">
    </div>
    <div class="col-sm-3 mg-t-10 mg-sm-t-10">
        <label class="az-content-label tx-11 tx-medium tx-gray-600">Preparado Por</label>
        <input type="text" class="form-control" value="{{ strtoupper($operaciones[0]->usuario) }}" disabled="">
    </div>
    <div class="col-lg-12 mt-4">
        <a href=" {{ url()->previous() }} " type="button" class="btn btn-secondary col-12 col-lg-auto mb-3 mr-5">Volver</a>
        <a href="{{ route('loteEsperaRepertorio.descargaExcelTomaRepertorio', $operaciones[0]->id_lote) }}" type="button"
            class="btn-success btn-sm float-right" style="background-color: #03743C; padding-left: 4px">Tomar Repertorio <img
                src="/images/excel_001_20px_green.svg"></a>
    </div>
    @endif
</div>
<!-- ============ 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>Operación</th>
                <th>Contrato</th>
                <th>Patente</th>
                <th>Compareciente1 Rut</th>
                <th>Compareciente1 Nombre</th>
                <th>Compareciente1 Rut</th>
                <th>Compareciente2 Nombre</th>
                <th>Fecha Creación</th>
            </tr>
        </thead>
        <tbody>
            @if (isset($operaciones) && count($operaciones) > 0)
            @foreach ($operaciones as $operacion)
            <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('loteEsperaRepertorioDetalle.destroy', $operacion->id_operacion_detalle) }}" 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', $operacion->id_lote_detalle) }}" class="btn-panal-warning btn-sm"
                        title="Editar">Editar</a> --}}
                    {{-- <a href="{{ route('loteEsperaRepertorio.show', $operacion->id_lote_detalle) }}" class="btn-panal-primary btn-sm"
                        title="Ver Detalles">Ver
                    </a> --}}
                </td>
                <td>{{ $operacion->id_operacion_detalle }}</td>
                <td>{{ $operacion->contrato }}</td>
                <td>{{ $operacion->patente }}</td>
                <td>{{ $operacion->compareciente1_rut }}</td>
                <td>{{ $operacion->compareciente1_razon_social }}</td>
                <td>{{ $operacion->compareciente2_rut }}</td>
                <td>{{ $operacion->compareciente2_razon_social }}</td>
                <td>{{ Helpers::fechaLatino($operacion->created_at)}}</td>
            </tr>
            @endforeach
            @endif
        </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