@extends('layouts.app')

@section('content')
<div class="admin-panel">
    <header class="admin-header">
        <h1>Sticker Management</h1>
        <nav class="admin-nav inline">
            <a href="{{ route('gc.admin.dashboard') }}">Dashboard</a>
            <a href="{{ route('gc.admin.stickers.create') }}">Add Sticker</a>
        </nav>
    </header>

    @if (session('status'))
        <div class="flash-toast" data-flash>{{ session('status') }}</div>
    @endif

    @if($tableMissing ?? false)
        <p class="admin-alert">Stickers table is missing. Run <code>php artisan migrate</code>.</p>
    @else
        <form action="{{ route('gc.admin.stickers.bulk') }}" method="POST" enctype="multipart/form-data" class="admin-form admin-bulk-form">
            @csrf
            <h2>Bulk upload</h2>
            <label>Category <input type="text" name="category" required placeholder="Funny"></label>
            <label>Images <input type="file" name="images[]" accept="image/png,image/webp,image/gif,image/svg+xml" multiple required></label>
            <button type="submit">Upload stickers</button>
        </form>

        <table class="admin-table">
            <thead>
                <tr>
                    <th>Preview</th>
                    <th>Name</th>
                    <th>Category</th>
                    <th>Active</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($stickers as $sticker)
                <tr>
                    <td><img src="{{ $sticker->url() }}" alt="" class="admin-sticker-thumb"></td>
                    <td>{{ $sticker->name }}</td>
                    <td>{{ $sticker->category }}</td>
                    <td>{{ $sticker->is_active ? 'Yes' : 'No' }}</td>
                    <td class="admin-actions">
                        <a href="{{ route('gc.admin.stickers.edit', $sticker) }}">Edit</a>
                        <form action="{{ route('gc.admin.stickers.destroy', $sticker) }}" method="POST" onsubmit="return confirm('Delete this sticker?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="text-btn danger">Delete</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="5">No stickers yet.</td></tr>
                @endforelse
            </tbody>
        </table>
        {{ $stickers->links() }}
    @endif
</div>
@endsection