some progress

app/Http/Controllers/MovieController.php

@@ -4,6 +4,7 @@ namespace App\Http\Controllers;
 
 use App\Http\Requests\Movie\CommentRequest;
 use App\Models\Comment;
+use App\Models\Genre;
 use App\Models\MediaList;
 use App\Models\Movie;
 use Illuminate\Http\Request;
@@ -11,11 +12,67 @@ use Illuminate\Support\Facades\Auth;
 
 class MovieController extends Controller
 {
-    public function index()
+    public function index(Request $request)
     {
-        $movies = Movie::orderBy('release_date', 'ASC')->paginate(60);
+        $query = Movie::query();
 
-        return view('movie.index', compact('movies'));
+        // Search by title
+        if ($request->filled('title')) {
+            $query->where('title', 'LIKE', '%' . $request->title . '%');
+        }
+
+        // Filter by genre
+        if ($request->filled('genre')) {
+            $query->whereHas('genres', function ($q) use ($request) {
+                $q->where('genre_id', $request->genre);
+            });
+        }
+
+        // Filter by actor
+        if ($request->filled('actor')) {
+            $query->whereHas('castList', function ($q) use ($request) {
+                $q->where('person_id', $request->actor);
+            });
+        }
+
+        // Filter by director
+        if ($request->filled('director')) {
+            $query->whereHas('director', function ($q) use ($request) {
+                $q->where('person_id', $request->director);
+            });
+        }
+
+        // Filter by rating
+        if ($request->filled('rating_min')) {
+            $query->where('vote_average', '>=', $request->rating_min);
+        }
+        if ($request->filled('rating_max')) {
+            $query->where('vote_average', '<=', $request->rating_max);
+        }
+
+        // Filter by release year
+        if ($request->filled('year_min')) {
+            $query->whereYear('release_date', '>=', $request->year_min);
+        }
+        if ($request->filled('year_max')) {
+            $query->whereYear('release_date', '<=', $request->year_max);
+        }
+
+        // Sorting
+        $sortBy = $request->get('sort_by', 'release_date');
+        $sortOrder = $request->get('sort_order', 'DESC');
+
+        $allowedSorts = ['title', 'release_date', 'vote_average', 'vote_count'];
+        if (in_array($sortBy, $allowedSorts)) {
+            $query->orderBy($sortBy, $sortOrder);
+        }
+
+        $movies = $query->paginate(60)->appends($request->except('page'));
+
+        // Get all genres for filter dropdowns
+        $genres = Genre::orderBy('name')->get();
+
+        return view('movie.index', compact('movies', 'genres'));
     }
 
     public function show(string $slug)

resources/sass/app.scss

@@ -330,6 +330,7 @@ $fa-font-path:        "/fonts";
         border-radius: 8px;
         overflow: hidden;
         transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+        margin-bottom: 15px;
 
         &:hover {
             transform: translateY(-5px);
@@ -1165,6 +1166,7 @@ body.light-mode{
         border-radius: 8px;
         overflow: hidden;
         transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+        margin-bottom: 15px;
 
         &:hover {
             transform: translateY(-5px);

resources/views/livewire/movie-page/tabs/details.blade.php

@@ -5,7 +5,7 @@
         </div>
         <div class="content">
             @foreach($productionCompanies as $productionCompany)
-                <a href="">{{ $productionCompany->name }}</a>
+                <a href="">{{ $productionCompany->name }}</a>@if(!$loop->last), @endif
             @endforeach
         </div>
     </div>
@@ -16,7 +16,7 @@
         </div>
         <div class="content">
             @foreach($productionCountries as $productionCountry)
-                <a href="">{{ $productionCountry->name }}</a>
+                <a href="">{{ $productionCountry->name }}</a>@if(!$loop->last), @endif
             @endforeach
         </div>
     </div>

resources/views/movie/index.blade.php

@@ -4,8 +4,114 @@
     <div class="container-fluid movie-page">
         <div class="row justify-content-center">
             <div class="col-md-10">
+                <!-- Search & Filter Card -->
+                <div class="card mb-4">
+                    <div class="card-header">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <span><span class="iconify" data-icon="mdi:filter-variant"></span> Advanced Search & Filters</span>
+                            <button class="btn btn-sm btn-outline-primary" type="button" data-bs-toggle="collapse" data-bs-target="#filterCollapse">
+                                <span class="iconify" data-icon="mdi:chevron-down"></span>
+                            </button>
+                        </div>
+                    </div>
+                    <div class="collapse" id="filterCollapse">
+                        <div class="card-body">
+                            <form method="GET" action="{{ route('movie.index') }}">
+                                <div class="row">
+                                    <!-- Title Search -->
+                                    <div class="col-md-4 mb-3">
+                                        <label for="title" class="form-label">
+                                            <span class="iconify" data-icon="mdi:magnify"></span> Title
+                                        </label>
+                                        <input type="text" class="form-control" id="title" name="title" value="{{ request('title') }}" placeholder="Search by title...">
+                                    </div>
+
+                                    <!-- Genre Filter -->
+                                    <div class="col-md-4 mb-3">
+                                        <label for="genre" class="form-label">
+                                            <span class="iconify" data-icon="mdi:filmstrip"></span> Genre
+                                        </label>
+                                        <select class="form-select" id="genre" name="genre">
+                                            <option value="">All Genres</option>
+                                            @foreach($genres as $genre)
+                                                <option value="{{ $genre->id }}" {{ request('genre') == $genre->id ? 'selected' : '' }}>
+                                                    {{ $genre->name }}
+                                                </option>
+                                            @endforeach
+                                        </select>
+                                    </div>
+
+                                    <!-- Rating Range -->
+                                    <div class="col-md-4 mb-3">
+                                        <label class="form-label">
+                                            <span class="iconify" data-icon="mdi:star"></span> Rating
+                                        </label>
+                                        <div class="input-group">
+                                            <input type="number" class="form-control" name="rating_min" value="{{ request('rating_min') }}" placeholder="Min" min="0" max="10" step="0.1">
+                                            <span class="input-group-text">to</span>
+                                            <input type="number" class="form-control" name="rating_max" value="{{ request('rating_max') }}" placeholder="Max" min="0" max="10" step="0.1">
+                                        </div>
+                                    </div>
+
+                                    <!-- Year Range -->
+                                    <div class="col-md-4 mb-3">
+                                        <label class="form-label">
+                                            <span class="iconify" data-icon="mdi:calendar"></span> Release Year
+                                        </label>
+                                        <div class="input-group">
+                                            <input type="number" class="form-control" name="year_min" value="{{ request('year_min') }}" placeholder="From" min="1900" max="{{ date('Y') }}">
+                                            <span class="input-group-text">to</span>
+                                            <input type="number" class="form-control" name="year_max" value="{{ request('year_max') }}" placeholder="To" min="1900" max="{{ date('Y') }}">
+                                        </div>
+                                    </div>
+
+                                    <!-- Sort By -->
+                                    <div class="col-md-4 mb-3">
+                                        <label for="sort_by" class="form-label">
+                                            <span class="iconify" data-icon="mdi:sort"></span> Sort By
+                                        </label>
+                                        <select class="form-select" id="sort_by" name="sort_by">
+                                            <option value="release_date" {{ request('sort_by') == 'release_date' ? 'selected' : '' }}>Release Date</option>
+                                            <option value="title" {{ request('sort_by') == 'title' ? 'selected' : '' }}>Title</option>
+                                            <option value="vote_average" {{ request('sort_by') == 'vote_average' ? 'selected' : '' }}>Rating</option>
+                                            <option value="vote_count" {{ request('sort_by') == 'vote_count' ? 'selected' : '' }}>Popularity</option>
+                                        </select>
+                                    </div>
+
+                                    <!-- Sort Order -->
+                                    <div class="col-md-4 mb-3">
+                                        <label for="sort_order" class="form-label">
+                                            <span class="iconify" data-icon="mdi:sort-variant"></span> Order
+                                        </label>
+                                        <select class="form-select" id="sort_order" name="sort_order">
+                                            <option value="DESC" {{ request('sort_order') == 'DESC' ? 'selected' : '' }}>Descending</option>
+                                            <option value="ASC" {{ request('sort_order') == 'ASC' ? 'selected' : '' }}>Ascending</option>
+                                        </select>
+                                    </div>
+                                </div>
+
+                                <div class="d-flex gap-2">
+                                    <button type="submit" class="btn btn-primary">
+                                        <span class="iconify" data-icon="mdi:magnify"></span> Apply Filters
+                                    </button>
+                                    <a href="{{ route('movie.index') }}" class="btn btn-outline-secondary">
+                                        <span class="iconify" data-icon="mdi:refresh"></span> Clear All
+                                    </a>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Results Card -->
                 <div class="card">
-                    <div class="card-header">Movies</div>
+                    <div class="card-header">
+                        Movies
+                        @if(request()->hasAny(['title', 'genre', 'rating_min', 'rating_max', 'year_min', 'year_max']))
+                            <span class="badge bg-primary ms-2">Filtered</span>
+                        @endif
+                        <span class="text-muted ms-2">({{ $movies->total() }} results)</span>
+                    </div>
                     <div class="card-body">
                         <div class="row">
                             @foreach($movies as $movie)