@extends('layouts.dashboard')

@section('dashboard')

    @if (session('message') && session('alert'))
        <div class="alert {{ session('alert') }} mb-3">
            {{ session('message') }}
        </div>
    @endif
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Gestión de Folios SII</strong></li>
    </ul>
    <div class="row">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-4">Gestión de Folios SII</h1>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <form class="" action="{{ route('subir-folios-sii') }}" method="post" id="form-folios-sii"
                enctype="multipart/form-data">
                {{ csrf_field() }}
                <div class="form-group">
                    <span class="d-block font-weight-bold mb-2">Archivo XML</span>
                    <div class="custom-file">
                        <input type="file" name="xml" class="custom-file-input" accept=".xml" required="required"
                            onchange="modalValidarCaf('form-folios-sii')">
                        <label class="custom-file-label form-control">Seleccionar XML</label>
                    </div>
                </div>
            </form>
        </div>
    </div>
    @if (session('datos') && is_array(session('datos')) && !empty(session('datos')))
        <div class="card mt-3">
            <div class="card-body">
                <h3 class="titulo-h1 mb-4">Datos del archivo cargado</h3>
                <div class="table-scroll">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Documento</th>
                                <th class="text-center">Rango de Folios</th>
                                <th class="text-center">Folios Utilizados</th>
                                <th class="text-center">Folios Disponibles</th>
                                <th class="text-center">Fecha Vencimiento</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{{ session('datos')['documento'] }}</td>
                                <td class="text-center">
                                    {{ session('datos')['folioInicial'] . ' - ' . session('datos')['folioFinal'] }}</td>
                                <td class="text-center">{{ session('datos')['foliosUtilizados'] }}</td>
                                <td class="text-center">{{ session('datos')['foliosDisponibles'] }}</td>
                                <td class="text-center">{{ session('datos')['fechaVencimiento'] }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif
    @if (is_array($activos) && !empty($activos))
        <div class="card mt-3">
            <div class="card-body">
                <h3 class="titulo-h1 mb-4">Folios disponibles</h3>
                <div class="table-scroll">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Documento</th>
                                <th class="text-center">Rango de Folios</th>
                                <th class="text-center">Folios Utilizados</th>
                                <th class="text-center">Folios Disponibles</th>
                                <th class="text-center">Fecha Vencimiento</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($activos as $a)
                                <tr>
                                    <td>{{ $a['documento'] }}</td>
                                    <td class="text-center">{{ $a['folioInicial'] . ' - ' . $a['folioFinal'] }}</td>
                                    <td class="text-center">{{ $a['foliosUtilizados'] }}</td>
                                    <td class="text-center">{{ $a['foliosDisponibles'] }}</td>
                                    <td class="text-center">{{ $a['fechaVencimiento'] }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif

@endsection