@extends('layouts.app')

@section('title', $seoTitle . ' — ' . setting('site_name', 'Moviehub'))
@section('meta_description', $seoDescription)

@php
  $prefix = match($movie->type) { 'series' => 'series', 'anime' => 'anime', 'drama' => 'drama', default => 'movie' };
  $isSeries = $movie->isSeries();
@endphp

@section('content')
<script type="application/ld+json">
{!! json_encode([
  '@context' => 'https://schema.org',
  '@type' => $isSeries ? 'TVSeries' : 'Movie',
  'name' => $movie->title,
  'description' => $seoDescription,
  'image' => media_url($movie->poster),
  'datePublished' => optional($movie->release_date)->toDateString(),
  'aggregateRating' => $movie->rating > 0 ? [
    '@type' => 'AggregateRating',
    'ratingValue' => $movie->rating,
    'bestRating' => 10,
    'ratingCount' => max(1, (int) ($movie->views / 100)),
  ] : null,
  'interactionStatistic' => [
    '@type' => 'InteractionCounter',
    'interactionType' => 'https://schema.org/DownloadAction',
    'userInteractionCount' => $movie->downloads,
  ],
], JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) !!}
</script>

<nav class="breadcrumb">
  <a href="{{ route('home') }}">Home</a> <span>›</span>
  <a href="{{ route('type.show', $movie->type === 'movie' ? 'movies' : $movie->type.'s') }}">{{ $movie->typeLabel() }}</a>
  <span>›</span> <span class="bc-current">{{ $movie->title }}</span>
</nav>

<div class="ad-wrap inline-ad">
  {!! ad_code('detail_top') !!}
</div>

<article class="detail">
  <div class="detail-poster">
    <img src="{{ media_url($movie->poster) }}" alt="{{ $movie->title }}">
    @if($movie->pinned)<span class="badge-pin">PINNED</span>@endif
    @if($movie->rating > 0)<span class="badge-rate">⭐ {{ rtrim(rtrim(number_format($movie->rating, 1), '0'), '.') }}</span>@endif
  </div>

  <div class="detail-info">
    <h1 class="detail-title">{{ $movie->title }}</h1>

    <div class="chip-row">
      <span class="chip chip-type">{{ $movie->typeLabel() }}</span>
      @if($movie->year)<span class="chip">{{ $movie->year }}</span>@endif
      <span class="chip chip-quality">{{ $movie->quality }}</span>
      @if($movie->adult)<span class="chip chip-adult">🔞 18+ Alert</span>@endif
      @foreach($movie->languages as $lang)
        <a class="chip chip-link" href="{{ route('language.show', $lang->slug) }}">{{ $lang->name }}</a>
      @endforeach
      @foreach($movie->genres as $g)
        <a class="chip chip-link" href="{{ route('genre.show', $g->slug) }}">{{ $g->name }}</a>
      @endforeach
    </div>

    @if($movie->note)
    <div class="detail-note">✅ {{ $movie->note }}</div>
    @endif

    <table class="info-table">
      @if($movie->duration)<tr><th>Duration</th><td>{{ $movie->duration }}</td></tr>@endif
      @if($movie->release_date)<tr><th>Released</th><td>{{ $movie->release_date->format('d M, Y') }}</td></tr>@endif
      @if($movie->languages->isNotEmpty())<tr><th>Language</th><td>{{ $movie->languages->pluck('name')->join(', ') }}</td></tr>@endif
      @if($movie->genres->isNotEmpty())<tr><th>Genre</th><td>{{ $movie->genres->pluck('name')->join(', ') }}</td></tr>@endif
      <tr><th>Quality</th><td>{{ $movie->quality }}</td></tr>
      <tr><th>Views</th><td>{{ format_count($movie->views + 1) }}</td></tr>
      <tr><th>Downloads</th><td>{{ format_count($movie->downloads) }}</td></tr>
      @if($movie->rating > 0)<tr><th>IMDb</th><td>{{ $movie->rating }} / 10</td></tr>@endif
    </table>

    <div class="share-row">
      <span class="share-label">Share:</span>
      <a class="share-btn share-fb" href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(url()->current()) }}" target="_blank" rel="noopener">Facebook</a>
      <a class="share-btn share-tg" href="https://t.me/share/url?url={{ urlencode(url()->current()) }}&text={{ urlencode($movie->title) }}" target="_blank" rel="noopener">Telegram</a>
      <button class="share-btn share-copy" type="button" data-copy="{{ url()->current() }}">Copy Link</button>
    </div>
  </div>
</article>

{{-- Screenshots / Picture links --}}
@if($movie->screenshots->isNotEmpty())
<section class="section">
  <h2 class="section-title"><span class="st-emoji">🖼</span> Screenshots</h2>
  <div class="shots-row">
    @foreach($movie->screenshots as $shot)
      <a class="shot" href="javascript:void(0)" data-lightbox="{{ media_url($shot->url) }}">
        <img src="{{ media_url($shot->url) }}" alt="{{ $movie->title }} screenshot {{ $loop->iteration }}" loading="lazy">
      </a>
    @endforeach
  </div>
