@extends('base')
@section('extracss')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endsection
@section('extrajs')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function(){
            $('#cuentaInicial').select2();
            $('#cuentaFinal').select2();
        });

    </script>

@endsection
@section('content')

    <form action="{{route('ReportesContabilidad.reporteLibroDiario')}}" target="_blank" id="form">
        <fieldset class="d-flex flex-column justify-content-center">
            <legend>Libro diario</legend>
            <label>Seleccione un rango de fecha</label>
            <div class="form-group w-50 mx-auto">
                <div class="d-flex" style="gap:1rem;">
                    <label for="periodo">Desde:</label>
                    <input type="date" class="form-control" name="fechaInicial" step="1 "required>
                    <label for="periodo">Hasta:</label>
                    <input type="date" class="form-control" name="fechaFinal"  step="1" required >
                </div>
            </div>
            <label>Seleccione un rango de cuentas</label>

            <div class="form-group w-50 mx-auto">
                <div class="d-flex" style="gap:1rem;">
                    <label for="periodo">Desde:</label>
                    <select class="form-control" name="cuentaInicial"  id="cuentaInicial" required>
                        @foreach($cuentas as $cuenta)
                            <option value="{{$cuenta->id}}">{{$cuenta->codigo.'-'.$cuenta->nombre_cuenta}}</option>
                        @endforeach
                    </select>
<input type="hidden" id="rpt" name="rpt">
                    <label for="periodo">Hasta:</label>
                    <select class="form-control" name="cuentaFinal"  id="cuentaFinal" required>
                        @foreach($cuentas as $cuenta)
                            <option value="{{$cuenta->id}}">{{$cuenta->codigo.'-'.$cuenta->nombre_cuenta}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="d-flex">
                <button class="btn btn-primary mx-auto mb-4" type="button" onclick="send('excel')"><i class="fa-regular fa-file-excel fs-2"></i> EXCEL</button>
                <button class="btn btn-primary mx-auto " type="button" onclick="send('pdf')"><i class="ki-outline ki-note-2 fs-2"></i> PDF</button>
            </div>        
        </fieldset>
    </form>

    <script>
        function send(v){
            $('#rpt').val(v);
            $('#form').submit();
        }
    </script>

@endsection