mirror of
https://github.com/NNTmux/newznab-tmux.git
synced 2026-08-29 01:08:56 +00:00
Change movie cover page handling
This commit is contained in:
DariusIII
@@ -1,31 +1,34 @@
|
||||
@extends('layouts.main')
|
||||
|
||||
@section('content')
|
||||
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm">
|
||||
<!-- Breadcrumb -->
|
||||
<div class="px-6 py-4 border-b border-gray-200">
|
||||
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm" x-data="moviesPage">
|
||||
{{-- Breadcrumb --}}
|
||||
<div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
|
||||
<nav class="flex" aria-label="Breadcrumb">
|
||||
<ol class="inline-flex items-center space-x-1 md:space-x-3">
|
||||
<li class="inline-flex items-center">
|
||||
<a href="{{ url($site['home_link'] ?? '/') }}" class="text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:text-blue-400 inline-flex items-center">
|
||||
<a href="{{ url($site['home_link'] ?? '/') }}"
|
||||
class="text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 inline-flex items-center transition">
|
||||
<i class="fas fa-home mr-2"></i> Home
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="flex items-center">
|
||||
<i class="fas fa-chevron-right text-gray-400 mx-2"></i>
|
||||
<span class="text-gray-500">Movies</span>
|
||||
<span class="text-gray-500 dark:text-gray-400">Movies</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Movies Filter Section -->
|
||||
<div class="px-6 py-4 bg-gray-50 dark:bg-gray-900 border-b border-gray-200" x-data="moviesLayout">
|
||||
<div class="flex justify-between items-center mb-4">
|
||||
<div class="flex items-center gap-4">
|
||||
<h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">Filter Movies</h2>
|
||||
{{-- Movies Filter Section --}}
|
||||
<div class="px-6 py-5 bg-gray-50 dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700">
|
||||
<div class="flex flex-col lg:flex-row justify-between items-start lg:items-center gap-4 mb-5">
|
||||
<div class="flex flex-wrap items-center gap-4">
|
||||
<h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">
|
||||
<i class="fas fa-film mr-2 text-blue-600 dark:text-blue-400"></i>Filter Movies
|
||||
</h2>
|
||||
<x-view-toggle
|
||||
current-view="covers"
|
||||
covgroup="movies"
|
||||
@@ -34,26 +37,45 @@
|
||||
:shows="false"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex gap-2">
|
||||
<!-- Layout Toggle Button -->
|
||||
<button type="button" @click="toggle()" class="inline-flex items-center px-4 py-2 bg-gray-600 dark:bg-gray-700 text-white rounded-lg hover:bg-gray-700 dark:hover:bg-gray-800 transition shadow-md" title="Toggle layout">
|
||||
<i class="fas {{ ($movie_layout ?? 2) == 1 ? 'fa-th-list' : 'fa-th-large' }} mr-2" x-bind:class="buttonIcon()"></i> <span x-text="buttonText()">{{ ($movie_layout ?? 2) == 1 ? '1 Column' : '2 Columns' }}</span>
|
||||
|
||||
<div class="flex flex-wrap gap-2">
|
||||
{{-- Layout Toggle Button --}}
|
||||
<button type="button"
|
||||
@click="toggleLayout()"
|
||||
class="inline-flex items-center px-4 py-2 bg-gray-600 dark:bg-gray-700 text-white rounded-lg hover:bg-gray-700 dark:hover:bg-gray-600 transition shadow-md focus:outline-none focus:ring-2 focus:ring-gray-500"
|
||||
title="Toggle layout"
|
||||
x-bind:disabled="isUpdating">
|
||||
<i class="mr-2" x-bind:class="layoutIcon"></i>
|
||||
<span x-text="layoutLabel"></span>
|
||||
</button>
|
||||
<a href="{{ route('trending-movies') }}" class="inline-flex items-center px-4 py-2 bg-gradient-to-r from-orange-500 to-red-600 text-white rounded-lg hover:from-orange-600 hover:to-red-700 transition shadow-md">
|
||||
|
||||
{{-- Trending Movies Button --}}
|
||||
<a href="{{ route('trending-movies') }}"
|
||||
class="inline-flex items-center px-4 py-2 bg-linear-to-r from-orange-500 to-red-600 text-white rounded-lg hover:from-orange-600 hover:to-red-700 transition shadow-md">
|
||||
<i class="fas fa-fire mr-2"></i> View Trending Movies
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Search Form --}}
|
||||
<form method="get" action="{{ route('Movies') }}" class="space-y-4">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
|
||||
<div>
|
||||
<label for="title" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Title</label>
|
||||
<input type="text" id="title" name="title" value="{{ $title ?? '' }}" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100">
|
||||
<input type="text"
|
||||
id="title"
|
||||
name="title"
|
||||
value="{{ $title ?? '' }}"
|
||||
placeholder="Search by title..."
|
||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 transition">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="genre" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Genre</label>
|
||||
<select id="genre" name="genre" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100">
|
||||
<option value="">All</option>
|
||||
<select id="genre"
|
||||
name="genre"
|
||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 transition">
|
||||
<option value="">All Genres</option>
|
||||
@if(isset($genres))
|
||||
@foreach($genres as $gen)
|
||||
<option value="{{ $gen }}" {{ (isset($genre) && $genre == $gen) ? 'selected' : '' }}>{{ $gen }}</option>
|
||||
@@ -61,10 +83,13 @@
|
||||
@endif
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="year" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Year</label>
|
||||
<select id="year" name="year" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100">
|
||||
<option value="">All</option>
|
||||
<select id="year"
|
||||
name="year"
|
||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 transition">
|
||||
<option value="">All Years</option>
|
||||
@if(isset($years))
|
||||
@foreach($years as $yr)
|
||||
<option value="{{ $yr }}" {{ (isset($year) && $year == $yr) ? 'selected' : '' }}>{{ $yr }}</option>
|
||||
@@ -72,10 +97,13 @@
|
||||
@endif
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="rating" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Rating</label>
|
||||
<select id="rating" name="rating" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100">
|
||||
<option value="">All</option>
|
||||
<select id="rating"
|
||||
name="rating"
|
||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 transition">
|
||||
<option value="">All Ratings</option>
|
||||
@if(isset($ratings))
|
||||
@foreach($ratings as $rate)
|
||||
<option value="{{ $rate }}" {{ (isset($rating) && $rating == $rate) ? 'selected' : '' }}>{{ $rate }}+</option>
|
||||
@@ -84,318 +112,111 @@
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-end">
|
||||
<button type="submit" class="px-4 py-2 bg-blue-600 dark:bg-blue-700 text-white rounded-md hover:bg-blue-700 dark:hover:bg-blue-800 focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||
<button type="submit"
|
||||
class="inline-flex items-center px-6 py-2 bg-blue-600 dark:bg-blue-700 text-white rounded-lg hover:bg-blue-700 dark:hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition shadow-md">
|
||||
<i class="fas fa-search mr-2"></i> Search
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Movies List -->
|
||||
{{-- Movies List --}}
|
||||
@if(isset($results) && $results->count() > 0)
|
||||
<div class="px-6 py-4">
|
||||
<!-- Results Summary and Pagination -->
|
||||
<div class="flex flex-col sm:flex-row justify-between items-center mb-4 pb-4 border-b border-gray-200">
|
||||
<div class="px-6 py-6">
|
||||
{{-- Results Summary and Pagination --}}
|
||||
<div class="flex flex-col sm:flex-row justify-between items-center mb-6 pb-4 border-b border-gray-200 dark:border-gray-700">
|
||||
<div class="text-sm text-gray-700 dark:text-gray-300 mb-3 sm:mb-0">
|
||||
Showing {{ $results->firstItem() }} to {{ $results->lastItem() }} of {{ $results->total() }} movies
|
||||
<span class="font-medium">{{ $results->total() }}</span> movies found
|
||||
<span class="text-gray-500 dark:text-gray-400">
|
||||
(showing {{ $results->firstItem() }}-{{ $results->lastItem() }})
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
{{ $results->links() }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="moviesGrid" class="grid gap-4" style="grid-template-columns: repeat({{ ($movie_layout ?? 2) == 1 ? '1' : '2' }}, minmax(0, 1fr));" data-user-layout="{{ $movie_layout ?? 2 }}">
|
||||
@foreach($results as $result)
|
||||
@php
|
||||
// Get the first GUID from the comma-separated list
|
||||
$guid = isset($result->grp_release_guid) ? explode(',', $result->grp_release_guid)[0] : null;
|
||||
@endphp
|
||||
<div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden hover:shadow-lg transition-shadow">
|
||||
<div class="flex flex-row">
|
||||
<!-- Movie Poster -->
|
||||
<div class="flex-shrink-0">
|
||||
@if($guid)
|
||||
<a href="{{ url('/details/' . $guid) }}" class="block">
|
||||
@if(isset($result->cover) && $result->cover)
|
||||
<img src="{{ $result->cover }}" alt="{{ $result->title }}" class="{{ ($movie_layout ?? 2) == 1 ? 'w-48 h-72' : 'w-32 h-48' }} object-cover">
|
||||
@else
|
||||
<div class="{{ ($movie_layout ?? 2) == 1 ? 'w-48 h-72' : 'w-32 h-48' }} bg-gray-200 dark:bg-gray-700 flex items-center justify-center">
|
||||
<i class="fas fa-film text-gray-400 text-2xl"></i>
|
||||
</div>
|
||||
@endif
|
||||
</a>
|
||||
@else
|
||||
@if(isset($result->cover) && $result->cover)
|
||||
<img src="{{ $result->cover }}" alt="{{ $result->title }}" class="{{ ($movie_layout ?? 2) == 1 ? 'w-48 h-72' : 'w-32 h-48' }} object-cover">
|
||||
@else
|
||||
<div class="{{ ($movie_layout ?? 2) == 1 ? 'w-48 h-72' : 'w-32 h-48' }} bg-gray-200 dark:bg-gray-700 flex items-center justify-center">
|
||||
<i class="fas fa-film text-gray-400 text-2xl"></i>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
||||
{{-- Movies Grid - Conditionally include layout --}}
|
||||
@if(($movie_layout ?? 2) == 1)
|
||||
@include('movies.layouts.one-column', ['results' => $results, 'site' => $site])
|
||||
@else
|
||||
@include('movies.layouts.two-column', ['results' => $results, 'site' => $site])
|
||||
@endif
|
||||
|
||||
<!-- Movie Details -->
|
||||
<div class="flex-1 p-4">
|
||||
<div class="flex justify-between items-start mb-2">
|
||||
<div class="flex-1">
|
||||
@if(isset($result->imdbid) && $result->imdbid)
|
||||
<a href="{{ route('movie.view', ['imdbid' => $result->imdbid]) }}" class="hover:text-blue-600">
|
||||
<h3 class="text-xl font-bold text-gray-900">{{ $result->title }}</h3>
|
||||
</a>
|
||||
@else
|
||||
<h3 class="text-xl font-bold text-gray-900">{{ $result->title }}</h3>
|
||||
@endif
|
||||
|
||||
@if(!empty($result->grp_release_reports))
|
||||
@php
|
||||
$reportCounts = array_filter(explode(',', $result->grp_release_reports));
|
||||
$totalReports = array_sum($reportCounts);
|
||||
$reportReasonsRaw = !empty($result->grp_release_report_reasons)
|
||||
? implode(',', array_unique(array_filter(preg_split('/[|,]/', $result->grp_release_report_reasons))))
|
||||
: '';
|
||||
$reportReasons = \App\Models\ReleaseReport::reasonKeysToLabels($reportReasonsRaw);
|
||||
@endphp
|
||||
@if($totalReports > 0)
|
||||
<div class="inline-flex items-center px-2 py-1 rounded text-xs font-medium bg-orange-100 dark:bg-orange-900 text-orange-800 dark:text-orange-200 border border-orange-200 dark:border-orange-800 mt-1"
|
||||
title="Reported: {{ $reportReasons }}">
|
||||
<i class="fas fa-flag mr-1"></i>
|
||||
<span>{{ $totalReports }} report{{ $totalReports > 1 ? 's' : '' }}</span>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
@if(!empty($result->grp_release_failed))
|
||||
@php
|
||||
$failedCounts = array_filter(explode(',', $result->grp_release_failed));
|
||||
$totalFailed = array_sum($failedCounts);
|
||||
@endphp
|
||||
@if($totalFailed > 0)
|
||||
<div class="inline-flex items-center px-2 py-1 rounded text-xs font-medium bg-red-100 text-red-800 border border-red-200 mt-1">
|
||||
<i class="fas fa-exclamation-triangle mr-1"></i>
|
||||
<span>{{ $totalFailed }} failed report{{ $totalFailed > 1 ? 's' : '' }}</span>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
<div class="flex items-center gap-4 mt-1 text-sm text-gray-600">
|
||||
@if(isset($result->year) && $result->year)
|
||||
<span><i class="fas fa-calendar mr-1"></i> {{ $result->year }}</span>
|
||||
@endif
|
||||
@if(isset($result->rating) && $result->rating)
|
||||
<span class="text-yellow-600">
|
||||
<i class="fas fa-star mr-1"></i> {{ $result->rating }}
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<!-- External Links -->
|
||||
<div class="flex items-center gap-3 mt-2 text-xs">
|
||||
@if(isset($result->imdbid) && $result->imdbid)
|
||||
<a href="{{ $site['dereferrer_link'] }}https://www.imdb.com/title/tt{{ $result->imdbid }}" target="_blank" class="inline-flex items-center px-2 py-1 bg-yellow-100 text-yellow-800 rounded hover:bg-yellow-200 transition">
|
||||
<i class="fab fa-imdb mr-1"></i> IMDb
|
||||
</a>
|
||||
@endif
|
||||
@if(isset($result->tmdbid) && $result->tmdbid)
|
||||
<a href="{{ $site['dereferrer_link'] }}https://www.themoviedb.org/movie/{{ $result->tmdbid }}" target="_blank" class="inline-flex items-center px-2 py-1 bg-blue-100 text-blue-800 rounded hover:bg-blue-200 transition">
|
||||
<i class="fas fa-film mr-1"></i> TMDb
|
||||
</a>
|
||||
@endif
|
||||
@if(isset($result->traktid) && $result->traktid)
|
||||
<a href="{{ $site['dereferrer_link'] }}https://trakt.tv/movies/{{ $result->traktid }}" target="_blank" class="inline-flex items-center px-2 py-1 bg-red-100 text-red-800 rounded hover:bg-red-200 transition">
|
||||
<i class="fas fa-heart mr-1"></i> Trakt
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if(isset($result->plot) && $result->plot)
|
||||
<p class="text-gray-700 dark:text-gray-300 text-sm mt-3 line-clamp-3">{{ $result->plot }}</p>
|
||||
@endif
|
||||
|
||||
<div class="mt-3 flex flex-wrap gap-2 text-xs">
|
||||
@if(isset($result->genre) && $result->genre)
|
||||
<div class="text-gray-600">
|
||||
<strong>Genre:</strong> {!! $result->genre !!}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mt-2 flex flex-wrap gap-2 text-xs">
|
||||
@if(isset($result->director) && $result->director)
|
||||
<div class="text-gray-600">
|
||||
<strong>Director:</strong> {!! $result->director !!}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mt-2 flex flex-wrap gap-2 text-xs">
|
||||
@if(isset($result->actors) && $result->actors)
|
||||
<div class="text-gray-600">
|
||||
<strong>Actors:</strong> {!! $result->actors !!}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<!-- Release Information -->
|
||||
@if($guid)
|
||||
@php
|
||||
$releaseNames = isset($result->grp_release_name) ? explode('#', $result->grp_release_name) : [];
|
||||
$releaseSizes = isset($result->grp_release_size) ? explode(',', $result->grp_release_size) : [];
|
||||
$releaseGuids = isset($result->grp_release_guid) ? explode(',', $result->grp_release_guid) : [];
|
||||
$releaseIds = isset($result->grp_release_id) ? explode(',', $result->grp_release_id) : [];
|
||||
$releasePostDates = isset($result->grp_release_postdate) ? explode(',', $result->grp_release_postdate) : [];
|
||||
$releaseAddDates = isset($result->grp_release_adddate) ? explode(',', $result->grp_release_adddate) : [];
|
||||
$releaseHasPreview = isset($result->grp_haspreview) ? explode(',', $result->grp_haspreview) : [];
|
||||
$releaseJpgStatus = isset($result->grp_jpgstatus) ? explode(',', $result->grp_jpgstatus) : [];
|
||||
$releaseNfoStatus = isset($result->grp_nfostatus) ? explode(',', $result->grp_nfostatus) : [];
|
||||
$releaseFromNames = isset($result->grp_release_fromname) ? explode(',', $result->grp_release_fromname) : [];
|
||||
|
||||
// Limit to maximum 2 releases
|
||||
$maxReleases = 2;
|
||||
$totalReleases = count($releaseNames);
|
||||
$releaseNames = array_slice($releaseNames, 0, $maxReleases);
|
||||
$releaseSizes = array_slice($releaseSizes, 0, $maxReleases);
|
||||
$releaseGuids = array_slice($releaseGuids, 0, $maxReleases);
|
||||
$releaseIds = array_slice($releaseIds, 0, $maxReleases);
|
||||
$releasePostDates = array_slice($releasePostDates, 0, $maxReleases);
|
||||
$releaseAddDates = array_slice($releaseAddDates, 0, $maxReleases);
|
||||
$releaseHasPreview = array_slice($releaseHasPreview, 0, $maxReleases);
|
||||
$releaseJpgStatus = array_slice($releaseJpgStatus, 0, $maxReleases);
|
||||
$releaseNfoStatus = array_slice($releaseNfoStatus, 0, $maxReleases);
|
||||
$releaseFromNames = array_slice($releaseFromNames, 0, $maxReleases);
|
||||
@endphp
|
||||
|
||||
@if(!empty($releaseNames[0]))
|
||||
<div class="mt-4 pt-4 border-t border-gray-200">
|
||||
<h4 class="text-sm font-semibold text-gray-700 dark:text-gray-300 mb-2">
|
||||
Available Releases
|
||||
@if($totalReleases > $maxReleases)
|
||||
<span class="text-xs font-normal text-gray-500">(Showing {{ $maxReleases }} of {{ $totalReleases }})</span>
|
||||
@endif
|
||||
</h4>
|
||||
<div class="space-y-2">
|
||||
@foreach($releaseNames as $index => $releaseName)
|
||||
@if($releaseName && isset($releaseGuids[$index]))
|
||||
<div class="bg-gray-50 dark:bg-gray-900 rounded-lg p-2 border border-gray-200 dark:border-gray-700">
|
||||
<div class="release-card-container {{ ($movie_layout ?? 2) == 1 ? 'flex flex-row items-start justify-between gap-3' : 'flex flex-col space-y-2' }}">
|
||||
<div class="release-info-wrapper {{ ($movie_layout ?? 2) == 1 ? 'flex-1 min-w-0' : '' }}">
|
||||
<!-- Release Name -->
|
||||
<a href="{{ url('/details/' . $releaseGuids[$index]) }}" class="text-sm text-gray-800 dark:text-gray-200 hover:text-blue-600 dark:hover:text-blue-400 font-medium block break-all" title="{{ $releaseName }}">
|
||||
{{ $releaseName }}
|
||||
</a>
|
||||
|
||||
<!-- Info Badges -->
|
||||
<div class="flex flex-wrap items-center gap-1.5 mt-2">
|
||||
@if(isset($releaseSizes[$index]))
|
||||
<span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300">
|
||||
<i class="fas fa-hdd mr-1"></i>{{ number_format($releaseSizes[$index] / 1073741824, 2) }} GB
|
||||
</span>
|
||||
@endif
|
||||
@if(isset($releasePostDates[$index]))
|
||||
<span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300">
|
||||
<i class="fas fa-calendar-alt mr-1"></i>{{ userDate($releasePostDates[$index],'M d, Y H:i') }}
|
||||
</span>
|
||||
@endif
|
||||
@if(isset($releaseAddDates[$index]))
|
||||
<span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300">
|
||||
<i class="fas fa-plus-circle mr-1"></i>{{ userDateDiffForHumans($releaseAddDates[$index]) }}
|
||||
</span>
|
||||
@endif
|
||||
@if(isset($releaseHasPreview[$index]) && $releaseHasPreview[$index] == 1)
|
||||
<button type="button"
|
||||
class="preview-badge inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200 hover:bg-purple-200 dark:hover:bg-purple-800 transition cursor-pointer"
|
||||
data-guid="{{ $releaseGuids[$index] }}"
|
||||
title="View preview image">
|
||||
<i class="fas fa-image mr-1"></i> Preview
|
||||
</button>
|
||||
@endif
|
||||
@if(isset($releaseJpgStatus[$index]) && $releaseJpgStatus[$index] == 1)
|
||||
<button type="button"
|
||||
class="sample-badge inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200 hover:bg-green-200 dark:hover:bg-green-800 transition cursor-pointer"
|
||||
data-guid="{{ $releaseGuids[$index] }}"
|
||||
title="View sample image">
|
||||
<i class="fas fa-images mr-1"></i> Sample
|
||||
</button>
|
||||
@endif
|
||||
@if(isset($releaseNfoStatus[$index]) && $releaseNfoStatus[$index] == 1)
|
||||
<button type="button"
|
||||
class="nfo-badge inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-yellow-100 dark:bg-yellow-900 text-yellow-800 dark:text-yellow-200 hover:bg-yellow-200 dark:hover:bg-yellow-800 transition cursor-pointer"
|
||||
data-guid="{{ $releaseGuids[$index] }}"
|
||||
title="View NFO file">
|
||||
<i class="fas fa-file-alt mr-1"></i> NFO
|
||||
</button>
|
||||
@endif
|
||||
@if(isset($releaseFromNames[$index]) && !empty($releaseFromNames[$index]))
|
||||
<span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-indigo-100 dark:bg-indigo-900 text-indigo-800 dark:text-indigo-200" title="Poster/Uploader">
|
||||
<i class="fas fa-user mr-1"></i> {{ $releaseFromNames[$index] }}
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Action Buttons -->
|
||||
<div class="release-actions flex flex-wrap items-center gap-1.5 {{ ($movie_layout ?? 2) == 1 ? 'flex-shrink-0' : 'mt-2' }}">
|
||||
<a href="{{ url('/getnzb/' . $releaseGuids[$index]) }}" class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-600 dark:bg-green-700 text-white hover:bg-green-700 dark:hover:bg-green-800 transition">
|
||||
<i class="fas fa-download mr-1"></i> Download
|
||||
</a>
|
||||
<button class="add-to-cart inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-600 dark:bg-blue-700 text-white hover:bg-blue-700 dark:hover:bg-blue-800 transition" data-guid="{{ $releaseGuids[$index] }}">
|
||||
<i class="fas fa-shopping-cart mr-1"></i> Cart
|
||||
</button>
|
||||
<a href="{{ url('/details/' . $releaseGuids[$index]) }}" class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-600 dark:bg-gray-700 text-white hover:bg-gray-700 dark:hover:bg-gray-800 transition">
|
||||
<i class="fas fa-info-circle mr-1"></i> Details
|
||||
</a>
|
||||
@if(isset($releaseIds[$index]))
|
||||
<x-report-button :release-id="(int)$releaseIds[$index]" variant="icon" />
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<!-- Pagination -->
|
||||
<div class="mt-6">
|
||||
{{-- Bottom Pagination --}}
|
||||
<div class="mt-8 pt-4 border-t border-gray-200 dark:border-gray-700">
|
||||
{{ $results->links() }}
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="px-6 py-12 text-center">
|
||||
<i class="fas fa-film text-gray-400 text-5xl mb-4"></i>
|
||||
<p class="text-gray-600 dark:text-gray-400 text-lg">No movies found.</p>
|
||||
{{-- Empty State --}}
|
||||
<div class="px-6 py-16 text-center">
|
||||
<div class="inline-flex items-center justify-center w-20 h-20 bg-gray-100 dark:bg-gray-700 rounded-full mb-6">
|
||||
<i class="fas fa-film text-gray-400 dark:text-gray-500 text-4xl"></i>
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold text-gray-700 dark:text-gray-300 mb-2">No Movies Found</h3>
|
||||
<p class="text-gray-500 dark:text-gray-400 max-w-md mx-auto">
|
||||
Try adjusting your search filters or check back later for new releases.
|
||||
</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- Preview/Sample Image Modal -->
|
||||
<div id="previewModal" class="hidden fixed inset-0 bg-black/75 items-center justify-center p-4">
|
||||
<div class="relative max-w-4xl w-full">
|
||||
<button type="button" data-close-preview-modal class="absolute top-4 right-4 text-white hover:text-gray-300 text-3xl font-bold z-10">
|
||||
<i class="fas fa-times"></i>
|
||||
</button>
|
||||
<div class="text-center mb-2">
|
||||
<h3 id="previewTitle" class="text-white text-lg font-semibold"></h3>
|
||||
</div>
|
||||
<img id="previewImage" src="" alt="Preview" class="max-w-full max-h-[90vh] mx-auto rounded-2xl shadow-2xl">
|
||||
<div class="text-center mt-4">
|
||||
<p id="previewError" class="text-red-400 hidden"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- NFO Modal -->
|
||||
@include('partials.nfo-modal')
|
||||
</div>
|
||||
|
||||
{{-- Preview/Sample Image Modal - CSP Safe Alpine.js --}}
|
||||
@include('partials.preview-modal')
|
||||
|
||||
{{-- NFO Modal - CSP Safe Alpine.js --}}
|
||||
@include('partials.nfo-modal')
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script nonce="{{ csp_nonce() }}">
|
||||
document.addEventListener('alpine:init', () => {
|
||||
Alpine.data('moviesPage', () => ({
|
||||
layout: {{ $movie_layout ?? 2 }},
|
||||
isUpdating: false,
|
||||
|
||||
get layoutLabel() {
|
||||
return this.layout === 1 ? '1 Column' : '2 Columns';
|
||||
},
|
||||
|
||||
get layoutIcon() {
|
||||
return this.layout === 1 ? 'fas fa-th-list' : 'fas fa-th-large';
|
||||
},
|
||||
|
||||
toggleLayout() {
|
||||
if (this.isUpdating) return;
|
||||
this.isUpdating = true;
|
||||
|
||||
const newLayout = this.layout === 1 ? 2 : 1;
|
||||
const csrf = document.querySelector('meta[name="csrf-token"]')?.content;
|
||||
|
||||
if (csrf) {
|
||||
fetch('/movies/update-layout', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'X-CSRF-TOKEN': csrf,
|
||||
'Accept': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({ layout: newLayout })
|
||||
})
|
||||
.then(response => {
|
||||
if (response.ok) {
|
||||
// Reload page to apply new layout
|
||||
window.location.reload();
|
||||
} else {
|
||||
this.isUpdating = false;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.isUpdating = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
}));
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
{{-- Movies 1-Column Layout --}}
|
||||
{{-- Props: $results, $site --}}
|
||||
|
||||
<div id="moviesGrid"
|
||||
class="grid grid-cols-1 gap-6"
|
||||
data-user-layout="1">
|
||||
@foreach($results as $result)
|
||||
@include('movies.partials.movie-card', [
|
||||
'result' => $result,
|
||||
'layout' => 1,
|
||||
'site' => $site,
|
||||
])
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
{{-- Movies 2-Column Layout --}}
|
||||
{{-- Props: $results, $site --}}
|
||||
|
||||
<div id="moviesGrid"
|
||||
class="grid grid-cols-1 lg:grid-cols-2 gap-4"
|
||||
data-user-layout="2">
|
||||
@foreach($results as $result)
|
||||
@include('movies.partials.movie-card', [
|
||||
'result' => $result,
|
||||
'layout' => 2,
|
||||
'site' => $site,
|
||||
])
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,223 @@
|
||||
{{-- Movie Card Partial --}}
|
||||
{{-- Props: $result (movie object), $layout (1 or 2), $site (site configuration) --}}
|
||||
|
||||
@props([
|
||||
'result',
|
||||
'layout' => 2,
|
||||
'site' => [],
|
||||
])
|
||||
|
||||
@php
|
||||
// Get the first GUID from the comma-separated list
|
||||
$guid = isset($result->grp_release_guid) ? explode(',', $result->grp_release_guid)[0] : null;
|
||||
|
||||
// Parse release data
|
||||
$releaseNames = isset($result->grp_release_name) ? explode('#', $result->grp_release_name) : [];
|
||||
$releaseSizes = isset($result->grp_release_size) ? explode(',', $result->grp_release_size) : [];
|
||||
$releaseGuids = isset($result->grp_release_guid) ? explode(',', $result->grp_release_guid) : [];
|
||||
$releaseIds = isset($result->grp_release_id) ? explode(',', $result->grp_release_id) : [];
|
||||
$releasePostDates = isset($result->grp_release_postdate) ? explode(',', $result->grp_release_postdate) : [];
|
||||
$releaseAddDates = isset($result->grp_release_adddate) ? explode(',', $result->grp_release_adddate) : [];
|
||||
$releaseHasPreview = isset($result->grp_haspreview) ? explode(',', $result->grp_haspreview) : [];
|
||||
$releaseJpgStatus = isset($result->grp_jpgstatus) ? explode(',', $result->grp_jpgstatus) : [];
|
||||
$releaseNfoStatus = isset($result->grp_nfostatus) ? explode(',', $result->grp_nfostatus) : [];
|
||||
$releaseFromNames = isset($result->grp_release_fromname) ? explode(',', $result->grp_release_fromname) : [];
|
||||
|
||||
// Limit to maximum 2 releases
|
||||
$maxReleases = 2;
|
||||
$totalReleases = count($releaseNames);
|
||||
$releaseNames = array_slice($releaseNames, 0, $maxReleases);
|
||||
$releaseSizes = array_slice($releaseSizes, 0, $maxReleases);
|
||||
$releaseGuids = array_slice($releaseGuids, 0, $maxReleases);
|
||||
$releaseIds = array_slice($releaseIds, 0, $maxReleases);
|
||||
$releasePostDates = array_slice($releasePostDates, 0, $maxReleases);
|
||||
$releaseAddDates = array_slice($releaseAddDates, 0, $maxReleases);
|
||||
$releaseHasPreview = array_slice($releaseHasPreview, 0, $maxReleases);
|
||||
$releaseJpgStatus = array_slice($releaseJpgStatus, 0, $maxReleases);
|
||||
$releaseNfoStatus = array_slice($releaseNfoStatus, 0, $maxReleases);
|
||||
$releaseFromNames = array_slice($releaseFromNames, 0, $maxReleases);
|
||||
|
||||
// Image dimensions based on layout
|
||||
$coverClass = $layout == 1 ? 'w-48 h-72' : 'w-32 h-48';
|
||||
@endphp
|
||||
|
||||
<div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden hover:shadow-xl transition-shadow duration-300">
|
||||
<div class="flex flex-row">
|
||||
{{-- Movie Poster --}}
|
||||
<div class="shrink-0">
|
||||
@if($guid)
|
||||
<a href="{{ url('/details/' . $guid) }}" class="block">
|
||||
@if(isset($result->cover) && $result->cover)
|
||||
<img src="{{ $result->cover }}"
|
||||
alt="{{ $result->title }}"
|
||||
class="{{ $coverClass }} object-cover movie-cover"
|
||||
loading="lazy">
|
||||
@else
|
||||
<div class="{{ $coverClass }} bg-gray-200 dark:bg-gray-700 flex items-center justify-center movie-cover">
|
||||
<i class="fas fa-film text-gray-400 text-3xl"></i>
|
||||
</div>
|
||||
@endif
|
||||
</a>
|
||||
@else
|
||||
@if(isset($result->cover) && $result->cover)
|
||||
<img src="{{ $result->cover }}"
|
||||
alt="{{ $result->title }}"
|
||||
class="{{ $coverClass }} object-cover movie-cover"
|
||||
loading="lazy">
|
||||
@else
|
||||
<div class="{{ $coverClass }} bg-gray-200 dark:bg-gray-700 flex items-center justify-center movie-cover">
|
||||
<i class="fas fa-film text-gray-400 text-3xl"></i>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
||||
|
||||
{{-- Movie Details --}}
|
||||
<div class="flex-1 p-4 min-w-0">
|
||||
{{-- Title and Report Badges --}}
|
||||
<div class="flex justify-between items-start mb-2">
|
||||
<div class="flex-1 min-w-0">
|
||||
@if(isset($result->imdbid) && $result->imdbid)
|
||||
<a href="{{ route('movie.view', ['imdbid' => $result->imdbid]) }}" class="hover:text-blue-600 dark:hover:text-blue-400 transition">
|
||||
<h3 class="text-lg font-bold text-gray-900 dark:text-gray-100 truncate">{{ $result->title }}</h3>
|
||||
</a>
|
||||
@else
|
||||
<h3 class="text-lg font-bold text-gray-900 dark:text-gray-100 truncate">{{ $result->title }}</h3>
|
||||
@endif
|
||||
|
||||
{{-- Report Badges --}}
|
||||
<div class="flex flex-wrap gap-2 mt-1">
|
||||
@if(!empty($result->grp_release_reports))
|
||||
@php
|
||||
$reportCounts = array_filter(explode(',', $result->grp_release_reports));
|
||||
$totalReports = array_sum($reportCounts);
|
||||
$reportReasonsRaw = !empty($result->grp_release_report_reasons)
|
||||
? implode(',', array_unique(array_filter(preg_split('/[|,]/', $result->grp_release_report_reasons))))
|
||||
: '';
|
||||
$reportReasons = \App\Models\ReleaseReport::reasonKeysToLabels($reportReasonsRaw);
|
||||
@endphp
|
||||
@if($totalReports > 0)
|
||||
<div class="inline-flex items-center px-2 py-1 rounded text-xs font-medium bg-orange-100 dark:bg-orange-900 text-orange-800 dark:text-orange-200 border border-orange-200 dark:border-orange-800"
|
||||
title="Reported: {{ $reportReasons }}">
|
||||
<i class="fas fa-flag mr-1"></i>
|
||||
<span>{{ $totalReports }} report{{ $totalReports > 1 ? 's' : '' }}</span>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
@if(!empty($result->grp_release_failed))
|
||||
@php
|
||||
$failedCounts = array_filter(explode(',', $result->grp_release_failed));
|
||||
$totalFailed = array_sum($failedCounts);
|
||||
@endphp
|
||||
@if($totalFailed > 0)
|
||||
<div class="inline-flex items-center px-2 py-1 rounded text-xs font-medium bg-red-100 dark:bg-red-900 text-red-800 dark:text-red-200 border border-red-200 dark:border-red-800">
|
||||
<i class="fas fa-exclamation-triangle mr-1"></i>
|
||||
<span>{{ $totalFailed }} failed report{{ $totalFailed > 1 ? 's' : '' }}</span>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
||||
|
||||
{{-- Year and Rating --}}
|
||||
<div class="flex items-center gap-4 mt-2 text-sm text-gray-600 dark:text-gray-400">
|
||||
@if(isset($result->year) && $result->year)
|
||||
<span><i class="fas fa-calendar mr-1"></i> {{ $result->year }}</span>
|
||||
@endif
|
||||
@if(isset($result->rating) && $result->rating)
|
||||
<span class="text-yellow-600 dark:text-yellow-400">
|
||||
<i class="fas fa-star mr-1"></i> {{ $result->rating }}
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
{{-- External Links --}}
|
||||
<div class="flex items-center gap-2 mt-2 text-xs">
|
||||
@if(isset($result->imdbid) && $result->imdbid)
|
||||
<a href="{{ ($site['dereferrer_link'] ?? '') }}https://www.imdb.com/title/tt{{ $result->imdbid }}"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="inline-flex items-center px-2 py-1 bg-yellow-100 dark:bg-yellow-900 text-yellow-800 dark:text-yellow-200 rounded hover:bg-yellow-200 dark:hover:bg-yellow-800 transition">
|
||||
<i class="fab fa-imdb mr-1"></i> IMDb
|
||||
</a>
|
||||
@endif
|
||||
@if(isset($result->tmdbid) && $result->tmdbid)
|
||||
<a href="{{ ($site['dereferrer_link'] ?? '') }}https://www.themoviedb.org/movie/{{ $result->tmdbid }}"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="inline-flex items-center px-2 py-1 bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 rounded hover:bg-blue-200 dark:hover:bg-blue-800 transition">
|
||||
<i class="fas fa-film mr-1"></i> TMDb
|
||||
</a>
|
||||
@endif
|
||||
@if(isset($result->traktid) && $result->traktid)
|
||||
<a href="{{ ($site['dereferrer_link'] ?? '') }}https://trakt.tv/movies/{{ $result->traktid }}"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="inline-flex items-center px-2 py-1 bg-red-100 dark:bg-red-900 text-red-800 dark:text-red-200 rounded hover:bg-red-200 dark:hover:bg-red-800 transition">
|
||||
<i class="fas fa-heart mr-1"></i> Trakt
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Plot --}}
|
||||
@if(isset($result->plot) && $result->plot)
|
||||
<p class="text-gray-700 dark:text-gray-300 text-sm mt-3 line-clamp-3">{{ $result->plot }}</p>
|
||||
@endif
|
||||
|
||||
{{-- Metadata: Genre, Director, Actors --}}
|
||||
<div class="mt-3 space-y-1 text-xs text-gray-600 dark:text-gray-400">
|
||||
@if(isset($result->genre) && $result->genre)
|
||||
<div>
|
||||
<strong class="text-gray-700 dark:text-gray-300">Genre:</strong> {!! $result->genre !!}
|
||||
</div>
|
||||
@endif
|
||||
@if(isset($result->director) && $result->director)
|
||||
<div>
|
||||
<strong class="text-gray-700 dark:text-gray-300">Director:</strong> {!! $result->director !!}
|
||||
</div>
|
||||
@endif
|
||||
@if(isset($result->actors) && $result->actors)
|
||||
<div>
|
||||
<strong class="text-gray-700 dark:text-gray-300">Actors:</strong> {!! Str::limit($result->actors, 100) !!}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
{{-- Release Information --}}
|
||||
@if($guid && !empty($releaseNames[0]))
|
||||
<div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700">
|
||||
<h4 class="text-sm font-semibold text-gray-700 dark:text-gray-300 mb-3">
|
||||
<i class="fas fa-box mr-1"></i> Available Releases
|
||||
@if($totalReleases > $maxReleases)
|
||||
<span class="text-xs font-normal text-gray-500 dark:text-gray-400">
|
||||
(Showing {{ $maxReleases }} of {{ $totalReleases }})
|
||||
</span>
|
||||
@endif
|
||||
</h4>
|
||||
<div class="space-y-3">
|
||||
@foreach($releaseNames as $index => $releaseName)
|
||||
@include('movies.partials.release-item', [
|
||||
'releaseName' => $releaseName,
|
||||
'releaseGuid' => $releaseGuids[$index] ?? '',
|
||||
'releaseId' => $releaseIds[$index] ?? null,
|
||||
'releaseSize' => $releaseSizes[$index] ?? 0,
|
||||
'releasePostDate' => $releasePostDates[$index] ?? null,
|
||||
'releaseAddDate' => $releaseAddDates[$index] ?? null,
|
||||
'hasPreview' => $releaseHasPreview[$index] ?? 0,
|
||||
'jpgStatus' => $releaseJpgStatus[$index] ?? 0,
|
||||
'nfoStatus' => $releaseNfoStatus[$index] ?? 0,
|
||||
'fromName' => $releaseFromNames[$index] ?? '',
|
||||
'layout' => $layout,
|
||||
'index' => $index,
|
||||
])
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -0,0 +1,112 @@
|
||||
{{-- Release Item Partial --}}
|
||||
{{-- Props: $releaseName, $releaseGuid, $releaseId, $releaseSize, $releasePostDate, $releaseAddDate, $hasPreview, $jpgStatus, $nfoStatus, $fromName, $layout, $index --}}
|
||||
|
||||
@props([
|
||||
'releaseName' => '',
|
||||
'releaseGuid' => '',
|
||||
'releaseId' => null,
|
||||
'releaseSize' => 0,
|
||||
'releasePostDate' => null,
|
||||
'releaseAddDate' => null,
|
||||
'hasPreview' => 0,
|
||||
'jpgStatus' => 0,
|
||||
'nfoStatus' => 0,
|
||||
'fromName' => '',
|
||||
'layout' => 2,
|
||||
'index' => 0,
|
||||
])
|
||||
|
||||
@if($releaseName && $releaseGuid)
|
||||
<div class="bg-gray-50 dark:bg-gray-900 rounded-lg p-3 border border-gray-200 dark:border-gray-700">
|
||||
<div class="release-card-container {{ $layout == 1 ? 'flex flex-row items-start justify-between gap-4' : 'flex flex-col space-y-3' }}">
|
||||
<div class="release-info-wrapper {{ $layout == 1 ? 'flex-1 min-w-0' : '' }}">
|
||||
{{-- Release Name --}}
|
||||
<a href="{{ url('/details/' . $releaseGuid) }}"
|
||||
class="text-sm text-gray-800 dark:text-gray-200 hover:text-blue-600 dark:hover:text-blue-400 font-medium block break-all"
|
||||
title="{{ $releaseName }}">
|
||||
{{ $releaseName }}
|
||||
</a>
|
||||
|
||||
{{-- Info Badges --}}
|
||||
<div class="flex flex-wrap items-center gap-2 mt-2">
|
||||
@if($releaseSize)
|
||||
<span class="inline-flex items-center px-2 py-1 rounded text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300">
|
||||
<i class="fas fa-hdd mr-1"></i>{{ number_format($releaseSize / 1073741824, 2) }} GB
|
||||
</span>
|
||||
@endif
|
||||
|
||||
@if($releasePostDate)
|
||||
<span class="inline-flex items-center px-2 py-1 rounded text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300">
|
||||
<i class="fas fa-calendar-alt mr-1"></i>{{ userDate($releasePostDate, 'M d, Y H:i') }}
|
||||
</span>
|
||||
@endif
|
||||
|
||||
@if($releaseAddDate)
|
||||
<span class="inline-flex items-center px-2 py-1 rounded text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300">
|
||||
<i class="fas fa-plus-circle mr-1"></i>{{ userDateDiffForHumans($releaseAddDate) }}
|
||||
</span>
|
||||
@endif
|
||||
|
||||
@if($hasPreview == 1)
|
||||
<button type="button"
|
||||
class="preview-badge inline-flex items-center px-2 py-1 rounded text-xs font-medium bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200 hover:bg-purple-200 dark:hover:bg-purple-800 transition cursor-pointer"
|
||||
data-guid="{{ $releaseGuid }}"
|
||||
title="View preview image">
|
||||
<i class="fas fa-image mr-1"></i> Preview
|
||||
</button>
|
||||
@endif
|
||||
|
||||
@if($jpgStatus == 1)
|
||||
<button type="button"
|
||||
class="sample-badge inline-flex items-center px-2 py-1 rounded text-xs font-medium bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200 hover:bg-green-200 dark:hover:bg-green-800 transition cursor-pointer"
|
||||
data-guid="{{ $releaseGuid }}"
|
||||
title="View sample image">
|
||||
<i class="fas fa-images mr-1"></i> Sample
|
||||
</button>
|
||||
@endif
|
||||
|
||||
@if($nfoStatus == 1)
|
||||
<button type="button"
|
||||
class="nfo-badge inline-flex items-center px-2 py-1 rounded text-xs font-medium bg-yellow-100 dark:bg-yellow-900 text-yellow-800 dark:text-yellow-200 hover:bg-yellow-200 dark:hover:bg-yellow-800 transition cursor-pointer"
|
||||
data-guid="{{ $releaseGuid }}"
|
||||
title="View NFO file">
|
||||
<i class="fas fa-file-alt mr-1"></i> NFO
|
||||
</button>
|
||||
@endif
|
||||
|
||||
@if(!empty($fromName))
|
||||
<span class="inline-flex items-center px-2 py-1 rounded text-xs font-medium bg-indigo-100 dark:bg-indigo-900 text-indigo-800 dark:text-indigo-200"
|
||||
title="Poster/Uploader">
|
||||
<i class="fas fa-user mr-1"></i> {{ $fromName }}
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Action Buttons --}}
|
||||
<div class="release-actions flex flex-wrap items-center gap-2 {{ $layout == 1 ? 'shrink-0' : 'mt-2' }}">
|
||||
<a href="{{ url('/getnzb/' . $releaseGuid) }}"
|
||||
class="inline-flex items-center px-3 py-1 rounded text-xs font-medium bg-green-600 dark:bg-green-700 text-white hover:bg-green-700 dark:hover:bg-green-800 transition">
|
||||
<i class="fas fa-download mr-1"></i> Download
|
||||
</a>
|
||||
|
||||
<button type="button"
|
||||
class="add-to-cart inline-flex items-center px-3 py-1 rounded text-xs font-medium bg-blue-600 dark:bg-blue-700 text-white hover:bg-blue-700 dark:hover:bg-blue-800 transition"
|
||||
data-guid="{{ $releaseGuid }}">
|
||||
<i class="fas fa-shopping-cart mr-1"></i> Cart
|
||||
</button>
|
||||
|
||||
<a href="{{ url('/details/' . $releaseGuid) }}"
|
||||
class="inline-flex items-center px-3 py-1 rounded text-xs font-medium bg-gray-600 dark:bg-gray-700 text-white hover:bg-gray-700 dark:hover:bg-gray-800 transition">
|
||||
<i class="fas fa-info-circle mr-1"></i> Details
|
||||
</a>
|
||||
|
||||
@if($releaseId)
|
||||
<x-report-button :release-id="(int)$releaseId" variant="icon" />
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
|
||||
Reference in New Issue
Block a user