@extends('base')
@section('content')
    <form method="get" id="formulario" class="d-flex justify-center flex-column" action="{{route('LibroCompras.Reporte')}}" target="_blank">
        <fieldset class=" border border-4 d-flex justify-center">
            <legend>Opciones de reporte de libro de compras</legend>
            <div class="d-flex mx-auto"  style="gap: 1rem;">
                <div class="form-group">
                    <label for="">Seleccione el Mes</label>
                    <select name="mes" id="numMes" required class="form-control">
                        <option value="1" >Enero</option>
                        <option value="2">Febrero</option>
                        <option value="3">Marzo</option>
                        <option value="4">Abril</option>
                        <option value="5">Mayo</option>
                        <option value="6">Junio</option>
                        <option value="7">Julio</option>
                        <option value="8">Agosto</option>
                        <option value="9">Septiembre</option>
                        <option value="10">Octubre</option>
                        <option value="11">Noviembre</option>
                        <option value="12">Diciembre</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="">Año</label>
                    <input name="year" required type="number" class="form-control" value="{{  date("Y") }}">
                </div>
            </div>
        </fieldset>

        <input class="btn btn-primary mt-1 mx-auto btnPDF" type="submit" name="btnPDF" value="Generar Reporte PDF">
            {{-- <i class="far fa-check-circle"></i> --}}
        <input class="btn btn-success mt-1 mx-auto btnExcel" type="submit" name="btnExcel" value="Generar Reporte Excel">
    </form>

    <script>
      /*  var select = document.getElementById('numMes');
        select.addEventListener('change',
        function(){
            var selectedOption = this.options[select.selectedIndex];
            var url = {!! "'".url()->current()."'" !!} + "/Reporte/"+ selectedOption.value;
            
            var formulario = document.getElementById('formulario');
            formulario.setAttribute('action', url );
        });*/
    </script>
@endsection