</section>
@endif

{{-- Description --}}
@if($movie->description)
<section class="section">
  <h2 class="section-title"><span class="st-emoji">ℹ️</span> Storyline</h2>
  <div class="description">{!! nl2br(e($movie->description)) !!}</div>
</section>
@endif

{{-- Watch Online --}}
@if($movie->embed_url && !$isSeries)
<section class="section" id="watch">
  <h2 class="section-title"><span class="st-emoji">▶️</span> Watch Online</h2>
  <div class="watch-notice">🖱️ কোনো বিজ্ঞাপন বা পপ-আপ খুললে ভয় পাবেন না — একবার Back করে আবার ক্লিক করলেই আসল ভিডিও প্লেয়ার খুলবে।</div>
  <div class="player-wrap">
    {!! embed_html($movie->embed_url, $movie->title) !!}
  </div>
  <div class="share-row">
    <button class="share-btn share-copy" type="button" data-action="watch" data-movie="{{ $movie->id }}">▶ Watch Counted</button>
  </div>
</section>
@endif

{{-- Episodes (Series / Anime / Drama) --}}
@if($isSeries && $movie->episodes->isNotEmpty())
<section class="section" id="episodes">
  <h2 class="section-title"><span class="st-emoji">📺</span> Episodes</h2>

  @foreach($movie->episodes->groupBy('season') as $season => $eps)
  <div class="season-block">
    <h3 class="season-title">Season {{ $season }}</h3>

    @foreach($eps as $ep)
    <div class="ep-card" id="ep-{{ $ep->id }}">
      <div class="ep-head">
        <div class="ep-meta">
          <span class="ep-label">{{ $ep->label() }}</span>
          @if($ep->title)<span class="ep-title">{{ $ep->title }}</span>@endif
          <span class="ep-stats">{{ format_count($ep->views) }} views · {{ time_ago($ep->created_at) }}</span>
        </div>
        <div class="ep-actions">
          @if($ep->embed_url)
          <button class="btn btn-watch" type="button" data-ep-watch="{{ $ep->id }}">▶ Watch</button>
          @endif
          @foreach($ep->links->groupBy('quality') as $quality => $group)
            @foreach($group as $link)
            <a class="btn btn-dl-sm" href="{{ route('go', $link->id) }}?from={{ urlencode(request()->path()) }}" target="_blank" rel="noopener">
              ⬇ {{ $quality }}
            </a>
            @endforeach
          @endforeach
        </div>
      </div>

      @if($ep->embed_url)
      <div class="ep-player" id="ep-player-{{ $ep->id }}" hidden>
        <div class="player-wrap">{!! embed_html($ep->embed_url, $movie->title.' '.$ep->label()) !!}</div>
        @if($ep->links->isNotEmpty())
        <div class="ep-links">
          @foreach($ep->links as $link)
          <a class="btn btn-dl" href="{{ route('go', $link->id) }}?from={{ urlencode(request()->path()) }}" target="_blank" rel="noopener">
            ⬇ Download {{ $link->quality }} <small>({{ $link->server }}@if($link->size) · {{ $link->size }}@endif)</small>
          </a>
          @endforeach
        </div>
        @endif
      </div>
      @endif
    </div>
    @endforeach
  </div>
  @endforeach
</section>
@endif

{{-- Download links --}}
@if($movie->links->isNotEmpty())
<section class="section" id="download">
  <h2 class="section-title"><span class="st-emoji">⬇️</span> Download {{ $movie->title }}</h2>

  <div class="watch-notice">
    🎬 মুভির নাম বা পোস্টারে ক্লিক করে আপনার পছন্দের কোয়ালিটি (480p / 720p / 1080p / 4K) সিলেক্ট করে ডাউনলোড করুন!<br>
    🖱️ কোনো এডস ওপেন হলে ভয় পাবেন না — একবার Back করে আবার ক্লিক করলেই আসল Download পেজ খুলবে।
  </div>

  <div class="ad-wrap inline-ad">
    {!! ad_code('detail_mid') !!}
  </div>

  <div class="download-table">
    <div class="dl-row dl-head">
      <span>Quality</span><span>Size</span><span>Server</span><span>Action</span>
    </div>
    @foreach($movie->links as $link)
    <div class="dl-row">
      <span class="dl-quality"><b>{{ $link->quality }}</b></span>
      <span class="dl-size">{{ $link->size ?: '—' }}</span>
      <span class="dl-server">{{ $link->server }}</span>
      <span class="dl-action">
        <a class="btn btn-dl" href="{{ route('go', $link->id) }}?from={{ urlencode(request()->path()) }}" target="_blank" rel="noopener">⬇ Download</a>
      </span>
    </div>
    @endforeach
  </div>
</section>
@endif

{{-- Related --}}
@if($related->isNotEmpty())
<section class="section">
  <h2 class="section-title"><span class="st-emoji">🎬</span> Related Movies &amp; Series</h2>
  <div class="movie-grid">
    @foreach($related as $movie)
      @include('partials.card', ['movie' => $movie])
    @endforeach
  </div>
</section>
@endif
@endsection