@extends('adminlte::page')

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

@section('content_header')
    <h4>Reporte de Vacaciones</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.vacaciones.search') }}" method="GET" class="mb-0">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="fecha_desde">Fecha desde</label>
                                        <input type="date" name="fecha_desde" id="fecha_desde" class="form-control" value="{{ request('fecha_desde') }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="fecha_hasta">Fecha hasta</label>
                                        <input type="date" name="fecha_hasta" id="fecha_hasta" class="form-control" value="{{ request('fecha_hasta') }}">
                                    </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.vacaciones.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.vacaciones.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>Fecha inicio</th>
                                    <th>Fecha fin</th>
                                    <th>Días</th>
                                    <th>Observación</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($registros as $i => $v)
                                @php
                                    $dias = $v->fecha_inicio && $v->fecha_fin ? $v->fecha_inicio->diffInDays($v->fecha_fin) + 1 : 0;
                                @endphp
                                <tr>
                                    <td>{{ $i + 1 }}</td>
                                    <td>{{ $v->empleado->nombre ?? '' }} {{ $v->empleado->apellido ?? '' }}</td>
                                    <td>{{ $v->fecha_inicio ? $v->fecha_inicio->format('d/m/Y') : '-' }}</td>
                                    <td>{{ $v->fecha_fin ? $v->fecha_fin->format('d/m/Y') : '-' }}</td>
                                    <td>{{ $dias }}</td>
                                    <td>{{ $v->observacion ?? '-' }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @elseif(request()->has('fecha_desde') || request()->has('fecha_hasta') || 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