@extends('layouts.admin')

@section('title', 'Upcoming / Release Soon')

@section('content')
<div class="panel-grid-2">
  <div class="panel">
    <div class="panel-head"><h2>➕ Add Upcoming Movie</h2></div>
    <form method="post" action="{{ route('admin.upcomings.store') }}">
      @csrf
      <label class="field"><span>Title *</span><input type="text" name="title" required placeholder="Drishyam 3 (2026)"></label>
      <div class="field-row">
        <label class="field"><span>Poster URL *</span><input type="text" name="poster" required placeholder="https://poster-url.jpg"></label>
        <label class="field"><span>Release Date *</span><input type="date" name="release_date" required></label>
      </div>
      <div class="field-row">
        <label class="field"><span>Year</span><input type="number" name="year" placeholder="2026"></label>
        <label class="field"><span>IMDb / Info URL</span><input type="url" name="url" placeholder="https://..."></label>
      </div>
      <button type="submit" class="btn btn-primary">Add</button>
    </form>
  </div>

  <div class="panel">
    <div class="panel-head"><h2>Current List</h2></div>
    @foreach($items as $u)
      <form id="uf{{ $u->id }}" method="post" action="{{ route('admin.upcomings.update', $u) }}" hidden>
        @csrf @method('PUT')
        <input type="hidden" name="poster" value="{{ $u->poster }}">
      </form>
    @endforeach
    <table class="admin-table">
      <thead><tr><th>Poster</th><th>Title / Date</th><th></th></tr></thead>
      <tbody>
      @forelse($items as $u)
        <tr>
          <td><img class="thumb" src="{{ media_url($u->poster) }}" alt=""></td>
          <td>
            <input type="text" name="title" form="uf{{ $u->id }}" value="{{ $u->title }}" style="min-width:170px">
            <input type="date" name="release_date" form="uf{{ $u->id }}" value="{{ $u->release_date->format('Y-m-d') }}">
          </td>
          <td class="nowrap">
            <button class="btn btn-sm btn-ghost" type="submit" form="uf{{ $u->id }}">Save</button>
            <form method="post" action="{{ route('admin.upcomings.destroy', $u) }}" class="inline-form" onsubmit="return confirm('Delete?')">
              @csrf @method('DELETE')
              <button class="btn btn-sm btn-danger" type="submit">Del</button>
            </form>
          </td>
        </tr>
      @empty
        <tr><td colspan="3" class="empty">No upcoming titles</td></tr>
      @endforelse
      </tbody>
    </table>
  </div>
</div>
@endsection