feat: style flight and tour cards with latest flights section

app/Http/Controllers/IndexController.php

@@ -2,6 +2,8 @@
 
 namespace App\Http\Controllers;
 
+use App\Models\Flight;
+use App\Models\Tour;
 use Illuminate\Http\Request;
 
 class IndexController extends Controller
@@ -10,6 +12,12 @@ class IndexController extends Controller
     public function index()
     {
         $title = 'صفحه اصلی';
-        return view('index' , compact('title'));
+        $flights = Flight::with('file')
+            ->orderByDesc('created_at')
+            ->paginate(4);
+
+
+
+        return view('index' , compact('title' , 'flights'));
     }
 }

resources/views/components/flight-card.blade.php

@@ -0,0 +1,35 @@
+
+    <div class="col-md-6 col-lg-3">
+        <div class="activity-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".25s">
+            <div class="activity-img">
+                <img src="{{ $flight->file?->url ?? asset('assets/img/activity/01.jpg') }}"
+                     alt="{{ $flight->flight_number }}">
+                <a href="#" class="add-wishlist"><i class="far fa-heart"></i></a>
+            </div>
+            <div class="activity-content">
+                <h4 class="activity-title">
+                    <a href="#">{{ $flight->airline?->name ?? 'ایرلاین' }}</a>
+                </h4>
+
+                <p><i class="far fa-location-dot"></i>
+                    {{ $flight->origin_airport?->city->name ?? 'مبدأ' }}
+                    @if ($flight->trip_type === \App\Enums\FlightTripType::ONEWAY)
+                        <i class="fas fa-arrow-right-long"></i>
+                    @else
+                        <i class="fas fa-right-left"></i>
+                    @endif
+                    {{ $flight->airport?->city->name ?? 'مقصد' }}
+                </p>
+
+                <div class="activity-bottom">
+                    <div class="activity-price">
+                        <span class="activity-price-amount">{{ number_format($flight->price) }} تومان</span>
+                    </div>
+                    <div class="activity-text-btn">
+                        <a href="#">نمایش جزئیات <i class="fas fa-arrow-left"></i></a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+