@extends('layouts.tenant', ['title' => 'Stickers'])

@section('content')
    <div class="mb-4">
        <form action="{{ route('universal.sticker-packs.stickers.store', ['sticker_pack' => $stickerPack]) }}" method="post"
            enctype="multipart/form-data">
            @csrf
            <x-card>
                <div class="flex items-center">
                    <div class="mr-4">
                        <x-form.label value="Add new stickers" />
                        <x-form.input type="file" class="w-full border border-gray-300 rounded p-2" name="sticker_files[]"
                            multiple />
                        <x-form.input-error for="sticker_files" />
                    </div>

                    <div class="mt-4">
                        <button type="submit" class="bg-green-500 hover:bg-green-600 text-white p-2 font-bold rounded"
                            title="Upload">
                            <x-icons.cloud-arrow-up />
                        </button>
                    </div>
                </div>
            </x-card>
        </form>
    </div>
    <div>
        @foreach ($stickerPack->stickers as $sticker)
            <div class="p-4">
                <img src="{{ $sticker->get_thumb_url }}">
            </div>
        @endforeach
    </div>
@endsection