git commit "implement flight management with search filter and sorting"

resources/views/flights/index.blade.php

@@ -4,59 +4,129 @@
 
     <div class="container py-5">
 
-        <h2 class="mb-4">
-            آرشیو پروازها
-        </h2>
+        <div class="d-flex justify-content-between align-items-center mb-4">
 
-
-        <div class="row">
-
-            @foreach($flights as $flight)
-
-                <div class="col-md-4 mb-4">
-
-                    <div class="card shadow-sm">
-
-                        <img src="{{ asset($flight->image) }}"
-                             class="card-img-top"
-                             height="200">
-
-                        <div class="card-body">
-
-                            <h5>
-                                {{ $flight->airline }}
-                            </h5>
-
-                            <p>
-                                {{ $flight->origin }}
-                                -
-                                {{ $flight->destination }}
-                            </p>
-
-                            <strong>
-                                {{ number_format($flight->price) }}
-                                تومان
-                            </strong>
-
-                        </div>
-
-                    </div>
-
-                </div>
-
-            @endforeach
+            <h2 class="fw-bold">
+                آرشیو پروازها ✈️
+            </h2>
 
         </div>
 
-        <br>
-        <br>
 
-        <div class="mt-4">
+        <div class="row g-4">
+
+
+            @foreach($flights as $flight)
+
+                <div class="col-lg-4 col-md-6">
+
+
+                    <div class="card h-100 shadow-sm border-0 rounded-4 overflow-hidden">
+
+
+                        <div class="position-relative">
+
+
+                            <img src="{{ getImageUrl($flight->image) }}"
+                                 class="card-img-top"
+                                 style="height:220px; object-fit:cover;"
+                                 alt="{{ $flight->airline }}">
+
+
+                            <span class="position-absolute top-0 end-0 m-3 badge bg-primary">
+
+                            {{ $flight->flight_class ?? 'Economy' }}
+
+                        </span>
+
+
+                        </div>
+
+
+
+                        <div class="card-body">
+
+
+                            <h5 class="fw-bold mb-3">
+
+                                {{ $flight->airline }}
+
+                            </h5>
+
+
+
+                            <div class="text-muted mb-2">
+
+                                <i class="bi bi-geo-alt"></i>
+
+                                {{ $flight->origin }}
+
+                                →
+
+                                {{ $flight->destination }}
+
+                            </div>
+
+
+
+                            <div class="mb-2">
+
+                                📅
+
+                                {{ verta($flight->departure_date)->format('Y/m/d') }}
+
+                            </div>
+
+
+
+                            <div class="d-flex justify-content-between align-items-center mt-4">
+
+
+                                <strong class="text-primary fs-5">
+
+                                    {{ number_format($flight->price) }}
+
+                                    تومان
+
+                                </strong>
+
+
+
+                                <a href="#"
+                                   class="btn btn-outline-primary rounded-pill">
+
+                                    مشاهده
+
+                                </a>
+
+
+                            </div>
+
+
+                        </div>
+
+
+                    </div>
+
+
+                </div>
+
+
+            @endforeach
+
+
+        </div>
+
+
+
+        <div class="mt-5 d-flex justify-content-center">
 
             {{ $flights->links() }}
 
         </div>
 
+
     </div>
 
+
 @endsection