git commit "update flight page"

resources/views/components/tour.blade.php

@@ -1,74 +1,43 @@
-@foreach($tours as $tour)
-    <!-- TOUR ITEM -->
-    <div class="swiper-slide tour-card group">
+<div class="swiper-slide">
+    <div class="card border-0 shadow-sm rounded-4 overflow-hidden h-100">
 
-        <!-- tour image -->
-        <a href="#">
+        <div class="position-relative" style="height: 170px;">
+            @if($tour->image)
+                <img src="{{ asset('storage/'.$tour->image) }}"
+                     class="w-100 h-100 object-fit-cover"
+                     alt="{{ $tour->title }}">
+            @else
+                <div class="w-100 h-100 bg-light"></div>
+            @endif
 
-            <img
-                class="tour-card_img"
-                src="{{ $tour->image ?? asset('assets/img/placeholder.jpg') }}"
-                alt="{{ $tour->title }}"
-            >
+            <span class="position-absolute top-0 end-0 m-2 badge rounded-pill" style="background: var(--teal);">
+                تور
+            </span>
+        </div>
 
-        </a>
+        <div class="card-body d-flex flex-column">
+            <h5 class="card-title fw-bold fs-6 mb-2">{{ $tour->title }}</h5>
 
-        <!-- tour content -->
-        <div class="tour-card_content">
+            @if($tour->summary)
+                <p class="text-secondary small mb-3">{{ \Illuminate\Support\Str::limit($tour->summary, 70) }}</p>
+            @endif
 
-            <!-- title -->
-            <a href="#" class="tour-card_title">
-                {{ $tour->title }}
-            </a>
+            <div class="small text-secondary mb-3">
+                <i class="bi bi-calendar-event"></i>
+                تاریخ حرکت: {{ optional($tour->departure_date)->format('Y/m/d') }}
+            </div>
 
-            <!-- destination -->
-            <div class="tour-card_destination">
-
-                <span>
-                    📍
+            <div class="mt-auto d-flex justify-content-between align-items-center">
+                <span class="fw-bold" style="color: var(--blue);">
+                    {{ number_format($tour->price) }} تومان
                 </span>
-
-                {{ $tour->destination }}
-
+                <a href="{{ route('tours.show', $tour) }}"
+                   class="btn btn-sm rounded-pill px-3 text-white"
+                   style="background: var(--blue);">
+                    مشاهده
+                </a>
             </div>
-
-            <!-- details -->
-            <div class="tour-card_details">
-
-                <div>
-                    <span>مدت تور</span>
-
-                    <strong>
-                        {{ $tour->duration }} روز
-                    </strong>
-                </div>
-
-                <div>
-                    <span>ظرفیت</span>
-
-                    <strong>
-                        {{ $tour->capacity }} نفر
-                    </strong>
-                </div>
-
-            </div>
-
-            <!-- price -->
-            <div class="tour-card_price">
-
-                <span>
-                    شروع قیمت از
-                </span>
-
-                <strong>
-                    {{ number_format($tour->price) }}
-                    <small>تومان</small>
-                </strong>
-
-            </div>
-
         </div>
 
     </div>
-
-@endforeach
+</div>