@extends('adminlte::page')

@section('title', 'Reporte de Descansos Trabajados (Excepciones)')
@section('plugins.Select2', true)

@section('content_header')
    <h4>Reporte de Descansos Trabajados (Excepciones)</h4>
    <small class="text-muted">Días en que el colaborador trabajó teniendo descanso programado</small>
@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.descansos-excepciones.search') }}" method="GET" class="mb-0">
                            <div class="row">
                                <div class="col-md-2">
                                    <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-2">
                                    <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-2">
                                    <div class="form-group">
                                        <label for="mes">Mes</label>
                                        <select name="mes" id="mes" class="form-control">
                                            <option value="">-- Mes --</option>
                                            @foreach(['01'=>'Enero','02'=>'Febrero','03'=>'Marzo','04'=>'Abril','05'=>'Mayo','06'=>'Junio','07'=>'Julio','08'=>'Agosto','09'=>'Septiembre','10'=>'Octubre','11'=>'Noviembre','12'=>'Diciembre'] as $num => $nombre)
                                                <option value="{{ $num }}" {{ request('mes') == $num ? 'selected' : '' }}>{{ $nombre }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="anio">Año</label>
                                        <input type="number" name="anio" id="anio" class="form-control" min="2020" max="2100" value="{{ request('anio', date('Y')) }}" placeholder="Año">
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <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-2">
                                    <div class="form-group">
                                        <label for="origen">Origen</label>
                                        <select name="origen" id="origen" class="form-control">
                                            <option value="">Todos</option>
                                            <option value="automatico" {{ request('origen') === 'automatico' ? 'selected' : '' }}>Automático</option>
                                            <option value="manual" {{ request('origen') === 'manual' ? 'selected' : '' }}>Manual</option>
                                        </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.descansos-excepciones.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.descansos-excepciones.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</th>
                                    <th>Origen</th>
                                    <th>Observación</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($registros as $i => $d)
                                <tr>
                                    <td>{{ $i + 1 }}</td>
                                    <td>{{ $d->empleado->nombre ?? '' }} {{ $d->empleado->apellido ?? '' }}</td>
                                    <td>{{ $d->fecha ? $d->fecha->format('d/m/Y') : '-' }}</td>
                                    <td>
                                        @if($d->origen === 'manual')
                                            <span class="badge badge-info">Manual</span>
                                        @else
                                            <span class="badge badge-secondary">Automático</span>
                                        @endif
                                    </td>
                                    <td>{{ $d->observacion ?? '-' }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @elseif(request()->has('fecha_desde') || request()->has('fecha_hasta') || request()->has('empleado_id') || request()->has('mes') || request()->has('anio') || request()->has('origen'))
            <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