@extends('adminlte::page')

@section('title', env('APP_NAME') . ' - Detalles de Programación')
@section('content_header')
    <h1>Detalles de Programación</h1>
@stop

@section('content')
    <div class="row mb-3">
        <div class="col-md-12">
            <a href="{{ route('descansos.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Volver
            </a>
            <a href="{{ route('descansos.edit', $programacion->id) }}" class="btn btn-warning">
                <i class="fas fa-edit"></i> Editar
            </a>
        </div>
    </div>

    <!-- Información de la Programación -->
    <div class="card">
        <div class="card-header bg-primary text-white">
            <h2 class="card-title">
                <i class="fas fa-info-circle"></i> Información de la Programación
            </h2>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-3">
                    <strong>Mes:</strong> {{ $programacion->nombre_mes }}
                </div>
                <div class="col-md-3">
                    <strong>Año:</strong> {{ $programacion->anio }}
                </div>
            </div>
            @if($programacion->observacion)
                <div class="row mt-3">
                    <div class="col-md-12">
                        <strong>Observación:</strong> {{ $programacion->observacion }}
                    </div>
                </div>
            @endif
            <div class="row mt-3">
                <div class="col-md-6">
                    <strong>Total Colaboradores:</strong> {{ $programacion->descansos->count() }}
                </div>
                <div class="col-md-6">
                    <strong>Creado por:</strong> {{ $programacion->creador ? $programacion->creador->name : '-' }}
                </div>
            </div>
        </div>
    </div>

    <!-- Lista de Descansos -->
    <div class="card mt-4">
        <div class="card-header bg-info text-white">
            <h2 class="card-title">
                <i class="fas fa-list"></i> Descansos Programados
            </h2>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Colaborador</th>
                            <th>Fecha Descanso 1</th>
                            <th>Fecha Descanso 2</th>
                            <th>Observación</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($programacion->descansos->where('estado', 1) as $descanso)
                            <tr>
                                <td>{{ $descanso->id }}</td>
                                <td>{{ $descanso->empleado->nombre }} {{ $descanso->empleado->apellido }}</td>
                                <td>{{ $descanso->fecha_descanso_1 ? $descanso->fecha_descanso_1->format('d/m/Y') : '-' }}</td>
                                <td>{{ $descanso->fecha_descanso_2 ? $descanso->fecha_descanso_2->format('d/m/Y') : '-' }}</td>
                                <td>{{ $descanso->observacion ?: '-' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@stop