@extends('layout/modal')
@section('titulo', 'Home')
@section('content')



<form action="{{ route('alzamientoPrenda.operacionDetalleDuplicaGuardar') }}" method="post" autocomplete="off">
    @csrf
    <input type="hidden" name="id_operacion_detalle" id="id_operacion_detalle" value="{{$operacion->id_operacion_detalle}}">

    <h6>Datos de la Operación</h6>
    <div class="row row-sm mb-3">
        <div class="col-sm-3 mg-t-10 mg-sm-t-10">
            <label class="az-content-label tx-11 tx-medium tx-gray-600" for="id_operacion_detalle">Operación </label>
            <input type="text" class="form-control" name="id_operacion_detalle" id="id_operacion_detalle" value="{{ $operacion->id_operacion_detalle }}"
                style="background-color: #F7F7F7" readonly>
        </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" for="estado">Estado </label>
            <input type="text" class="form-control" name="estado" id="estado" value="{{ strtoupper($operacion->nombre_estado) }}"
                style="background-color: #F7F7F7" readonly>
        </div>
        <div class="col-sm-6 mg-t-10 mg-sm-t-10">
            <label class="az-content-label tx-11 tx-medium tx-gray-600" for="id_mandante">Mandante </label>
            <input type="text" class="form-control" name="mandante" id="mandante" value="{{ $operacion->mandante }}"
                style="background-color: #F7F7F7" readonly>
        </div>
    </div>
    <div class="row row-sm mb-3">
        <div class="col-sm-3 mg-t-10 mg-sm-t-10">
            <label class="az-content-label tx-11 tx-medium tx-gray-600" for="contrato">Contrato </label>
            <input type="text" class="form-control" name="contrato" id="contrato" value="{{ $operacion->contrato }}" style="background-color: #F7F7F7" readonly>
        </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" for="nomina">Patente </label>
            <input type="text" class="form-control" name="nomina" id="nomina" value="{{ $operacion->patente . '-' . $operacion->patente_dv }}" style="background-color: #F7F7F7" readonly>
        </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" for="nomina">Nómina </label>
            <input type="text" class="form-control" name="nomina" id="nomina" value="{{ $operacion->nomina_forum }}" style="background-color: #F7F7F7" readonly>
        </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" for="fecha_ingreso">Fecha Ingreso </label>
            <input type="text" class="form-control" name="fecha_ingreso" id="fecha_ingreso" value="{{ $operacion->fecha_ingreso }}"
                style="background-color: #F7F7F7" readonly>
        </div>
    </div>



    <!-- buttons -------------------------------------- -->

    <div class="table-responsive">

        <table class="datatable_modal cell-border display compact hover row-border nowrap" id="datatable_modal" style="width:100%">
            <thead>
                <tr>
                    <th></th>
                    <th>Tipo Documento</th>
                    {{-- <th>Tipo</th> --}}<th>Naturaleza Acto</th>
                    {{-- <th>Rol</th> --}}<th>Nro. Doc. o Rol</th>
                    <th>Lugar</th>
                    <th>Fecha</th>
                    <th>Autorizante</th>
                    {{-- <th>Mandante</th> --}}<th>Acreedor</th>
                    {{-- <th>Repertorio RPSD</th> --}}
                    <th>Repertorio</th>
                    <th>Numero</th>
                    <th>De Fecha</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($limnitaciones as $limitacion)
                <tr>
                    <td>
                        {{-- Si la operación tiene definido su RPSD y AÑO, las limitaciones asociadas no se podrán mover--}}
                        @if ($limitacion->rol != $limitacion->rpsd_y_agno_validado)
                            <input type="checkbox" name="operaciones[]" class="item-checkbox" value="{{$limitacion->id_limitacion}}"
                                id="id_operacion_{{$limitacion->id_limitacion}}">
                        @endif
                    </td>
                    <td>{{$limitacion->tipo_documento}}</td>
                    <td>{{$limitacion->tipo_limitacion}}</td>
                    <td>{{$limitacion->rol}}</td>
                    <td>{{$limitacion->lugar}}</td>
                    <td>{{Helpers::fechaLatino($limitacion->fecha)}}</td>
                    <td>{{$limitacion->autorizante}}</td>
                    <td>{{$limitacion->mandante}}</td>
                    {{-- <td>{{$limitacion->repertorio_rpsd}}</td> --}}
                    <td>{{$limitacion->repertorio}}</td>
                    <td>{{$limitacion->repertorio_numero}}</td>
                    <td>{{Helpers::fechaLatino($limitacion->repertorio_fecha)}}</td>

                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="col-lg-12 mt-4">
        {{-- @can('SuperAdmin') --}}
        <button type="submit" id="crear_operacion" class="btn btn-az-primary col-12 col-lg-auto mb-3 mr-5">Crear Nueva Operación</button>
        {{-- @endcan --}}
        <div class="d-lg-inline-block d-flex p-0">
            {{-- <a href="{{ route('alzamientoPrenda.index') }}" class="btn btn-secondary col-12 col-lg-auto mb-3 mr-1">Cancelar</a> --}}
            <button type="button" class="btn btn-secondary col-12 col-lg-auto mb-3 mr-1" data-bs-dismiss="modal">Cancelar</button>
        </div>
    </div>
</form>

<script>
    // Aviso de selección de checkbox
    document.getElementById("modal").addEventListener("shown.bs.modal", function () {
        document.getElementById("crear_operacion").addEventListener("click", function () {
            let checkboxes = document.querySelectorAll('.item-checkbox:checked');
            if (checkboxes.length === 0) {
                alert("No ha seleccionado ninguna limitación.");
                event.preventDefault();
            }
        });
    });
</script>
@endsection