@extends('adminlte::page')
@section('title', 'Planilla de Asistencias')
@section('plugins.Select2', true)

@section('content_header')
    <h4>Planilla de Asistencias</h4>
@stop

@section('content')
    <div class="card">
        <div class="card-body">
            <!-- Filtros -->
            <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.planilla-asistencia.search') }}" method="GET" class="mb-0">
                                <div class="row">
                                    <!-- Fecha Desde -->
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="fecha_desde">Fecha Desde <span class="text-danger">*</span></label>
                                            <input type="date" name="fecha_desde" id="fecha_desde" class="form-control" value="{{ request('fecha_desde') }}" required>
                                            <small class="text-muted">Inicio de semana (Ej: Lunes)</small>
                                        </div>
                                    </div>

                                    <!-- Fecha Hasta -->
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="fecha_hasta">Fecha Hasta <span class="text-danger">*</span></label>
                                            <input type="date" name="fecha_hasta" id="fecha_hasta" class="form-control" value="{{ request('fecha_hasta') }}" required>
                                            <small class="text-muted">Fin de semana (Ej: Domingo)</small>
                                        </div>
                                    </div>

                                    <!-- Tipo de Turno -->
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="turno_tipo">Tipo de Turno</label>
                                            <select name="turno_tipo" id="turno_tipo" class="form-control">
                                                <option value="">Todos los turnos</option>
                                                <option value="dia" {{ request('turno_tipo') == 'dia' ? 'selected' : '' }}>
                                                    TURNO DÍA
                                                </option>
                                                <option value="noche" {{ request('turno_tipo') == 'noche' ? 'selected' : '' }}>
                                                    TURNO NOCHE
                                                </option>
                                            </select>
                                        </div>
                                    </div>

                                    <!-- Empleado -->
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="empleado_id">Empleado</label>
                                            <select name="empleado_id" id="empleado_id" class="form-control select2" style="width: 100%">
                                                <option value="">Todos los colaboradores</option>
                                                @foreach ($empleados as $empleado)
                                                    <option value="{{ $empleado->id }}" {{ request('empleado_id') == $empleado->id ? 'selected' : '' }}>
                                                        {{ $empleado->nombre }} {{ $empleado->apellido }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <!-- Botones -->
                                <div class="row mt-3">
                                    <div class="col-md-12">
                                        <button type="submit" class="btn btn-primary">
                                            <i class="fas fa-search mr-1"></i> Buscar
                                        </button>
                                        <a href="{{ route('reportes.planilla-asistencia.index') }}" class="btn btn-secondary">
                                            <i class="fas fa-eraser mr-1"></i> Limpiar
                                        </a>
                                        @if(isset($planilla) && $planilla['empleados']->isNotEmpty())
                                            <a href="{{ route('reportes.planilla-asistencia.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>

            <!-- Tabla de Resultados -->
            @if(isset($planilla) && $planilla['empleados']->isNotEmpty())
                <div class="card">
                    <div class="card-header bg-primary text-white">
                        <h3 class="card-title">
                            <i class="fas fa-calendar-week mr-2"></i>
                            Planilla de Asistencias - {{ $planilla['resumen']['fecha_desde'] }} al {{ $planilla['resumen']['fecha_hasta'] }}
                        </h3>
                    </div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped table-hover mb-0" style="font-size: 0.85rem;">
                                <thead class="bg-light">
                                    <tr>
                                        <th class="text-center" style="vertical-align: middle;">#</th>
                                        <th style="vertical-align: middle; min-width: 200px;">COLABORADOR</th>
                                        @foreach($planilla['dias'] as $dia)
                                            <th class="text-center" style="vertical-align: middle; min-width: 80px;">
                                                <div>{{ ucfirst($dia['dia_semana']) }}</div>
                                                <div class="text-muted" style="font-size: 0.75rem;">{{ $dia['dia_numero'] }}/{{ Carbon\Carbon::parse($dia['fecha'])->format('m') }}</div>
                                            </th>
                                        @endforeach
                                        <th class="text-center bg-info text-white" style="vertical-align: middle;">TOTAL DÍAS</th>
                                        <th class="text-center bg-success text-white" style="vertical-align: middle;">% ASISTENCIA</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($planilla['empleados'] as $index => $empleadoData)
                                        <tr>
                                            <td class="text-center">{{ $index + 1 }}</td>
                                            <td>
                                                <strong>{{ $empleadoData['empleado']->nombre }} {{ $empleadoData['empleado']->apellido }}</strong>
                                                @if($empleadoData['empleado']->turnos->isNotEmpty())
                                                    <br><small class="text-muted">{{ $empleadoData['empleado']->turnos->first()->descripcion }}</small>
                                                @endif
                                            </td>
                                            @foreach($planilla['dias'] as $dia)
                                                @php
                                                    $asistencia = $empleadoData['asistencias'][$dia['fecha']];
                                                    $asistio = $asistencia['asistio'];
                                                @endphp
                                                <td class="text-center {{ $asistio ? 'bg-success' : 'bg-danger' }}"
                                                    style="font-weight: bold; color: white; cursor: pointer;"
                                                    title="{{ $asistio ? 'Asistió' : 'No asistió' }}">
                                                    {{ $asistio }}
                                                </td>
                                            @endforeach
                                            <td class="text-center font-weight-bold">
                                                {{ $empleadoData['total_asistencias'] }} / {{ $empleadoData['total_dias'] }}
                                            </td>
                                            <td class="text-center font-weight-bold">
                                                <span class="badge badge-{{ $empleadoData['porcentaje'] >= 80 ? 'success' : ($empleadoData['porcentaje'] >= 50 ? 'warning' : 'danger') }}">
                                                    {{ $empleadoData['porcentaje'] }}%
                                                </span>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot class="bg-light font-weight-bold">
                                    <tr>
                                        <td colspan="2" class="text-right">TOTALES:</td>
                                        @foreach($planilla['dias'] as $dia)
                                            @php
                                                $totalDia = $planilla['empleados']->sum(function($emp) use ($dia) {
                                                    return $emp['asistencias'][$dia['fecha']]['asistio'];
                                                });
                                            @endphp
                                            <td class="text-center">{{ $totalDia }}</td>
                                        @endforeach
                                        <td class="text-center bg-info text-white">
                                            {{ $planilla['empleados']->sum('total_asistencias') }}
                                        </td>
                                        <td class="text-center"></td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="row">
                            <div class="col-md-12">
                                <p class="mb-1"><strong>Resumen:</strong></p>
                                <ul class="mb-0">
                                    <li>Total de colaboradores: <strong>{{ $planilla['resumen']['total_empleados'] }}</strong></li>
                                    <li>Total de días: <strong>{{ $planilla['resumen']['total_dias'] }}</strong></li>
                                    <li>Período: <strong>{{ $planilla['resumen']['fecha_desde'] }} - {{ $planilla['resumen']['fecha_hasta'] }}</strong></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            @elseif(request()->has('fecha_desde') && request()->has('fecha_hasta'))
                <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 un rango de fechas para generar la planilla de asistencias.
                </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>
@endsection


@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() {
        // Inicializar Select2
        $('.select2').select2({
            placeholder: 'Seleccione un colaborador',
            allowClear: true,
        });
    });
</script>
@stop