@extends('layouts.admin')

@section('title', isset($movie) ? 'Edit: '.$movie->title : 'Add New Title')

@section('content')
<form method="post"
      action="{{ isset($movie) ? route('admin.movies.update', $movie) : route('admin.movies.store') }}"
      enctype="multipart/form-data"
      class="form-grid">
  @csrf
  @if(isset($movie)) @method('PUT') @endif

  <div class="panel form-main">
    <div class="panel-head"><h2>📝 Basic Info</h2></div>

    <label class="field">
      <span>Title *</span>
      <input type="text" name="title" value="{{ old('title', $movie->title ?? '') }}" required>
    </label>

    <div class="field-row">
      <label class="field">
        <span>Type *</span>
        <select name="type" required>
          @foreach(['movie' => 'Movie', 'series' => 'Series', 'anime' => 'Anime', 'drama' => 'Drama'] as $v => $l)
            <option value="{{ $v }}" @selected(old('type', $movie->type ?? 'movie') === $v)>{{ $l }}</option>
          @endforeach
        </select>
      </label>
      <label class="field">
        <span>Status *</span>
        <select name="status" required>
          <option value="published" @selected(old('status', $movie->status ?? 'published') === 'published')>Published</option>
          <option value="draft" @selected(old('status', $movie->status ?? '') === 'draft')>Draft</option>
        </select>
      </label>
      <label class="field">
        <span>Quality</span>
        <input type="text" name="quality" value="{{ old('quality', $movie->quality ?? 'WEB-DL') }}" placeholder="WEB-DL / HDTC / Blu-Ray">
      </label>
    </div>

    <div class="field-row">
      <label class="field">
        <span>Rating (0–10)</span>
        <input type="number" step="0.1" min="0" max="10" name="rating" value="{{ old('rating', $movie->rating ?? '') }}">
      </label>
      <label class="field">
        <span>Year</span>
        <input type="number" name="year" value="{{ old('year', $movie->year ?? '') }}" placeholder="2026">
      </label>
      <label class="field">
        <span>Release Date</span>
        <input type="date" name="release_date" value="{{ old('release_date', isset($movie) && $movie->release_date ? $movie->release_date->format('Y-m-d') : '') }}">
      </label>
      <label class="field">
        <span>Duration</span>
        <input type="text" name="duration" value="{{ old('duration', $movie->duration ?? '') }}" placeholder="2h 10m">
      </label>
    </div>

    <label class="field">
      <span>Card Note (যেমন: S01 | Ep 1-31 Added)</span>
      <input type="text" name="note" value="{{ old('note', $movie->note ?? '') }}">
    </label>

    <label class="field">
      <span>Description / Storyline</span>
      <textarea name="description" rows="5">{{ old('description', $movie->description ?? '') }}</textarea>
    </label>

    <div class="field-row">
      <label class="field">
        <span>Watch Online Embed URL (mp4 / drive / iframe)</span>
        <input type="text" name="embed_url" value="{{ old('embed_url', $movie->embed_url ?? '') }}" placeholder="https://... .mp4 or embed link">
      </label>
      <label class="field">
        <span>Trailer URL</span>
        <input type="text" name="trailer_url" value="{{ old('trailer_url', $movie->trailer_url ?? '') }}">
      </label>
    </div>

    <div class="check-row">
      <label><input type="checkbox" name="pinned" value="1" @checked(old('pinned', $movie->pinned ?? false))> 📌 Pinned (top of home)</label>
      <label><input type="checkbox" name="adult" value="1" @checked(old('adult', $movie->adult ?? false))> 🔞 18+ Adult</label>
    </div>
  </div>

  <div class="panel form-side">
    <div class="panel-head"><h2>🖼 Poster</h2></div>

    @if(isset($movie) && $movie->poster)
      <img class="poster-preview" src="{{ media_url($movie->poster) }}" alt="">
    @endif

    <label class="field">
      <span>Upload Poster (JPG/PNG/WEBP)</span>
      <input type="file" name="poster_file" accept="image/*">
    </label>
    <label class="field">
      <span>— অথবা — Poster URL / path</span>
      <input type="text" name="poster" value="{{ old('poster', $movie->poster ?? '') }}" placeholder="https://... or uploads/posters/x.jpg">
    </label>

    <div class="check-col">
      <b>SEO (optional)</b>
      <label class="field">
        <span>SEO Title</span>
        <input type="text" name="seo_title" value="{{ old('seo_title', $movie->seo_title ?? '') }}">
      </label>
      <label class="field">
        <span>SEO Description</span>
        <textarea name="seo_description" rows="2">{{ old('seo_description', $movie->seo_description ?? '') }}</textarea>
      </label>
    </div>
  </div>

  <div class="panel form-main">
    <div class="panel-head"><h2>🎭 Genres</h2></div>
    <div class="checkbox-grid">
      @php $sel = old('genres', $movieGenres ?? []); @endphp
      @foreach($genres as $g)
        <label><input type="checkbox" name="genres[]" value="{{ $g->id }}" @checked(in_array($g->id, $sel))> {{ $g->name }}</label>
      @endforeach
    </div>
  </div>

  <div class="panel form-main">
    <div class="panel-head"><h2>🌐 Languages</h2></div>
    <div class="checkbox-grid">
      @php $sel = old('languages', $movieLanguages ?? []); @endphp
      @foreach($languages as $l)
        <label><input type="checkbox" name="languages[]" value="{{ $l->id }}" @checked(in_array($l->id, $sel))> {{ $l->name }}</label>
      @endforeach
    </div>
  </div>

  <div class="panel form-main">
    <div class="panel-head"><h2>🏷 Categories</h2></div>
    <div class="checkbox-grid">
      @php $sel = old('categories', $movieCategories ?? []); @endphp
      @foreach($categories as $c)
        <label><input type="checkbox" name="categories[]" value="{{ $c->id }}" @checked(in_array($c->id, $sel))> {{ $c->name }}</label>
      @endforeach
    </div>
  </div>

  <div class="panel form-main" id="linkPanel">
    <div class="panel-head">
      <h2>🔗 Download Links (per movie picture + quality links)</h2>
      <button type="button" class="btn btn-sm btn-primary" id="addLinkRow">+ Add Link</button>
    </div>

    <div class="repeater" id="linkRows">
      @php
        $oldQ = old('link_quality', []);
        $oldS = old('link_server', []);
        $oldZ = old('link_size', []);
        $oldU = old('link_url', []);
        $existing = isset($movie) ? $movie->links->map(fn($l) => [$l->quality, $l->server, $l->size, $l->url])->values() : collect();
      @endphp

      @if($oldU)
        @for($i = 0; $i < count($oldU); $i++)
          @include('admin.movies.partials.link-row', ['i' => $i, 'q' => $oldQ[$i] ?? '720p', 's' => $oldS[$i] ?? '', 'z' => $oldZ[$i] ?? '', 'u' => $oldU[$i] ?? ''])
        @endfor
      @elseif($existing->isNotEmpty())
        @foreach($existing as $i => $row)
          @include('admin.movies.partials.link-row', ['i' => $i, 'q' => $row[0], 's' => $row[1], 'z' => $row[2], 'u' => $row[3]])
        @endforeach
      @else
        @include('admin.movies.partials.link-row', ['i' => 0, 'q' => '480p', 's' => 'GDrive', 'z' => '', 'u' => ''])
        @include('admin.movies.partials.link-row', ['i' => 1, 'q' => '720p', 's' => 'GDrive', 'z' => '', 'u' => ''])
        @include('admin.movies.partials.link-row', ['i' => 2, 'q' => '1080p', 's' => 'GDrive', 'z' => '', 'u' => ''])
      @endif
    </div>
  </div>

  <div class="panel form-main">
    <div class="panel-head"><h2>🖼 Screenshots / Picture Links</h2></div>
    <p class="hint">মুভির স্ক্রিনশট বা ছবির লিংক — সাইটে ক্লিক করলে বড় দেখাবে (lightbox)। এক লাইনে একটা URL।</p>
    <div class="repeater" id="shotRows">
      @php
        $oldShots = old('screenshots', isset($movie) ? $movie->screenshots->pluck('url')->all() : []);
      @endphp
      @if(count($oldShots))
        @foreach($oldShots as $i => $u)
          <div class="rep-row">
            <input type="text" name="screenshots[{{ $i }}]" value="{{ $u }}" placeholder="https://image-url.jpg">
            <button type="button" class="btn btn-sm btn-danger rep-del">×</button>
          </div>
        @endforeach
      @else
        <div class="rep-row">
          <input type="text" name="screenshots[0]" value="" placeholder="https://image-url.jpg">
          <button type="button" class="btn btn-sm btn-danger rep-del">×</button>
        </div>
      @endif
    </div>
    <button type="button" class="btn btn-sm btn-primary" id="addShotRow">+ Add Screenshot</button>
  </div>

  <div class="form-actions form-main">
    <button type="submit" class="btn btn-primary btn-lg">
      {{ isset($movie) ? '💾 Update Title' : '🚀 Create Title' }}
    </button>
    <a class="btn btn-ghost" href="{{ route('admin.movies.index') }}">Cancel</a>
    @if(isset($movie))
      <a class="btn btn-ghost" href="{{ $movie->routeUrl() }}" target="_blank">View Live ↗</a>
    @endif
  </div>
