@extends('adminlte::page')

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

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

    <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-4">
                    <strong>Año:</strong> {{ $programacion->anio }}
                </div>
                <div class="col-md-4">
                    <strong>Total Colaboradores:</strong> {{ $programacion->vacaciones->count() }}
                </div>
                <div class="col-md-4">
                    <strong>Creado por:</strong> {{ $programacion->creador ? $programacion->creador->name : '-' }}
                </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>
    </div>

    <div class="card mt-4">
        <div class="card-header bg-info text-white">
            <h2 class="card-title">
                <i class="fas fa-list"></i> Vacaciones Programadas
            </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 Inicio</th>
                            <th>Fecha Fin</th>
                            <th>Días</th>
                            <th>Observación</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($programacion->vacaciones->where('estado', 1) as $vacacion)
                            <tr>
                                <td>{{ $vacacion->id }}</td>
                                <td>{{ $vacacion->empleado->nombre }} {{ $vacacion->empleado->apellido }}</td>
                                <td>{{ $vacacion->fecha_inicio ? $vacacion->fecha_inicio->format('d/m/Y') : '-' }}</td>
                                <td>{{ $vacacion->fecha_fin ? $vacacion->fecha_fin->format('d/m/Y') : '-' }}</td>
                                <td>{{ $vacacion->fecha_inicio && $vacacion->fecha_fin ? $vacacion->fecha_inicio->diffInDays($vacacion->fecha_fin) + 1 : '-' }}</td>
                                <td>{{ $vacacion->observacion ?: '-' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@stop