@extends('layout.app')
@section('title','Permissions')
@section('page_title','Demandes de Permissions')

@section('content')
<div class="container-fluid">
<div class="card border-0 shadow-sm rounded-4">
<div class="card-body">

<div class="d-flex justify-content-between align-items-center mb-3">
    <h5 class="fw-semibold text-primary"><i class="fa-solid fa-business-time me-2"></i> Suivi des permissions</h5>
</div>

@if(session('success'))
 <div class="alert alert-success">{{ session('success') }}</div>
@endif

<form method="GET" class="row g-2 mb-3">
    <div class="col-md-3">
        <input type="text" name="search" class="form-control" placeholder="Nom du délégué" value="{{ request('search') }}">
    </div>
    <div class="col-md-3">
        <select name="reason" class="form-select">
            <option value="">Motif</option>
            <option value="trajet" {{ request('reason')=='trajet'?'selected':'' }}>Trajet</option>
            <option value="reunion" {{ request('reason')=='reunion'?'selected':'' }}>Réunion</option>
            <option value="congres" {{ request('reason')=='congres'?'selected':'' }}>Congrès</option>
            <option value="formation" {{ request('reason')=='formation'?'selected':'' }}>Formation</option>
            <option value="maladie" {{ request('reason')=='maladie'?'selected':'' }}>Maladie</option>
            <option value="affaire_personnel" {{ request('reason')=='affaire_personnel'?'selected':'' }}>Affaire personnelle</option>
        </select>
    </div>
    <div class="col-md-2">
        <select name="status" class="form-select">
            <option value="">Statut</option>
            <option value="en_cours" {{ request('status')=='en_cours'?'selected':'' }}>En cours</option>
            <option value="accepté" {{ request('status')=='accepté'?'selected':'' }}>Accepté</option>
            <option value="refus" {{ request('status')=='refus'?'selected':'' }}>Refusé</option>
        </select>
    </div>
    <div class="col-md-2">
        <input type="date" name="from" value="{{ request('from') }}" class="form-control">
    </div>
    <div class="col-md-2">
        <input type="date" name="to" value="{{ request('to') }}" class="form-control">
    </div>
    <div class="col-md-1 text-end">
        <button class="btn btn-glo-primary"><i class="fa fa-search"></i></button>
    </div>
</form>

@if($permissions->count() == 0)
    <div class="text-center text-muted py-5">
        <i class="fa-solid fa-inbox fs-1 mb-2 text-secondary"></i>
        <p>Aucune demande trouvée.</p>
    </div>
@else
<div class="row g-3">
@foreach($permissions as $perm)
<div class="col-md-6">
<div class="border rounded-4 p-3 shadow-sm bg-white hover-lift position-relative" style="transition:.2s;">
    <div class="d-flex justify-content-between align-items-start">
        <div>
            <h6 class="fw-semibold mb-1 text-primary">{{ $perm->user->name }}</h6>
            <p class="mb-1 text-secondary">
                <i class="fa-regular fa-calendar me-1"></i>
                {{ $perm->start_date->format('d/m/Y') }}
                @if($perm->end_date)
                    → {{ $perm->end_date->format('d/m/Y') }}
                @endif
            </p>
            <p class="mb-1"><strong>Motif:</strong> {{ ucfirst($perm->reason) }}</p>
            @if($perm->notes)
                <p class="small text-muted">{{ Str::limit($perm->notes,80) }}</p>
            @endif
        </div>
        <div>
            @if($perm->status=="en_cours")
                <span class="badge bg-warning text-dark">En cours</span>
            @elseif($perm->status=="accepté")
                <span class="badge bg-success">Accepté</span>
            @else
                <span class="badge bg-danger">Refusé</span>
            @endif
        </div>
    </div>
    <hr>
    <div class="d-flex justify-content-between">
        <a href="{{ route('admin.permissions.show', $perm) }}" class="btn btn-sm btn-outline-primary">
            <i class="fa fa-eye"></i> Détails
        </a>
        <div>
            @if($perm->status!='accepté')
                <form method="POST" action="{{ route('admin.permissions.status',$perm) }}" class="d-inline">
                    @csrf @method('PUT')
                    <input type="hidden" name="status" value="accepté">
                    <button class="btn btn-sm btn-success"><i class="fa fa-check"></i></button>
                </form>
            @endif
            @if($perm->status!='refus')
                <form method="POST" action="{{ route('admin.permissions.status',$perm) }}" class="d-inline">
                    @csrf @method('PUT')
                    <input type="hidden" name="status" value="refus">
                    <button class="btn btn-sm btn-danger"><i class="fa fa-xmark"></i></button>
                </form>
            @endif
        </div>
    </div>
</div>
</div>
@endforeach
</div>
@endif

<div class="mt-3">
    {{ $permissions->links() }}
</div>

</div></div></div>
@endsection