</form>

{{-- Episodes manager (series only) --}}
@if(isset($movie))
<div class="panel" style="margin-top:26px">
  <div class="panel-head"><h2>📺 Episodes — {{ $movie->title }}</h2></div>

  <table class="admin-table">
    <thead><tr><th>#</th><th>Title</th><th>Embed</th><th>Links</th><th>Views</th><th></th></tr></thead>
    <tbody>
    @forelse($movie->episodes as $ep)
      <tr>
        <td class="nowrap"><b>{{ $ep->label() }}</b></td>
        <td>{{ $ep->title ?: '—' }}</td>
        <td class="mono muted">{{ \Illuminate\Support\Str::limit($ep->embed_url ?: '-', 32) }}</td>
        <td>{{ $ep->links->count() }}</td>
        <td>{{ number_format($ep->views) }}</td>
        <td class="nowrap">
          <button type="button" class="btn btn-sm btn-ghost" data-edit-ep="{!! json_encode($ep->only(['id', 'season', 'episode', 'title', 'embed_url']), JSON_HEX_APOS | JSON_HEX_QUOT) !!}">Edit</button>
          <form method="post" action="{{ route('admin.episodes.destroy', $ep) }}" class="inline-form" onsubmit="return confirm('Delete episode?')">
            @csrf @method('DELETE')
            <button type="submit" class="btn btn-sm btn-danger">Del</button>
          </form>
        </td>
      </tr>
    @empty
      <tr><td colspan="6" class="empty">No episodes yet. Add from the form below.</td></tr>
    @endforelse
    </tbody>
  </table>

  <div class="panel-head" style="margin-top:18px"><h3 id="epFormTitle">➕ Add Episode</h3></div>
  <form method="post" action="{{ route('admin.episodes.store', $movie) }}" id="epForm">
    @csrf
    <input type="hidden" name="_method" value="POST" id="epMethod">
    <div class="field-row">
      <label class="field"><span>Season</span><input type="number" name="season" value="1" min="1" required id="epSeason"></label>
      <label class="field"><span>Episode</span><input type="number" name="episode" value="1" min="1" required id="epNumber"></label>
      <label class="field"><span>Episode Title</span><input type="text" name="title" id="epTitle" placeholder="optional"></label>
    </div>
    <label class="field"><span>Embed URL (mp4 / iframe)</span><input type="text" name="embed_url" id="epEmbed" placeholder="https://..."></label>

    <div class="repeater" id="epLinkRows">
      <div class="rep-row rep-row-4">
        <input type="text" name="link_quality[]" value="480p" placeholder="Quality">
        <input type="text" name="link_server[]" value="GDrive" placeholder="Server">
        <input type="text" name="link_size[]" value="" placeholder="Size (300MB)">
        <input type="text" name="link_url[]" value="" placeholder="Download URL">
        <button type="button" class="btn btn-sm btn-danger rep-del">×</button>
      </div>
      <div class="rep-row rep-row-4">
        <input type="text" name="link_quality[]" value="720p" placeholder="Quality">
        <input type="text" name="link_server[]" value="GDrive" placeholder="Server">
        <input type="text" name="link_size[]" value="" placeholder="Size (700MB)">
        <input type="text" name="link_url[]" value="" placeholder="Download URL">
        <button type="button" class="btn btn-sm btn-danger rep-del">×</button>
      </div>
    </div>
    <div class="form-actions">
      <button type="submit" class="btn btn-primary" id="epSubmit">➕ Add Episode</button>
      <button type="button" class="btn btn-ghost" id="epCancel" hidden>Cancel Edit</button>
      <button type="button" class="btn btn-sm btn-primary" id="addEpLinkRow">+ Add Link Row</button>
    </div>
  </form>
