@extends('adminlte::page')

@section('title', 'Reporte de Pagos Adelantados')
@section('plugins.Select2', true)

@section('content_header')
    <h4>Reporte de Pagos Adelantados</h4>
@stop

@section('content')
<div class="card">
    <div class="card-body">
        <div class="row mb-4">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header bg-light">
                        <h3 class="card-title"><i class="fas fa-filter mr-2"></i>Filtros de búsqueda</h3>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('reportes.pagos-adelantados.search') }}" method="GET" class="mb-0">
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="mes">Mes</label>
                                        <select name="mes" id="mes" class="form-control">
                                            <option value="">Todos</option>
                                            @foreach($meses as $n => $nombre)
                                                <option value="{{ $n }}" {{ request('mes') == (string)$n ? 'selected' : '' }}>{{ $nombre }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="anio">Año</label>
                                        <select name="anio" id="anio" class="form-control">
                                            <option value="">Todos</option>
                                            @for($y = now()->year; $y >= now()->year - 5; $y--)
                                                <option value="{{ $y }}" {{ request('anio') == (string)$y ? 'selected' : '' }}>{{ $y }}</option>
                                            @endfor
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="empleado_id">Colaborador</label>
                                        <select name="empleado_id" id="empleado_id" class="form-control select2" style="width: 100%">
                                            <option value="">Todos los colaboradores</option>
                                            @foreach($empleados as $emp)
                                                <option value="{{ $emp->id }}" {{ request('empleado_id') == (string)$emp->id ? 'selected' : '' }}>{{ $emp->nombre }} {{ $emp->apellido }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-12 mt-3">
                                    <button type="submit" class="btn btn-primary"><i class="fas fa-search mr-1"></i> Buscar</button>
                                    <a href="{{ route('reportes.pagos-adelantados.index') }}" class="btn btn-secondary"><i class="fas fa-eraser mr-1"></i> Limpiar</a>
                                    @if(isset($registros) && $registros->count() > 0)
                                        <a href="{{ route('reportes.pagos-adelantados.export', ['format' => 'pdf']) }}?{{ http_build_query(request()->all()) }}" class="btn btn-danger float-right ml-2" target="_blank"><i class="fas fa-file-pdf mr-1"></i> PDF</a>
                                    @endif
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        @if(isset($registros) && $registros->count() > 0)
            <div class="card">
                <div class="card-header bg-primary text-white">
                    <h3 class="card-title"><i class="fas fa-table mr-2"></i>Resultados ({{ $registros->count() }} registros)</h3>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped table-hover mb-0">
                            <thead class="bg-light">
                                <tr>
                                    <th>#</th>
                                    <th>Colaborador</th>
                                    <th>Período</th>
                                    <th>Fecha Pago</th>
                                    <th>Monto</th>
                                    <th>Motivo</th>
                                    <th>Método Pago</th>
                                    <th>Aplicado</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($registros as $i => $p)
                                <tr>
                                    <td>{{ $i + 1 }}</td>
                                    <td>{{ $p->empleado->nombre ?? '' }} {{ $p->empleado->apellido ?? '' }}</td>
                                    <td>{{ $meses[$p->mes] ?? $p->mes }} {{ $p->anio }}</td>
                                    <td>{{ $p->fecha_pago ? $p->fecha_pago->format('d/m/Y') : '-' }}</td>
                                    <td><strong>S/ {{ number_format($p->monto, 2) }}</strong></td>
                                    <td>{{ $p->motivo ?? '-' }}</td>
                                    <td>{{ ucfirst($p->metodo_pago ?? '-') }}</td>
                                    <td>@if($p->planilla_pago_id)<span class="badge badge-success">Sí</span>@else<span class="badge badge-warning">No</span>@endif</td>
                                </tr>
                                @endforeach
                            </tbody>
                            <tfoot class="bg-light font-weight-bold">
                                <tr>
                                    <td colspan="4" class="text-right">Total registros / Monto:</td>
                                    <td colspan="4">{{ $registros->count() }} / S/ {{ number_format($totals->total_monto ?? 0, 2) }}</td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        @elseif(request()->has('mes') || request()->has('anio') || request()->has('empleado_id'))
            <div class="alert alert-info"><i class="fas fa-info-circle mr-2"></i>No se encontraron resultados con los filtros aplicados.</div>
        @else
            <div class="alert alert-secondary"><i class="fas fa-info-circle mr-2"></i>Seleccione los filtros y pulse Buscar para generar el reporte.</div>
        @endif
    </div>
</div>
@stop

@section('css')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style>.select2-selection { height: 40px !important; }</style>
@stop

@section('js')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
    $('.select2').select2({ placeholder: 'Todos los colaboradores', allowClear: true });
});
</script>
@stop