@extends('layout/principal')
@section('titulo', 'Home')
@section('content')
@php
    //dd('vista importar documentos', get_defined_vars());
    //dd(session()->all())
@endphp
<h5 class="card-title">CARGA MASIVA DE DOCUMENTOS</h5>
<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" role="alert"> {{ Session::get('success') }} </div> @endif
@if (Session::has('danger')) <div class="alert alert-danger" role="alert"> {{ Session::get('danger') }} </div> @endif
<!-- ========== FIN MENSAJES ================================================================== -->

{{-- Reporte resultado de la carga de archivos--}}
@if (isset($contratos_control))
{{-- <div class="row row-sm mb-3 alert alert-info" style="padding: 8px;"> --}}
<div class="row row-sm mb-3 {{-- alert alert-info --}}" style="padding: 8px; background-color: #f4f3ff; border: 3px solid #e1deff;">
    <div class="col-sm-12">
        <h6 class="text-secondary" style="text-align: center;">RESULTADO DE LA IMPORTACIÓN</h6>
        @foreach($contratos_control as $clave => $valores)
        <div class="resultado-{{ $clave }} mb-1">
            <h6>{{ ucfirst('Contratos ' . str_replace('_', ' ', $clave)) }} : {{ count($valores) }}</h6>
            <div class="ml-3">{{ implode(', ', $valores) }}</div>
        </div>
        <hr style="margin-top: 4px; margin-bottom: 6px;">
        @endforeach
        <h6 class="text-secondary" style="text-align: center; margin-bottom: 0px;">Se guardaron solo los 'exitosos'</h6>
    </div>
</div>
@endif

<form action="{{ route('documento.guardar_carga_masiva') }}" method="post" data-parsley-validate autocomplete="off"
    enctype="multipart/form-data">
    @csrf
    <div class="row row-sm mb-3">
        <div class="col-sm-12 mg-t-10 mg-sm-t-10">
            <label class="az-content-label tx-11 tx-medium tx-gray-600">Nombrado de Archivos</label>
        </div>
        <div class="col-sm-12 mg-t-10 mg-sm-t-10">
            <input type="radio" id="radiobtn_contrato" name="radiobtn" value="contrato" checked>
            <label for="radiobtn_contrato">Por CONTRATO</label>
            <div class="col-sm-5">
                <h6 class="text-secondary">Los archivos estarán nombrados por el identificador de contrato del mandante. Ej: LB54321.pdf</h6>
            </div>
        </div>
        <div class="col-sm-12 mg-t-10 mg-sm-t-10" id="ausente">
            <input type="radio" id="radiobtn_operacion" name="radiobtn" value="operacion" disabled>
            <label for="radiobtn_operacion" >Por OPERACIÓN</label>
            <div class="col-sm-5">
                <h6 class="text-lightgray">Los archivos estarán nombrados por número de operación del sistema. Ej: 11329.pdf</h6>
            </div>
        </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">Documento</label>
            <select name="codigo_documento" id="codigo_documento" class="form-control" required>
                <option value="" disabled selected>{{-- Seleccione Proceso... --}}</option>
                @foreach ($documentos as $documento)
                <option value="{{$documento->codigo}}">{{mb_strtoupper($documento->nombre)}}</option>
                @endforeach
            </select>
        </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>
            <select name="id_proceso" id="id_proceso" class="form-control" required>
                <option value="" disabled selected>{{-- Seleccione Proceso... --}}</option>
                @foreach ($procesos as $proceso)
                <option value="{{$proceso->id_proceso}}">{{mb_strtoupper($proceso->nombre)}}</option>
                @endforeach
            </select>
        </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">Mandante</label>
            <select name="id_mandante" id="id_mandante" class="form-control" required>
                <option value="" disabled selected>{{-- Seleccione Proceso...--}}</option>
                @foreach($mandantes as $mandante)
                <option value="{{$mandante->id_mandante}}">{{$mandante->razon_social}}
                </option>
                @endforeach
            </select>
        </div>
    
        <div class="col-sm-3 mg-t-20 mg-sm-t-10">
            <label class="az-content-label tx-11 tx-medium tx-gray-600">Archivos</label>
            <div>
                <input type="file" name="carga[]" id="carga" multiple required>
            </div>
        </div><!-- col -->
        <div class="col-12 ">
            <br>
            <button type="submit" class="btn btn-az-primary btn-block" onclick="spinner()">Importar Documentos</button>
        </div>

        <div class="modal fade" id="modalSpinner" tabindex="-1" role="dialog" aria-labelledby="modalSpinnerLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-body text-center">
                        <div class="spinner-border text-primary" role="status">
                            {{-- <span class="sr-only">Confeccionando documentos...</span> --}}
                        </div>
                        <p class="mt-3">Cargando documentos...</p>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- row -->
</form>

<script>
    function spinner() {
        let documento = document.getElementById('codigo_documento').value;
        let proceso = document.getElementById('id_proceso').value;
        let mandante = document.getElementById('id_mandante').value;
        let carga = document.getElementById('carga').value;
        if (documento == '' || proceso == '' || mandante == '' || carga == '') {
            alert('Todos los campos son obligatorios');
            return false;
        }
        $('#modalSpinner').modal({
			backdrop: 'static', // Bloquea cierre al hacer clic fuera
			keyboard: false     // Bloquea cierre con tecla ESC
		}).modal('show');
    }
</script>

@endsection