@extends('layouts.app')
@section('title','Permisos y Licencias')

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6"><h1 class="m-0">Permisos y Licencias</h1><div class="highlight-bar"></div></div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('rrhh.dashboard') }}">RRHH</a></li>
                    <li class="breadcrumb-item active">Permisos</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<section class="content">
<div class="container-fluid">

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show">{{ session('success') }}<button type="button" class="close" data-dismiss="alert"><span>&times;</span></button></div>
@endif

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h3 class="card-title"><i class="fas fa-calendar-times mr-2"></i>Solicitudes</h3>
        <div>
            <form method="GET" class="d-inline-flex align-items-center mr-2">
                <select name="estado" class="form-control form-control-sm mr-2" onchange="this.form.submit()">
                    <option value="pendiente" {{ $estado == 'pendiente' ? 'selected' : '' }}>Pendientes</option>
                    <option value="aprobado"  {{ $estado == 'aprobado'  ? 'selected' : '' }}>Aprobados</option>
                    <option value="rechazado" {{ $estado == 'rechazado' ? 'selected' : '' }}>Rechazados</option>
                    <option value="todos"     {{ $estado == 'todos'     ? 'selected' : '' }}>Todos</option>
                </select>
            </form>
            <a href="{{ route('rrhh.permisos.create') }}" class="btn btn-sm btn-primary">
                <i class="fas fa-plus mr-1"></i>Nueva Solicitud
            </a>
        </div>
    </div>
    <div class="card-body p-0">
        <table class="table table-hover table-sm mb-0">
            <thead class="thead-light">
                <tr><th>Código</th><th>Empleado</th><th>Tipo</th><th>Inicio</th><th>Fin</th><th>Días</th><th>Estado</th><th>Acciones</th></tr>
            </thead>
            <tbody>
            @forelse($permisos as $p)
            <tr>
                <td><code>{{ $p->codigo }}</code></td>
                <td>{{ $p->empleado->nombre_completo }}</td>
                <td>{{ \App\Models\PermisoLicencia::$TIPOS[$p->tipo] ?? $p->tipo }}</td>
                <td>{{ $p->fecha_inicio->format('d/m/Y') }}</td>
                <td>{{ $p->fecha_fin->format('d/m/Y') }}</td>
                <td>{{ $p->dias_solicitados }}</td>
                <td><span class="badge badge-{{ $p->badge_color }}">{{ ucfirst($p->estado) }}</span></td>
                <td class="text-nowrap">
                    <a href="{{ route('rrhh.permisos.show', $p) }}" class="btn btn-xs btn-info" title="Ver detalle"><i class="fas fa-eye"></i></a>
                    <a href="{{ route('rrhh.permisos.pdf', $p) }}" target="_blank" class="btn btn-xs btn-danger" title="PDF"><i class="fas fa-file-pdf"></i></a>
                    @if($p->estado === 'pendiente')
                    <form method="POST" action="{{ route('rrhh.permisos.aprobar', $p) }}" class="d-inline">
                        @csrf <button type="submit" class="btn btn-xs btn-success" title="Aprobar" onclick="return confirm('¿Aprobar permiso?')"><i class="fas fa-check"></i></button>
                    </form>
                    @endif
                </td>
            </tr>
            @empty
            <tr><td colspan="8" class="text-center text-muted py-4">Sin solicitudes.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer">{{ $permisos->links() }}</div>
</div>

</div>
</section>
@endsection