newznab-tmux/resources/views/series/viewseries.blade.php

@extends('layouts.main')

@section('content')
<div class="series-detail-page surface-panel rounded-xl shadow-sm">
    <!-- Breadcrumb -->
    <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
        <nav aria-label="breadcrumb">
            <ol class="flex items-center space-x-2 text-sm text-gray-600">
                <li><a href="{{ url($site['home_link'] ?? '/') }}" class="hover:text-blue-600">Home</a></li>
                <li><i class="fas fa-chevron-right text-xs mx-2"></i></li>
                <li><a href="{{ route('series') }}" class="hover:text-blue-600">TV Series</a></li>
                <li><i class="fas fa-chevron-right text-xs mx-2"></i></li>
                <li class="text-gray-500">{{ $seriestitles ?? '' }}</li>
            </ol>
        </nav>
    </div>

    <div class="px-6 py-4">
        @if(!empty($nodata))
            <div class="bg-yellow-50 border border-yellow-200 rounded-lg p-4 text-yellow-800">
                <i class="fa fa-exclamation-circle mr-2"></i><strong>Sorry!</strong> {{ $nodata }}
            </div>
        @else
            <!-- Series Info Card -->
            <div class="series-main-card bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl shadow-sm mb-4">
                <div class="px-4 py-3 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600">
                    <h5 class="text-xl font-bold text-gray-800 dark:text-white">
                        <i class="fa fa-tv mr-2 text-indigo-600 dark:text-indigo-400"></i>{{ $seriestitles ?? '' }}
                        @if(!empty($show['publisher']))
                            <span class="text-sm font-normal text-gray-600 dark:text-gray-300 ml-2">({{ $show['publisher'] }})</span>
                        @endif
                    </h5>
                </div>
                <div class="p-6">
                    <!-- Series Stats -->
                    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 mb-6">
                        @if(!empty($show['started']))
                            <div class="series-stat-card bg-linear-to-br from-blue-50 to-blue-100 rounded-lg p-4 border border-blue-200">
                                <div class="text-xs font-semibold text-blue-600 dark:text-blue-400 uppercase mb-1">Series Started</div>
                                <div class="text-lg font-bold text-blue-900">
                                    {{ \Carbon\Carbon::parse($show['started'])->format('M d, Y') }}
                                </div>
                            </div>
                        @endif
                        <div class="series-stat-card bg-linear-to-br from-purple-50 to-purple-100 rounded-lg p-4 border border-purple-200">
                            <div class="text-xs font-semibold text-purple-600 uppercase mb-1">Total Seasons Aired</div>
                            <div class="text-lg font-bold text-purple-900">{{ $totalSeasonsAired ?? 0 }}</div>
                        </div>
                        <div class="series-stat-card bg-linear-to-br from-pink-50 to-pink-100 rounded-lg p-4 border border-pink-200">
                            <div class="text-xs font-semibold text-pink-600 uppercase mb-1">Seasons Available</div>
                            <div class="text-lg font-bold text-pink-900">{{ $totalSeasonsAvailable ?? 0 }}</div>
                        </div>
                        <div class="series-stat-card bg-linear-to-br from-indigo-50 to-indigo-100 rounded-lg p-4 border border-indigo-200">
                            <div class="text-xs font-semibold text-indigo-600 uppercase mb-1">Total Episodes Aired</div>
                            <div class="text-lg font-bold text-indigo-900">{{ $totalEpisodesAired ?? 0 }}</div>
                        </div>
                        <div class="series-stat-card bg-linear-to-br from-violet-50 to-violet-100 rounded-lg p-4 border border-violet-200">
                            <div class="text-xs font-semibold text-violet-600 uppercase mb-1">Episodes Available</div>
                            <div class="text-lg font-bold text-violet-900">{{ $episodeCount ?? 0 }}</div>
                        </div>
                        @if(!empty($firstEpisodeAired))
                            <div class="series-stat-card bg-linear-to-br from-teal-50 to-teal-100 rounded-lg p-4 border border-teal-200">
                                <div class="text-xs font-semibold text-teal-600 uppercase mb-1">First Episode Aired</div>
                                <div class="text-sm font-bold text-teal-900">
                                    {{ $firstEpisodeAired->format('M d, Y') }}
                                </div>
                            </div>
                        @endif
                        @if(!empty($lastEpisodeAired))
                            <div class="series-stat-card bg-linear-to-br from-orange-50 to-orange-100 rounded-lg p-4 border border-orange-200">
                                <div class="text-xs font-semibold text-orange-600 uppercase mb-1">Last Episode Aired</div>
                                <div class="text-sm font-bold text-orange-900">
                                    {{ $lastEpisodeAired->format('M d, Y') }}
                                </div>
                            </div>
                        @endif
                        @if(!empty($seriescountry))
                            <div class="series-stat-card bg-linear-to-br from-green-50 to-green-100 rounded-lg p-4 border border-green-200">
                                <div class="text-xs font-semibold text-green-600 uppercase mb-1">Country</div>
                                <div class="text-lg font-bold text-green-900">{{ strtoupper($seriescountry) }}</div>
                            </div>
                        @endif
                    </div>

                    <!-- Summary with inline poster -->
                    @if(!empty($seriessummary))
                        <div class="mb-6">
                            <h6 class="text-sm font-semibold text-gray-700 dark:text-gray-300 mb-2 flex items-center">
                                <i class="fa fa-align-left mr-2 text-gray-600"></i>Overview
                            </h6>
                            <div class="grid grid-cols-1 lg:grid-cols-4 gap-4">
                                @if(!empty($show['image']) && $show['image'] != 0)
                                    <div class="lg:col-span-1">
                                        <img class="series-detail-poster w-full h-auto rounded-lg"
                                             alt="{{ $seriestitles ?? '' }} Poster"
                                             src="{{ getImageAssetUrl('tvshows', (string) $show['id'], url('/covers/tvshows/no-cover.jpg')) }}"/>
                                    </div>
                                    <div class="lg:col-span-3">
                                        <p class="text-gray-700 dark:text-gray-300 leading-relaxed">{{ $seriessummary }}</p>
                                    </div>
                                @else
                                    <div class="lg:col-span-4">
                                        <p class="text-gray-700 dark:text-gray-300 leading-relaxed">{{ $seriessummary }}</p>
                                    </div>
                                @endif
                            </div>
                        </div>
                    @endif

                    <!-- Quick Actions & Links -->
                    <div class="mb-4">
                        <h6 class="text-sm font-semibold text-gray-700 dark:text-gray-300 mb-3 flex items-center">
                            <i class="fa fa-link mr-2 text-gray-600"></i>Quick Actions & Links
                        </h6>
                        <div class="flex flex-wrap gap-2">
                            <!-- My Shows Controls -->
                            @if(!empty($myshows) && !empty($myshows['id']))
                                <a class="px-4 py-2 bg-yellow-500 text-white rounded-lg hover:bg-yellow-600 inline-flex items-center text-sm font-medium transition"
                                           href="{{ url('/myshows?action=edit&id=' . $show['id'] . '&from=' . urlencode(request()->fullUrl())) }}">
                                            <i class="fa fa-pencil-alt mr-2"></i>Edit My Shows
                                        </a>
                                        <a class="px-4 py-2 bg-red-600 dark:bg-red-700 text-white rounded-lg hover:bg-red-700 dark:hover:bg-red-800 inline-flex items-center text-sm font-medium transition"
                                           title="Remove from My Shows"
                                           href="{{ url('/myshows?action=delete&id=' . $show['id'] . '&from=' . urlencode(request()->fullUrl())) }}">
                                            <i class="fa fa-minus mr-2"></i>Remove from My Shows
                                        </a>
                                    @else
                                        <a class="px-4 py-2 bg-green-600 dark:bg-green-700 text-white rounded-lg hover:bg-green-700 dark:hover:bg-green-800 inline-flex items-center text-sm font-medium transition"
                                           title="Add to My Shows"
                                           href="{{ url('/myshows?action=add&id=' . $show['id'] . '&from=' . urlencode(request()->fullUrl())) }}">
                                            <i class="fa fa-plus mr-2"></i>Add to My Shows
                                        </a>
                                    @endif

                                    <a class="px-4 py-2 bg-linear-to-r from-green-600 to-green-700 text-white rounded-lg hover:from-green-700 hover:to-green-800 inline-flex items-center text-sm font-medium shadow-sm transition"
                                       href="{{ url('/rss/full-feed?show=' . $show['id'] . (isset($category) && $category != '' ? '&t=' . $category : '') . '&dl=1&i=' . auth()->id() . '&api_token=' . auth()->user()->api_token) }}">
                                        <i class="fa fa-rss mr-2"></i> RSS Feed
                                    </a>

                                    @if(!empty($show['tvdb']) && $show['tvdb'] > 0)
                                        <a class="px-4 py-2 bg-blue-100 text-blue-800 rounded-lg hover:bg-blue-200 inline-flex items-center text-sm font-medium transition"
                                           target="_blank"
                                           href="{{ $site['dereferrer_link'] }}http://thetvdb.com/?tab=series&id={{ $show['tvdb'] }}"
                                           title="View at TheTVDB">
                                            <i class="fa fa-database mr-2"></i> TheTVDB
                                        </a>
                                    @endif

                                    @if(!empty($show['tvmaze']) && $show['tvmaze'] > 0)
                                        <a class="px-4 py-2 bg-purple-100 text-purple-800 rounded-lg hover:bg-purple-200 inline-flex items-center text-sm font-medium transition"
                                           target="_blank"
                                           href="{{ $site['dereferrer_link'] }}http://tvmaze.com/shows/{{ $show['tvmaze'] }}"
                                           title="View at TVMaze">
                                            <i class="fa fa-tv mr-2"></i> TVMaze
                                        </a>
                                    @endif

                                    @if(!empty($show['trakt']) && $show['trakt'] > 0)
                                        <a class="px-4 py-2 bg-red-100 text-red-800 rounded-lg hover:bg-red-200 inline-flex items-center text-sm font-medium transition"
                                           target="_blank"
                                           href="{{ $site['dereferrer_link'] }}http://www.trakt.tv/shows/{{ $show['trakt'] }}"
                                           title="View at TraktTv">
                                            <i class="fa fa-heart mr-2"></i> Trakt
                                        </a>
                                    @endif

                                    @if(!empty($show['tvrage']) && $show['tvrage'] > 0)
                                        <a class="px-4 py-2 bg-orange-100 text-orange-800 rounded-lg hover:bg-orange-200 inline-flex items-center text-sm font-medium transition"
                                           target="_blank"
                                           href="{{ $site['dereferrer_link'] }}http://www.tvrage.com/shows/id-{{ $show['tvrage'] }}"
                                           title="View at TV Rage">
                                            <i class="fa fa-external-link-alt mr-2"></i> TV Rage
                                        </a>
                                    @endif

                                    @if(!empty($show['imdb']) && $show['imdb'] > 0)
                                        <a class="px-4 py-2 bg-yellow-100 text-yellow-800 rounded-lg hover:bg-yellow-200 inline-flex items-center text-sm font-medium transition"
                                           target="_blank"
                                           href="{{ $site['dereferrer_link'] }}https://www.imdb.com/title/tt{{ $show['imdb'] }}"
                                           title="View at IMDb">
                                            <i class="fa fa-film mr-2"></i> IMDb
                                        </a>
                                    @endif

                                    @if(!empty($show['tmdb']) && $show['tmdb'] > 0)
                                        <a class="px-4 py-2 bg-cyan-100 text-cyan-800 rounded-lg hover:bg-cyan-200 inline-flex items-center text-sm font-medium transition"
                                           target="_blank"
                                           href="{{ $site['dereferrer_link'] }}https://www.themoviedb.org/tv/{{ $show['tmdb'] }}"
                                           title="View at TMDb">
                                            <i class="fa fa-video mr-2"></i> TMDb
                                        </a>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Episodes by Season - Tabbed Interface -->
            @if(!empty($seasonTabs))
                <div id="series-episodes" x-data="seriesSeasonLoader" data-series-season-loader>
                <form id="nzb_multi_operations_form" method="get" x-data="releaseMultiOps">
                <div class="series-episodes-card bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl shadow-sm">
                    <div class="px-4 py-3 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600">
                        <div class="flex items-center justify-between">
                            <h5 class="text-lg font-semibold text-gray-800 dark:text-white">
                                <i class="fa fa-list mr-2 text-blue-600 dark:text-blue-400"></i>
                                Episodes & Releases
                            </h5>
                            <div class="flex flex-wrap items-center gap-2">
                                <small class="text-gray-600 dark:text-gray-400">With Selected:</small>
                                <div class="flex gap-1">
                                    <button type="button" class="nzb_multi_operations_download px-3 py-1 bg-green-600 dark:bg-green-700 text-white rounded hover:bg-green-700 dark:hover:bg-green-800 transition text-sm" title="Download NZBs">
                                        <i class="fa fa-cloud-download"></i>
                                    </button>
                                    <button type="button" class="nzb_multi_operations_cart px-3 py-1 bg-blue-600 dark:bg-blue-700 text-white rounded hover:bg-blue-700 dark:hover:bg-blue-800 transition text-sm" title="Send to Download Basket">
                                        <i class="fa fa-shopping-basket"></i>
                                    </button>
                                    @if(auth()->check() && auth()->user()->hasRole('Admin'))
                                        <button type="button" class="nzb_multi_operations_delete px-3 py-1 bg-red-600 dark:bg-red-700 text-white rounded hover:bg-red-700 dark:hover:bg-red-800 transition text-sm" title="Delete">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Season Tabs -->
                    <div class="border-b border-gray-200">
                        <div class="flex items-center px-4 py-2 bg-gray-50 dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700">
                            <input type="checkbox" class="rounded border-gray-300 dark:border-gray-600 text-blue-600 dark:text-blue-500 focus:ring-blue-500 dark:focus:ring-blue-400 dark:bg-gray-700 mr-2" id="chkSelectAll" x-model="allChecked" @change="toggleAll()">
                            <label for="chkSelectAll" class="text-sm text-gray-700 dark:text-gray-300 cursor-pointer">Select All</label>
                        </div>
                        <nav class="flex flex-wrap -mb-px px-4" aria-label="Tabs">
                            @foreach($seasonTabs as $tab)
                                <a href="{{ $tab['url'] }}"
                                        class="series-season-tab whitespace-nowrap py-4 px-6 border-b-2 font-medium text-sm transition-colors duration-200 {{ $tab['active'] ? 'border-blue-500 text-blue-600' : 'border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-300 hover:border-gray-300' }}"
                                        data-season="{{ $tab['season'] }}"
                                        data-series-season-link
                                        @if($tab['active']) aria-current="page" @endif>
                                    Season {{ $tab['season'] }}
                                    <span class="ml-2 px-2 py-0.5 rounded-full text-xs {{ $tab['active'] ? 'bg-blue-100 text-blue-800' : 'bg-gray-100 dark:bg-gray-800 text-gray-600' }}">
                                        {{ $tab['count'] }}
                                    </span>
                                </a>
                            @endforeach
                        </nav>
                    </div>

                    <!-- Season Content -->
                    @include('series.partials.season-content')
                </div>
                </form>
                <div data-series-pagination-container>
                    @include('series.partials.season-pagination')
                </div>
                </div>
            @else
                <div class="bg-blue-50 border border-blue-200 rounded-lg p-4 text-blue-800">
                    <i class="fa fa-info-circle mr-2"></i>
                    No episodes/releases found for this series.
                </div>
            @endif
        @endif
    </div>
</div>
@endsection

@push('scripts')
@include('partials.cart-script')
@endpush