@extends('layouts.app')

@section('content')
<div class="admin-panel">
    <header class="admin-header">
        <h1>Edit Sticker</h1>
        <a href="{{ route('gc.admin.stickers.index') }}">← Back</a>
    </header>

    <form action="{{ route('gc.admin.stickers.update', $sticker) }}" method="POST" enctype="multipart/form-data" class="admin-form">
        @csrf
        @method('PUT')

        <div class="admin-sticker-preview">
            <img src="{{ $sticker->url() }}" alt="">
        </div>

        <label>Name <input type="text" name="name" value="{{ old('name', $sticker->name) }}" required></label>
        <label>Category
            <input type="text" name="category" list="sticker-categories" value="{{ old('category', $sticker->category) }}" required>
            <datalist id="sticker-categories">
                @foreach($categories as $cat)
                    <option value="{{ $cat }}">
                @endforeach
            </datalist>
        </label>
        <label>Replace image <input type="file" name="image" accept="image/png,image/webp,image/gif,image/svg+xml"></label>
        <label><input type="checkbox" name="is_active" value="1" @checked(old('is_active', $sticker->is_active))> Active</label>

        <button type="submit">Save changes</button>
    </form>
</div>
@endsection