@extends('layouts.app')
<style>
   /* --- Bouton retour pro --- */
/* --- Bouton retour pro rouge --- */
.btn-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #dc3545; /* rouge vif */
    color: #fff !important;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: 30px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 3px 8px rgba(220, 53, 69, 0.25);
    direction: rtl; /* pour alignement naturel en arabe */
}

.btn-back:hover {
    background-color: #b52a37;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(220, 53, 69, 0.35);
}

.btn-back i {
    font-size: 18px;
    margin-left: 6px; /* espace entre l'icône et le texte */
}

</style>
@section('content')
        
<div class="it-about-3-area p-relative pt-90 pb-125">
   <img class="it-about-shape-1" src="assets/img/shape/about-1-1.png" alt="">
   <div class="container">
      <div class="container mt-4 mb-2 text-end">
         <a href="{{ route('dashboard') }}" class="btn-back">
            <span>رجوع</span>
            <i class="bi bi-arrow-left-circle-fill"></i>
            
         </a>
      </div>

<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">

      <div class="row">
            <div class="it-section-title-box text-center mb-65" style="padding-top:50px;">
               <span class="it-section-subtitle" > التظاهرات الرياضية </span>
                <h5 style="font-size:20px;" class="it-section-title it-split-in-right mb-0">مرحبا، {{ Auth::user()->nom_prenom }}</h5>
               <h4 class="it-section-title it-split-in-right mb-0">  اقامة التظاهرات الرياضية</h4>
            </div>
      </div>
      </div>
      <div class="row gx-35">
    <div class="services-container" style="display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; text-align: center;" dir="rtl">
        <a href="{{ route('manifestation.index') }}" class="service-box">
            <div class="title-icon-wrapper">
                <span class="service-icon"><i class="ri-file-list-3-line"></i></span>
                التظاهرات الرياضية الوطنية بالبلاد التونسية
            </div>  
        </a>
        <a href="{{ route('manifestation2.index') }}" class="service-box">
            <div class="title-icon-wrapper">
                <span class="service-icon"><i class="ri-file-list-3-line"></i></span>
                التظاهرات الرياضية الدولية بالبلاد التونسية
            </div> 
        </a> 
    </div>
</div>

   </div>

@endsection