</div>
@endif
@endsection

@push('scripts')
<script>
  // Episode edit → fill form (demo: uses PUT via _method)
  document.querySelectorAll('[data-edit-ep]').forEach(function(btn){
    btn.addEventListener('click', function(){
      var d = JSON.parse(btn.getAttribute('data-edit-ep'));
      var form = document.getElementById('epForm');
      document.getElementById('epFormTitle').textContent = '✏️ Edit Episode ' + d.season + 'x' + d.episode;
      document.getElementById('epSeason').value = d.season;
      document.getElementById('epNumber').value = d.episode;
      document.getElementById('epTitle').value = d.title || '';
      document.getElementById('epEmbed').value = d.embed_url || '';
      form.setAttribute('action', '/admin/episodes/' + d.id);
      document.getElementById('epMethod').value = 'PUT';
      document.getElementById('epSubmit').textContent = '💾 Update Episode';
      document.getElementById('epCancel').hidden = false;
      form.scrollIntoView({behavior:'smooth', block:'center'});
    });
  });
  var epCancel = document.getElementById('epCancel');
  if (epCancel) epCancel.addEventListener('click', function(){
    var form = document.getElementById('epForm');
    form.setAttribute('action', form.getAttribute('data-original-action') || form.action);
    location.reload();
  });
</script>
@endpush