lots of progress

This commit is contained in:
2025-01-26 21:36:05 +02:00
parent bbd082fd8f
commit 6a014c403c
44 changed files with 976 additions and 104 deletions
+34 -14
View File
@@ -1,25 +1,45 @@
@extends('layouts.app')
@section('content')
<div class="container">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-md-8">
@livewire(App\Livewire\Homepage\Movies\LatestTrailersComponent::class)
@livewire(App\Livewire\Homepage\Movies\NewMoviesComponent::class)
@livewire(App\Livewire\Homepage\Movies\UpcomingMoviesComponent::class)
<div class="col-md-10">
<div class="card">
<div class="card-header">{{ __('Dashboard') }}</div>
<div class="card-body">
@if (session('status'))
<div class="alert alert-success" role="alert">
{{ session('status') }}
</div>
@endif
{{ __('You are logged in!') }}
<img src="https://a.ltrbxd.com/sm/upload/zl/t8/nl/gy/yir-banner-1900-o.png?k=caf651e2bd" alt="" class="img img-fluid">
</div>
</div>
<div class="card">
<div class="card-header">
New movies
<div class="float-end">
<a href="">view all &rarr;</a>
</div>
</div>
<div class="card-body">
@livewire(App\Livewire\Homepage\Movies\NewMoviesComponent::class)
</div>
</div>
<div class="card">
<div class="card-header">
Upcoming movies
<div class="float-end">
<a href="">view all &rarr;</a>
</div>
</div>
<div class="card-body">
@livewire(App\Livewire\Homepage\Movies\UpcomingMoviesComponent::class)
</div>
</div>
latest members
</div>
<div class="col-md-2">
right
</div>
</div>
</div>
+6 -54
View File
@@ -12,66 +12,18 @@
<!-- Fonts -->
<link rel="dns-prefetch" href="//fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=Nunito" rel="stylesheet">
<script src="//code.iconify.design/1/1.0.6/iconify.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<!-- Scripts -->
@vite(['resources/sass/app.scss', 'resources/js/app.js'])
@livewireStyles
</head>
<body>
<body class="light-mode">
<div id="app">
<nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
<div class="container">
<a class="navbar-brand" href="{{ url('/') }}">
{{ config('app.name', 'Laravel') }}
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- Left Side Of Navbar -->
<ul class="navbar-nav me-auto">
</ul>
<!-- Right Side Of Navbar -->
<ul class="navbar-nav ms-auto">
<!-- Authentication Links -->
@guest
@if (Route::has('login'))
<li class="nav-item">
<a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
</li>
@endif
@if (Route::has('register'))
<li class="nav-item">
<a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
</li>
@endif
@else
<li class="nav-item dropdown">
<a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
{{ Auth::user()->name }}
</a>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="{{ route('logout') }}"
onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
{{ __('Logout') }}
</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
@csrf
</form>
</div>
</li>
@endguest
</ul>
</div>
</div>
</nav>
@include('layouts.header')
<main class="py-4">
@yield('content')
+50
View File
@@ -0,0 +1,50 @@
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
<svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"></use></svg>
<span class="fs-4">Simple header</span>
</a>
<form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search">
<input type="search" class="form-control form-control-dark text-bg-dark" placeholder="Search..." aria-label="Search">
</form>
<ul class="nav nav-pills">
<li class="nav-item"><a href="#" class="nav-link">Home</a></li>
<li class="nav-item"><a href="{{ route('movie.index') }}" class="nav-link">Movies</a></li>
<li class="nav-item"><a href="#" class="nav-link">Tv Shows</a></li>
<li class="nav-item"><a href="#" class="nav-link">Celebrities</a></li>
<li class="nav-item"><a href="#" class="nav-link">Contact</a></li>
@guest
@if (Route::has('login'))
<li class="nav-item">
<a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
</li>
@endif
@if (Route::has('register'))
<li class="nav-item">
<a class="nav-link active" href="{{ route('register') }}">{{ __('Register') }}</a>
</li>
@endif
@else
<li class="nav-item dropdown">
<a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
{{ Auth::user()->name }}
</a>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<a href="{{ route('profile.list.index', Auth::user()->slug) }}" class="dropdown-item">
Lists
</a>
<a class="dropdown-item" href="{{ route('logout') }}"
onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
{{ __('Logout') }}
</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
@csrf
</form>
</div>
</li>
@endguest
</ul>
</header>
@@ -1,3 +1,32 @@
<div>
{{-- If you look to others for fulfillment, you will never truly be fulfilled. --}}
<div class="row">
@foreach($newMovies as $newMovie)
<div class="col-md-2">
<div class="movie-card">
<a href="{{ route('movie.show', $newMovie->slug) }}" title="{{ $newMovie->title }}">
<img
src="http://image.tmdb.org/t/p/w185/{{ $newMovie->poster_path }}"
alt="{{ $newMovie->title }}"
title="{{ $newMovie->title }} ({{ $newMovie->release_date->format('Y') }})"
class="img img-fluid"
>
</a>
<ul class="quick-actions">
<li>
{{-- <span class="iconify" data-icon="mdi-check-bold"></span>--}}
<a href=""><span class="iconify" data-icon="mdi-check-outline"></span></a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-image-multiple"></span></a>
</li>
<li>
<a href="">
{{ $newMovie->vote_average }} <span class="iconify" data-icon="mdi-star"></span>
</a>
</li>
</ul>
</div>
</div>
@endforeach
</div>
</div>
@@ -1,3 +1,32 @@
<div>
{{-- In work, do what you enjoy. --}}
<div class="row">
@foreach($upcomingMovies as $upcomingMovie)
<div class="col-md-2">
<div class="movie-card">
<a href="{{ route('movie.show', $upcomingMovie->slug) }}" title="{{ $upcomingMovie->title }}">
<img
src="http://image.tmdb.org/t/p/w154/{{ $upcomingMovie->poster_path }}"
alt="{{ $upcomingMovie->title }}"
title="{{ $upcomingMovie->title }} ({{ $upcomingMovie->release_date->format('Y') }})"
class="img img-fluid"
>
</a>
<ul>
<li>
{{-- <span class="iconify" data-icon="mdi-check-bold"></span>--}}
<a href=""><span class="iconify" data-icon="mdi-check-outline"></span></a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-image-multiple"></span></a>
</li>
<li>
<a href="">
{{ $upcomingMovie->vote_average }} <span class="iconify" data-icon="mdi-star"></span>
</a>
</li>
</ul>
</div>
</div>
@endforeach
</div>
</div>
@@ -0,0 +1,31 @@
<div>
<div class="cast-list">
@foreach($peopleByDepartment as $department => $personInfo)
<div class="department">
{{ $department }}
<hr>
<div class="persons">
<div class="row">
@foreach($personInfo as [$person, $character])
<div class="col-md-3">
<div class="person">
@if($person->profile_path == null)
@if($person->gender == 2)
<img src="/img/no_avatar_male.png" alt="" class="img img-fluid float-start">
@else
<img src="/img/no_avatar_female.png" alt="" class="img img-fluid float-start">
@endif
@else
<img src="http://image.tmdb.org/t/p/w185/{{ $person->profile_path }}" alt="" class="img img-fluid float-start">
@endif
<a href="">{{ $person->name }}</a> <br>
{{ $character }}
</div>
</div>
@endforeach
</div>
</div>
</div>
@endforeach
</div>
</div>
@@ -0,0 +1,3 @@
<div>
{{-- A good traveler has no fixed plans and is not intent upon arriving. --}}
</div>
@@ -0,0 +1,45 @@
<div>
<div class="element">
<div class="title">
Studio
</div>
<div class="content">
</div>
</div>
<div class="element">
<div class="title">
Country
</div>
<div class="content">
@foreach($productionCountries as $productionCountry)
{{ $productionCountry->name }}
@endforeach
</div>
</div>
<div class="element">
<div class="title">
Language
</div>
<div class="content">
{{ $movie->original_language }}
</div>
</div>
<div class="element">
<div class="title">
Alternative titles
</div>
<div class="content">
<ul>
@foreach($alternativeTitles as $alternativeTitle)
<li>
{{ $alternativeTitle->title }}
</li>
@endforeach
</ul>
</div>
</div>
</div>
@@ -0,0 +1,3 @@
<div>
{{-- Success is as dangerous as failure. --}}
</div>
+51
View File
@@ -0,0 +1,51 @@
@extends('layouts.app')
@section('content')
<div class="container-fluid movie-page">
<div class="row justify-content-center">
<div class="col-md-10">
<div class="card">
<div class="card-header">Movies</div>
<div class="card-body">
<div class="row">
@foreach($movies as $movie)
<div class="col-md-2">
<div class="movie-card">
<a href="{{ route('movie.show', $movie->slug) }}" title="{{ $movie->title }}">
<img
src="http://image.tmdb.org/t/p/w185/{{ $movie->poster_path }}"
alt="{{ $movie->title }}"
title="{{ $movie->title }} @if($movie->release_date) ({{ $movie->release_date->format('Y') }})" @endif
class="img img-fluid"
>
</a>
<ul class="quick-actions">
<li>
{{-- <span class="iconify" data-icon="mdi-check-bold"></span>--}}
<a href=""><span class="iconify" data-icon="mdi-check-outline"></span></a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-image-multiple"></span></a>
</li>
<li>
<a href="">
{{ $movie->vote_average }} <span class="iconify" data-icon="mdi-star"></span>
</a>
</li>
</ul>
</div>
</div>
@endforeach
</div>
</div>
</div>
{{ $movies->links() }}
</div>
<div class="col-md-2">
<div class="card">
menu
</div>
</div>
</div>
</div>
@endsection
+106
View File
@@ -0,0 +1,106 @@
@extends('layouts.app')
@section('content')
<div class="container-fluid movie-page">
<div class="row justify-content-center">
<div class="col-md-10">
<div class="card">
<div class="card-header">
<h1 class="movie-title">{{ $movie->title }}</h1> (<a href="">{{ $movie->release_date->format('Y') }}</a>)
</div>
<div class="card-body">
<div class="row">
<div class="col-md-2">
<img
src="http://image.tmdb.org/t/p/w185/{{ $movie->poster_path }}"
alt="{{ $movie->title }}"
title="{{ $movie->title }} ({{ $movie->release_date->format('Y') }})"
class="img img-fluid"
>
<div class="watch-provider">
@foreach($movie->watchProviders as $watchProvider)
<img src="http://image.tmdb.org/t/p/w45/{{ $watchProvider->logo_path }}" alt="{{ $watchProvider->provider_name }}" title="{{ $watchProvider->provider_name }}">
@endforeach
</div>
view trailer /
external ids
</div>
<div class="col-md-10">
<span>
Directed by
@foreach($movie->director as $director)
<a href="">{{ $director->name }}</a>@if(!$loop->last), @endif
@endforeach
</span>
<span>
<div class="tagline">{{ $movie->tagline }}</div>
<div class="overview">{{ $movie->overview }}</div>
</span>
<span>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="details-tab" data-bs-toggle="tab" data-bs-target="#details-tab-pane" type="button" role="tab" aria-controls="details-tab-pane" aria-selected="true">Details</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="cast-tab" data-bs-toggle="tab" data-bs-target="#cast-tab-pane" type="button" role="tab" aria-controls="cast-tab-pane" aria-selected="false">Cast</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact-tab-pane" type="button" role="tab" aria-controls="contact-tab-pane" aria-selected="false">Crew</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact-tab-pane" type="button" role="tab" aria-controls="contact-tab-pane" aria-selected="false">Releases</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="details-tab-pane" role="tabpanel" aria-labelledby="details-tab" tabindex="0">
@livewire(App\Livewire\MoviePage\Tabs\Details::class, ['movie' => $movie])
</div>
<div class="tab-pane fade" id="cast-tab-pane" role="tabpanel" aria-labelledby="cast-tab" tabindex="0">
@livewire(App\Livewire\MoviePage\Tabs\Cast::class, ['movie' => $movie])
</div>
<div class="tab-pane fade" id="contact-tab-pane" role="tabpanel" aria-labelledby="contact-tab" tabindex="0">...</div>
<div class="tab-pane fade" id="disabled-tab-pane" role="tabpanel" aria-labelledby="disabled-tab" tabindex="0">...</div>
</div>
</span>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header">Similar</div>
<div class="card-body"></div>
</div>
<div class="card">
<div class="card-header">Recommended</div>
<div class="card-body"></div>
</div>
<div class="card">
<div class="card-header">Write review</div>
<div class="card-body"></div>
</div>
</div>
<div class="col-md-2">
<div class="card">
<div class="user-actions">
<ul>
<li>
<a href=""><span class="iconify" data-icon="mdi-eye-check-outline"></span> Mark as seen</a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-thumb-up-outline"></span> Like</a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-playlist-check"></span> add to list</a>
</li>
</ul>
<hr>
rate
<hr>
</div>
</div>
</div>
</div>
</div>
@endsection
@@ -0,0 +1,32 @@
@extends('profile.profile')
@section('page_content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<form action="{{ route('profile.list.store', auth()->user()->slug) }}" method="POST">
@csrf
<div class="card">
<div class="card-header">New list</div>
<div class="card-body">
<div class="form-group">
<label for="">Name</label>
<input type="text" class="form-control" name="name">
</div>
<div class="form-group">
<label for="">Description</label>
<textarea name="description" id="" cols="30" rows="10" class="form-control"></textarea>
</div>
<div class="form-group">
<label for=""><input type="checkbox" checked> Public</label>
</div>
<div class="float-end">
<input type="submit" class="btn btn-primary" value="Save!">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
@endsection
@@ -0,0 +1,17 @@
@extends('profile.profile')
@section('page_content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
@if($lists->count())
lists
@else
<div class="medium-info-box">
No lists yet. <a href="{{ route('profile.list.create', auth()->user()->slug) }}">Start one?</a>
</div>
@endif
</div>
</div>
</div>
@endsection
+27
View File
@@ -0,0 +1,27 @@
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="profile-nav">
avatar/name/etc <br>
<div class="menu-nav">
<ul class="list-inline">
<li class="float-start"><a href="">Profile</a></li>
<li class="float-start"><a href="">History</a></li>
<li class="float-start"><a href="">Watchlist</a></li>
<li class="float-start"><a href="">Collection</a></li>
<li class="float-start"><a href="">Ratings</a></li>
<li class="float-start"><a href="">Reviews</a></li>
<li class="float-start"><a href="">Likes</a></li>
<li class="float-start"><a href="">Network</a></li>
<li class="float-start"><a href="">Stats</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
@yield('page_content')
@endsection