@extends('layouts.app')

@section('content')
        
<div class="projects-container p-relative pt-30 pb-125" dir="rtl">
   <img class="it-about-shape-1" src="assets/img/shape/about-1-1.png" alt="">
    <div class="container">
        <nav class="breadcrumb-nav" aria-label="breadcrumb">
    <ol class="breadcrumb mb-0">
        <li class="breadcrumb-item">
            <a href="{{ route('dashboard') }}">
                <i class="bi bi-house-fill"></i>
                <span>الرئيسية</span>
            </a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">التظاهرات الرياضية</li>
    </ol>
</nav>


<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">
   <div class="welcome-section">
            <span class="subtitle">التظاهرات الرياضية</span>
            <h1>مرحباً، {{ Auth::user()->nom_prenom }}</h1>
            <p>اقامة التظاهرات الرياضية</p>
        </div>
    
      </div>
	
	      <div class="projects-grid" style=" grid-template-columns: repeat(4, 1fr);">
           <a href="{{ route('manifestation.index') }}" class="project-card" style="grid-column: 2;">
                <div class="project-icon">
                    <i class="ri-trophy-line"></i>
                </div>
                <h3 class="project-title">التظاهرات الرياضية الوطنية بالبلاد التونسية</h3>
              
                <span class="project-link">عرض وتعديل <i class="ri-arrow-left-line"></i></span>
            </a>
			  <a href="{{ route('manifestation2.index') }}" class="project-card"  style="grid-column: 3;">
                <div class="project-icon">
                    <i class="ri-trophy-line"></i>
                </div>
                <h3 class="project-title">التظاهرات الرياضية الدولية بالبلاد التونسية</h3>
              
                <span class="project-link">عرض وتعديل <i class="ri-arrow-left-line"></i></span>
            </a>
			
	
</div>

   </div>

@endsection