@extends('admin.layouts.app')

@section('content')

<div class="flex justify-between mb-6">
    <h2 class="text-2xl font-bold">Movies</h2>
    <a href="{{ route('admin.movies.create') }}"
       class="bg-red-600 px-4 py-2 rounded">+ Add Movie</a>
</div>

<form method="GET" class="mb-4 flex gap-4 flex-wrap">
    <input
        type="text"
        name="search"
        placeholder="Search..."
        value="{{ request('search') }}"
        class="bg-gray-800 px-4 py-2 rounded"
    >

    <select name="type" class="bg-gray-800 px-4 py-2 rounded">
        <option value="">All Types</option>
        <option value="movie" {{ request('type') == 'movie' ? 'selected' : '' }}>Movie</option>
        <option value="tv_show" {{ request('type') == 'tv_show' ? 'selected' : '' }}>TV Show</option>
        <option value="series" {{ request('type') == 'series' ? 'selected' : '' }}>Series</option>
        <option value="documentary" {{ request('type') == 'documentary' ? 'selected' : '' }}>Documentary</option>
        <option value="live_event" {{ request('type') == 'live_event' ? 'selected' : '' }}>Live Event</option>
    </select>

    <button class="bg-gray-700 px-4 py-2 rounded">Filter</button>
</form>

<div class="bg-gray-900 rounded-xl overflow-hidden">
    <table class="w-full">
        <thead class="bg-gray-800">
            <tr>
                <th class="p-3 text-left">Thumbnail</th>
                <th class="p-3 text-left">Title</th>
                <th class="p-3 text-left">Type</th>
                <th class="p-3 text-left">Genre</th>
                <th class="p-3 text-left">Status</th>
                <th class="p-3 text-left">Actions</th>
            </tr>
        </thead>

        <tbody>
        @forelse($movies as $movie)
            @php
                $thumbnailUrl = null;

                $candidates = [
                    $movie->poster ?? null,
                    $movie->thumbnail ?? null,
                ];

                foreach ($candidates as $path) {
                    if (empty($path)) {
                        continue;
                    }

                    $path = trim($path);

                    if (\Illuminate\Support\Str::startsWith($path, ['http://', 'https://'])) {
                        $thumbnailUrl = $path;
                        break;
                    }

                    if (\Illuminate\Support\Str::startsWith($path, ['uploads/', '/uploads/'])) {
                        $thumbnailUrl = asset(ltrim($path, '/'));
                        break;
                    }

                    if (\Illuminate\Support\Str::startsWith($path, ['storage/', '/storage/'])) {
                        $thumbnailUrl = asset(ltrim($path, '/'));
                        break;
                    }

                    if (\Illuminate\Support\Str::startsWith($path, ['movies/', '/movies/'])) {
                        $thumbnailUrl = asset('storage/' . ltrim($path, '/'));
                        break;
                    }

                    $thumbnailUrl = asset('storage/' . ltrim($path, '/'));
                    break;
                }
            @endphp

            <tr class="border-t border-gray-800">
                <td class="p-3">
                    @if($thumbnailUrl)
                        <img
                            src="{{ $thumbnailUrl }}"
                            alt="{{ $movie->title }}"
                            class="w-16 h-20 rounded object-cover bg-gray-800 border border-gray-700"
                            onerror="this.onerror=null;this.style.display='none';this.nextElementSibling.style.display='flex';"
                        >

                        <div
                            class="w-16 h-20 rounded bg-gray-800 border border-gray-700 items-center justify-center text-[10px] text-gray-400"
                            style="display:none;"
                        >
                            No Image
                        </div>
                    @else
                        <div class="w-16 h-20 rounded bg-gray-800 border border-gray-700 flex items-center justify-center text-[10px] text-gray-400">
                            No Image
                        </div>
                    @endif
                </td>

                <td class="p-3">{{ $movie->title }}</td>

                <td class="p-3 capitalize">
                    {{ $movie->type ?? 'Movie' }}
                </td>

                <td class="p-3">
                    {{ $movie->category ?? 'N/A' }}
                </td>

                <td class="p-3">
                    @if(!empty($movie->is_published))
                        <span class="text-green-500">Published</span>
                    @else
                        <span class="text-red-500">Draft</span>
                    @endif
                </td>

                <td class="p-3">
                    <div class="flex gap-2 flex-wrap">
                        <a href="{{ route('admin.movies.edit', $movie->id) }}"
                           class="bg-blue-500 px-2 py-1 rounded text-sm">
                            Edit
                        </a>

                        <form action="{{ route('admin.movies.destroy', $movie->id) }}" method="POST" onsubmit="return confirm('Delete this movie?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="bg-red-500 px-2 py-1 rounded text-sm">
                                Delete
                            </button>
                        </form>

                        @if(!empty($movie->is_published))
                            <form action="{{ route('admin.movies.draft', $movie->id) }}" method="POST">
                                @csrf
                                <button type="submit" class="bg-yellow-500 px-2 py-1 rounded text-sm">
                                    Draft
                                </button>
                            </form>
                        @else
                            <form action="{{ route('admin.movies.publish', $movie->id) }}" method="POST">
                                @csrf
                                <button type="submit" class="bg-green-600 px-2 py-1 rounded text-sm">
                                    Publish
                                </button>
                            </form>
                        @endif
                    </div>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="6" class="p-6 text-center text-gray-400">
                    No movies found.
                </td>
            </tr>
        @endforelse
        </tbody>
    </table>
</div>

@if(method_exists($movies, 'links'))
    <div class="mt-6">
        {{ $movies->links() }}
    </div>
@endif

@endsection