@extends('layouts.dashboard')

@section('title', 'Frais étudiants - Admin')
@section('page-title', 'Frais étudiants')
@section('page-subtitle', 'Gestion des frais, reçus et remises.')

@section('content')
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
    <a href="{{ route('admin.fees.receipts') }}" class="bg-white border border-gray-100 p-6 rounded-2xl shadow-sm hover:shadow-md transition-all group">
        <div class="text-gray-400 text-xs font-bold uppercase tracking-widest mb-3">Reçus</div>
        <div class="text-2xl font-display font-bold text-gray-900 group-hover:text-royal-blue transition-colors">Consulter</div>
        <div class="text-gray-500 text-sm mt-2">Historique des preuves de paiement.</div>
    </a>
    
    <a href="{{ route('admin.fees.discounts') }}" class="bg-white border border-gray-100 p-6 rounded-2xl shadow-sm hover:shadow-md transition-all group">
        <div class="text-gray-400 text-xs font-bold uppercase tracking-widest mb-3">Bourses / Remises</div>
        <div class="text-2xl font-display font-bold text-gray-900 group-hover:text-royal-blue transition-colors">Gérer</div>
        <div class="text-gray-500 text-sm mt-2">Créer et suivre les remises.</div>
    </a>
    
    <div class="bg-white border border-gray-100 p-6 rounded-2xl shadow-sm">
        <div class="text-gray-400 text-xs font-bold uppercase tracking-widest mb-3">Facturation</div>
        <div class="text-2xl font-display font-bold text-gray-900">À venir</div>
        <div class="text-gray-500 text-sm mt-2">Modèle Fee/Invoice + échéanciers.</div>
    </div>
</div>

<div class="bg-white border border-gray-100 rounded-2xl p-6 shadow-sm">
    <p class="text-gray-600">
        Commencez par utiliser les sections <span class="font-bold">Reçus</span> et <span class="font-bold">Bourses / Remises</span>.
    </p>
</div>
@endsection