@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" dir="rtl">

            <a href="{{ route('salle-sport.index2') }}" class="service-box">
                <div class="title-icon-wrapper">
                    <span class="service-icon"><i class="ri-file-list-3-line"></i></span>
                    إحداث قاعة خاصة للرياضة
                </div>
                <span class="service-link">عرض وتعديل</span>
            </a>


            <a href="{{ route('jeune_enfant.index') }}" class="service-box">
               <div class="title-icon-wrapper">
                  <span class="service-icon"><i class="ri-file-list-3-line"></i></span>
                  الفضاءات الترفيهية للشباب و الطفولة
               </div>
               <span class="service-link">اكتشف المزيد</span>
            </a>
            

            <a href="{{ route('jeunesse.index') }}" class="service-box">
               <div class="title-icon-wrapper">
                  <span class="service-icon"><i class="ri-file-list-3-line"></i></span>
                  المؤسسات الشبابية الخاصة
               </div>
               <span class="service-link">اكتشف المزيد</span>
            </a>
            <a href="{{ route('jeunesse2.index') }}" class="service-box">
               <div class="title-icon-wrapper">
                  <span class="service-icon"><i class="ri-file-list-3-line"></i></span>
                  تنظيم الأنشطة الترفيهية للشباب و الطفولة
               </div>
               <span class="service-link">عرض التفاصيل</span>
            </a>

            <a href="{{ route('formation.index') }}" class="service-box">
               <div class="title-icon-wrapper">
                  <span class="service-icon"><i class="ri-file-list-3-line"></i></span>
                   مركز التربصات و تكوين الرياضيين
               </div>
               <span class="service-link">عرض التفاصيل</span>
            </a>

            <a href="{{ route('exoneration_choix') }}" class="service-box">
               <div class="title-icon-wrapper">
                  <span class="service-icon"><i class="ri-file-list-3-line"></i></span>
                   مشاريع الإعفاء الجبائي
               </div>
               <span class="service-link">عرض التفاصيل</span>
            </a>


           
         </div>
      </div>
   </div>

@endsection