git commit "update flight page"

resources/views/components/flight.blade.php

@@ -1,129 +1,47 @@
-@foreach($flights as $flight)
-    <!-- FLIGHT ITEM -->
-    <div class="swiper-slide flight-card group">
+<div class="col-md-4">
+    <div class="card border-0 shadow-sm rounded-4 overflow-hidden h-100">
 
-        <!-- flight header -->
-        <div class="flight-card_header">
+        <div class="flight-image">
 
-            <div>
-                <span class="flight-airline">
-                    {{ $flight->airline }}
-                </span>
+            <img src="{{ asset($flight->image) }}"
+                 alt="{{ $flight->airline }}">
 
-                <span class="flight-number">
-                    {{ $flight->flight_number }}
-                </span>
-            </div>
-
-            @if($flight->flight_class)
-                <span class="flight-class">
-                    {{ $flight->flight_class }}
-                </span>
-            @endif
+            <span class="flight-badge">
+            پرواز
+        </span>
 
         </div>
 
 
-        <!-- flight route -->
-        <div class="flight-card_route">
+        <div class="card-body d-flex flex-column">
 
-            <div class="flight-airport">
+            <h5 class="fw-bold">
+                {{ $flight->airline }}
+            </h5>
 
-                <span>
-                    مبدا
-                </span>
 
-                <strong>
-                    {{ $flight->origin }}
-                </strong>
+            <div class="route">
+                <span>{{ $flight->origin }}</span>
 
+                <span class="line"></span>
+
+                <span>{{ $flight->destination }}</span>
             </div>
 
 
-            <div class="flight-route-line">
-                ✈
-            </div>
-
-
-            <div class="flight-airport">
-
-                <span>
-                    مقصد
-                </span>
+            <div class="mt-auto d-flex justify-content-between align-items-center">
 
                 <strong>
-                    {{ $flight->destination }}
+                    {{ number_format($flight->price) }} تومان
                 </strong>
 
+                <a href="{{ route('flights.show',$flight) }}"
+                   class="btn btn-primary rounded-pill">
+                    مشاهده
+                </a>
+
             </div>
 
         </div>
 
-
-        <!-- flight details -->
-        <div class="flight-card_details">
-
-            <div>
-                <span>
-                    تاریخ پرواز
-                </span>
-
-                <strong>
-                    {{ $flight->departure_date?->format('Y/m/d') }}
-                </strong>
-            </div>
-
-
-            <div>
-                <span>
-                    ساعت حرکت
-                </span>
-
-                <strong>
-                    {{ $flight->departure_time?->format('H:i') }}
-                </strong>
-            </div>
-
-
-            <div>
-                <span>
-                    ساعت رسیدن
-                </span>
-
-                <strong>
-                    {{ $flight->arrival_time?->format('H:i') }}
-                </strong>
-            </div>
-
-        </div>
-
-
-        <!-- flight footer -->
-        <div class="flight-card_footer">
-
-            <div class="flight-price">
-
-                <span>
-                    قیمت
-                </span>
-
-                <strong>
-                    {{ number_format($flight->price) }}
-
-                    <small>
-                        تومان
-                    </small>
-                </strong>
-
-            </div>
-
-
-            <a href="#" class="flight-detail-button">
-                جزئیات
-            </a>
-
-        </div>
-
-    </div>
-
-@endforeach
+    </div></div>