@extends('layouts.app')
@section('title','Detalle Permiso')

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6"><h1 class="m-0">Permiso: {{ $permiso->codigo }}</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.permisos.index') }}">Permisos</a></li>
                    <li class="breadcrumb-item active">Detalle</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
@if($errors->any())
<div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
@endif

<div class="row">
    <div class="col-md-7">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-info-circle mr-2"></i>Información del Permiso</h3></div>
            <div class="card-body">
                <dl class="row">
                    <dt class="col-sm-4">Código</dt><dd class="col-sm-8"><code>{{ $permiso->codigo }}</code></dd>
                    <dt class="col-sm-4">Empleado</dt><dd class="col-sm-8">{{ $permiso->empleado->nombre_completo }}</dd>
                    <dt class="col-sm-4">Cargo</dt><dd class="col-sm-8">{{ $permiso->empleado->cargo }} — {{ $permiso->empleado->area }}</dd>
                    <dt class="col-sm-4">Tipo</dt><dd class="col-sm-8">{{ \App\Models\PermisoLicencia::$TIPOS[$permiso->tipo] ?? $permiso->tipo }}</dd>
                    <dt class="col-sm-4">Fecha Inicio</dt><dd class="col-sm-8">{{ $permiso->fecha_inicio->format('d/m/Y') }}</dd>
                    <dt class="col-sm-4">Fecha Fin</dt><dd class="col-sm-8">{{ $permiso->fecha_fin->format('d/m/Y') }}</dd>
                    <dt class="col-sm-4">Días</dt><dd class="col-sm-8">{{ $permiso->dias_solicitados }}</dd>
                    <dt class="col-sm-4">Motivo</dt><dd class="col-sm-8">{{ $permiso->motivo }}</dd>
                    <dt class="col-sm-4">Documento</dt><dd class="col-sm-8">{{ $permiso->documento_sustento ?? '—' }}</dd>
                    <dt class="col-sm-4">Estado</dt><dd class="col-sm-8"><span class="badge badge-{{ $permiso->badge_color }}">{{ ucfirst($permiso->estado) }}</span></dd>
                    @if($permiso->aprobadoPor)
                    <dt class="col-sm-4">Procesado por</dt><dd class="col-sm-8">{{ $permiso->aprobadoPor->name }} — {{ $permiso->aprobado_en->format('d/m/Y H:i') }}</dd>
                    @endif
                    @if($permiso->motivo_rechazo)
                    <dt class="col-sm-4">Motivo rechazo</dt><dd class="col-sm-8 text-danger">{{ $permiso->motivo_rechazo }}</dd>
                    @endif
                </dl>
            </div>
        </div>
    </div>

    @if($permiso->estado === 'pendiente')
    <div class="col-md-5">
        <div class="card border-success">
            <div class="card-header bg-success"><h3 class="card-title">Aprobar</h3></div>
            <div class="card-body">
                <form method="POST" action="{{ route('rrhh.permisos.aprobar', $permiso) }}">
                    @csrf
                    <button type="submit" class="btn btn-success btn-block" onclick="return confirm('¿Aprobar este permiso?')">
                        <i class="fas fa-check-circle mr-1"></i>Aprobar Permiso
                    </button>
                </form>
            </div>
        </div>
        <div class="card border-danger">
            <div class="card-header bg-danger"><h3 class="card-title">Rechazar</h3></div>
            <div class="card-body">
                <form method="POST" action="{{ route('rrhh.permisos.rechazar', $permiso) }}">
                    @csrf
                    <div class="form-group">
                        <label>Motivo de rechazo <span class="text-danger">*</span></label>
                        <textarea name="motivo_rechazo" class="form-control @error('motivo_rechazo') is-invalid @enderror" rows="3" required></textarea>
                        @error('motivo_rechazo')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <button type="submit" class="btn btn-danger btn-block">
                        <i class="fas fa-times-circle mr-1"></i>Rechazar
                    </button>
                </form>
            </div>
        </div>
    </div>
    @endif
</div>

<a href="{{ route('rrhh.permisos.pdf', $permiso) }}" target="_blank" class="btn btn-danger mr-2">
    <i class="fas fa-file-pdf mr-1"></i>Descargar PDF
</a>
<a href="{{ route('rrhh.permisos.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left mr-1"></i>Volver</a>

</div>
</section>
@endsection