@extends('layouts.app')

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

    <form action="{{ route('gc.admin.stickers.store') }}" method="POST" enctype="multipart/form-data" class="admin-form">
        @csrf
        <label>Name <input type="text" name="name" value="{{ old('name') }}" required></label>
        @error('name')<span class="form-error">{{ $message }}</span>@enderror

        <label>Category
            <input type="text" name="category" list="sticker-categories" value="{{ old('category', 'Custom') }}" required>
            <datalist id="sticker-categories">
                @foreach($categories as $cat)
                    <option value="{{ $cat }}">
                @endforeach
            </datalist>
        </label>
        @error('category')<span class="form-error">{{ $message }}</span>@enderror

        <label>Image (PNG, WebP, GIF, SVG) <input type="file" name="image" accept="image/png,image/webp,image/gif,image/svg+xml" required></label>
        @error('image')<span class="form-error">{{ $message }}</span>@enderror

        <label><input type="checkbox" name="is_active" value="1" checked> Active</label>

        <button type="submit">Create sticker</button>
    </form>
</div>
@endsection