@extends('metronic.base')
@section('content')

<div class="col-md-12">
    <div class="card card-bordered">
        <div class="card-header">
            <h3 class="card-title">Opciones de reporte de libro de compras</h3>
            <div class="card-toolbar">
                <a href="{{ route('home') }}" class="btn btn-sm btn-light"><i class="ki-outline ki-black-left fs-2"></i> Atrás</a>
            </div>
        </div>
        <div class="card-body">
            <form method="get" id="formulario" class="row g-3" action="{{ route('LibroCompras.Index') }}">
                @csrf
                <div class="col-md-5">
                    <div class="form-floating mb-3">
                        <select class="form-select" name="mes" id="numMes" required>
                            <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>
                        <label for="numMes">Seleccione el Mes</label>
                    </div>
                </div>

                <div class="col-md-5">
                    <div class="form-floating mb-3">
                        <input required name="year" value="{{ date('Y') }}" type="number" class="form-control" id="yearInput"/>
                        <label for="yearInput">Año</label>
                    </div>
                </div>

                <div class="col-md-2 d-flex align-items-end">
                    <button class="btn btn-secondary mb-3 w-100 h-75" type="submit" id="filtrarBtn">Filtrar</button>
                </div>
            </form>
        </div>
    </div>
</div>

@if(request()->has('mes') && request()->has('year'))
    @if(count($detalles) > 0)
        <div id="reportCard" class="card card-bordered mt-3">
            <div class="card-header">
                <h3 class="card-title">Reporte de Libro de Compras</h3>
                <div class="card-toolbar">
                    <form method="get" action="{{ route('LibroCompras.Reporte') }}" target="_blank">
                        @csrf
                        <input type="hidden" name="mes" value="{{ request('mes') }}">
                        <input type="hidden" name="year" value="{{ request('year') }}">
                        <button class="btn btn-primary" type="submit" name="btnPDF" value="Generar Reporte PDF">
                            <i class="ki-outline ki-note-2 fs-2"></i> Generar Reporte PDF
                        </button>
                        <button class="btn btn-success ms-2" type="submit" name="btnExcel" value="Generar Reporte Excel">
                            <i class="fa-regular fa-file-excel fs-2"></i> Generar Reporte Excel
                        </button>
                    </form>
                </div>
            </div>
            <div class="card-body">
                <table class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>Fecha Emisión</th>
                            <th>Número Documento</th>
                            <th>Nombre Proveedor</th>
                            <th>Monto</th>
                            <th>Tipo</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($detalles as $detalle)
                            <tr>
                                <td>{{ $detalle->fecha_emision }}</td>
                                <td>{{ $detalle->numero_documento }}</td>
                                <td>{{ $detalle->nombre_proveedor }}</td>
                                <td>{{ $detalle->documento->monto }}</td>
                                <td>{{ $detalle->documento->tipoDocumento->tipo }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @else
        <div class="alert alert-warning mt-3" role="alert">
            <strong>No hay registros para las fechas especificadas.</strong>
        </div>
    @endif
@endif

@endsection