From 34ee983becfa088d0c39c4f0d9b35f038b351a78 Mon Sep 17 00:00:00 2001
From: Developer
Date: Sat, 27 Jun 2026 02:47:40 +0200
Subject: feat: add cinema module for browsing movies from hncrawler DB

- Add 'cinema' database connection (hncrawler DB) to config/database.php
- Create CinemaController with cinema(), show(), search() methods
- Add /cinema, /cinema/movie/{imdb_id}, /cinema/search routes
- Create cinema.blade.php (grid listing with posters, ratings, pagination)
- Create cinema-show.blade.php (detail page with cast, genres, synopsis)
- Add Cinema link to navbar
- Update page title logic for cinema routes
---
 resources/views/cinema.blade.php | 174 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 174 insertions(+)
 create mode 100644 resources/views/cinema.blade.php

(limited to 'resources/views/cinema.blade.php')

diff --git a/resources/views/cinema.blade.php b/resources/views/cinema.blade.php
new file mode 100644
index 0000000..baa0802
--- /dev/null
+++ b/resources/views/cinema.blade.php
@@ -0,0 +1,174 @@
+@extends('layouts.app')
+
+@section('styles')
+@include ('layouts.footer-style')
+
+html {
+	height: inherit;
+}
+
+.movie-grid {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 20px;
+	margin-top: 20px;
+}
+
+.movie-card {
+	flex: 1 1 280px;
+	min-width: 250px;
+	max-width: 320px;
+}
+
+.movie-card .poster {
+	width: 100%;
+	aspect-ratio: 2 / 3;
+	object-fit: cover;
+	background-color: #333;
+	border-radius: 4px 4px 0 0;
+}
+
+.movie-card .year {
+	color: #868e96;
+	font-size: 0.85rem;
+}
+
+.movie-card .rating {
+	font-size: 0.9rem;
+	color: #868e96;
+}
+
+.movie-card .synopsis {
+	font-size: 0.875rem;
+	color: #6c757d;
+	display: -webkit-box;
+	-webkit-line-clamp: 4;
+	-webkit-box-orient: vertical;
+	overflow: hidden;
+}
+
+.movie-card h1 {
+	font-size: 1rem;
+	padding: 10px 12px 4px;
+	margin: 0;
+}
+
+.movie-card h1 a {
+	color: inherit;
+	text-decoration: none;
+}
+
+.movie-card h1 a:hover {
+	text-decoration: underline;
+}
+
+.movie-card .card-body {
+	padding: 0 12px 12px;
+}
+
+.no-poster {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	aspect-ratio: 2 / 3;
+	background-color: #495057;
+	color: #adb5bd;
+	font-size: 3rem;
+	border-radius: 4px 4px 0 0;
+}
+
+.permalink:hover {
+	text-decoration: none;
+}
+
+@endsection
+
+@section('content')
+<div class="container">
+	<div style="margin-top: 20px"></div>
+
+	<div class="card">
+		<h1 class="card-header">
+			@if ( isset($search_query) && $search_query != '' )
+				Movies matching <strong>"{{ $search_query }}"</strong>
+				@if ( "1" != $movies->currentPage() )
+					(Page {{ $movies->currentPage() }})
+				@endif
+			@else
+				Movies
+				@if ( "1" != $movies->currentPage() )
+					(Page {{ $movies->currentPage() }})
+				@endif
+			@endif
+		</h1>
+		<div class="card-body">
+			<p class="card-text">
+				@if ( isset($search_query) && $search_query != '' )
+					Found {{ $count }} movies matching <strong>"{{ $search_query }}"</strong>.
+				@else
+					Browse {{ number_format($count) }} movies from the database, ranked by rating and popularity.
+				@endif
+			</p>
+			<form class="form-inline" action="{{ route('cinema.search') }}" method="GET">
+				<input name="q" class="form-control mr-sm-2" type="text" placeholder="Search movies..." aria-label="Search" value="{{ isset($search_query) ? $search_query : '' }}">
+				<button class="btn btn-outline-primary my-2 my-sm-0" type="submit">Search</button>
+			</form>
+		</div>
+	</div>
+
+	@if ( 0 != $movies->count() )
+		<div class="movie-grid">
+			@foreach( $movies as $movie)
+				<div class="card movie-card">
+					<a href="{{ route('cinema.show', $movie->imdb_id) }}">
+						@if ( ! is_null($movie->poster_url) )
+							<img class="poster" src="{{ $movie->poster_url }}" alt="{{ $movie->primary_title }} poster" loading="lazy">
+						@else
+							<div class="no-poster">🎬</div>
+						@endif
+					</a>
+					<h1>
+						<a href="{{ route('cinema.show', $movie->imdb_id) }}">
+							{{ $movie->primary_title }}
+						</a>
+					</h1>
+					<div class="card-body">
+						<div>
+							@if ( ! is_null($movie->start_year) )
+								<span class="year">{{ $movie->start_year }}</span>
+							@endif
+							@if ( ! is_null($movie->runtime_minutes) )
+								@if ( ! is_null($movie->start_year) )
+									<span class="year"> · </span>
+								@endif
+								<span class="year">{{ $movie->runtime_minutes }} min</span>
+							@endif
+						</div>
+						<div class="mt-1">
+							@if ( ! is_null($movie->average_rating) )
+								<span class="rating">⭐ {{ number_format($movie->average_rating, 1) }}</span>
+								@if ( ! is_null($movie->num_votes) )
+									<span class="year"> ({{ number_format($movie->num_votes) }} votes)</span>
+								@endif
+							@endif
+						</div>
+						@if ( ! empty($movie->synopsis) )
+							<p class="card-text synopsis mt-2">
+								{{ strip_tags($movie->synopsis) }}
+							</p>
+						@endif
+					</div>
+				</div>
+			@endforeach
+		</div>
+
+		<div style="margin-bottom: 20px"></div>
+		{{ $movies->appends(Request::input())->links() }}
+	@endif
+</div>
+@endsection
+
+@section('footer')
+	@include ('layouts.footer')
+@endsection
-- 
cgit v1.2.3