@extends('layout.app')
@section('title','Détail permission')
@section('page_title','Demande de permission #'.$permission->id)

@section('content')
<div class="d-flex justify-content-between mb-3">
    <a href="{{ route('admin.permissions.index') }}" class="btn btn-secondary">
        <i class="fa fa-arrow-left"></i> Retour
    </a>
    <div>
        <button onclick="window.print()" class="btn btn-glo-primary">
            <i class="fa fa-print"></i> Imprimer
        </button>
    </div>
</div>

<div class="card border-0 shadow-sm rounded-4 p-4" id="print-area" style="max-width:800px;margin:auto;">
    <div class="text-center">
        <img src="{{ asset('images/glo-logo.png') }}" style="height:60px;">
        <h4 class="mt-2 text-primary">Demande de Permission</h4>
        <hr>
    </div>

    <table class="table table-borderless">
        <tr><th>Délégué :</th><td>{{ $permission->user?->name }}</td></tr>
        <tr><th>Date début :</th><td>{{ $permission->start_date->format('d/m/Y') }}</td></tr>
        @if($permission->end_date)
        <tr><th>Date fin :</th><td>{{ $permission->end_date->format('d/m/Y') }}</td></tr>
        @endif
        <tr><th>Demi-journée :</th><td>{{ $permission->half_day ? 'Oui ('.$permission->period.')' : 'Journée complète' }}</td></tr>
        <tr><th>Motif :</th><td>{{ ucfirst($permission->reason) }}</td></tr>
        <tr><th>Notes :</th><td>{{ $permission->notes ?? '—' }}</td></tr>
        <tr><th>Remarque Admin :</th><td>{{ $permission->remarque_admin ?? '—' }}</td></tr>
        <tr><th>Statut :</th><td>{{ ucfirst($permission->status) }}</td></tr>
    </table>

    <hr>
    <div class="text-end small text-muted">
        Rapport généré le {{ now()->format('d/m/Y H:i') }}
    </div>
</div>

<style>
@media print {
  body * { visibility:hidden; }
  #print-area, #print-area * { visibility:visible; }
  #print-area { position:absolute; left:0; top:0; width:210mm; background:#fff; }
}
</style>
@endsection