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

<h5 class="card-title mb-1">IMPORTAR CAV</h5>
<h6 class="card-title">CERTIFICADO DE INSCRIPCIÓN Y ANOTACIONES VIGENTES</h6>
<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 ================================================================== -->

<ul class="text-primary bg-light">
    <li>Puede subir un máximo de 200 archivos a la vez.</li>
    <li>Repita el proceso hasta subir la totalidad de archivos necesarios</li>
</ul>

{{-- <div class="mb-2" id="importando_archivos" style="display: none; text-align:center">
    <button class="btn btn-primary" type="button" disabled>
        <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
        Importando archivos...
    </button>
</div> --}}

<form action="{{ route('cav.store') }}" method="post" data-parsley-validate autocomplete="off"
    enctype="multipart/form-data" onsubmit="return activar_spinner()">
    @csrf
    @if (Session::has('mensaje'))
    <p>Mensaje: {{ Session::get('mensaje') }}</p>
    @endif
    <div class="form-group mb-3">
        <div class="row row-sm">
            <div class="col-sm-3 mg-t-20 mg-sm-t-0">
                <label class="az-content-label tx-11 tx-medium tx-gray-600">Archivo</label>
                <input type="file" name="carga[]" id="carga" multiple required>
            </div><!-- col -->
        </div><!-- row -->
    </div><!-- form-group -->
    {{-- <button type="submit" class="btn btn-az-primary btn-block" onclick="importando_archivos()">Importar CPV</button> --}}
    <button type="submit" class="btn btn-az-primary btn-block" onclick="spinner()">Importar CAV</button>

    <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"></span>
                    </div>
                    <p class="mt-3">Leyendo certificados...</p>
                </div>
            </div>
        </div>
    </div>

</form>

{{-- <button onclick="importando_archivos()">Mostrar contenido</button> --}}

<script>
    function spinner() {
        let carga = document.getElementById('carga').value;
        if (carga == '') {
            alert('No ha seleccionado ningun archivo para importar');
            return false;
        }
        $('#modalSpinner').modal({
			backdrop: 'static', // Bloquea cierre al hacer clic fuera
			keyboard: false     // Bloquea cierre con tecla ESC
		}).modal('show');
    }
    //ANTIGUO SPINNER
    /* function activar_spinner() {
    var div = document.getElementById("importando_archivos");
    div.style.display = "block";
    } */   
</script>

@endsection