<x-admin-app-layout>
    <div class="white-box">
        <x-admin::page-header title="{{ __('Categories') }}" :buttons="$buttons" />
        <x-admin::table :columns="$columns" :data="$contest_categories" />
    </div>
    <x-admin::modal modalId="contest-category-create" title="Add new Contest Category">
        <form class="form-submit-add" method="POST">
            @csrf
            <x-admin::text-input-group name="title" label="Title" />
            <div class="input-group">
                <x-admin::label for="image">
                    {{ __('Image') }}
                </x-admin::label>
                <x-admin::file-uploader id="image" name="image" />
                <x-admin::input-error name="image" />
            </div>
            <div class="flex items-center justify-end mt-4">
                <x-admin::primary-button type="submit">
                    {{ __('Save') }}
                </x-admin::primary-button>
            </div>
        </form>
    </x-admin::modal>
    <x-admin::modal modalId="contest-category-edit" title="Edit new Contest Category">
        <form class="form-submit-edit" method="POST">
            @csrf
            <x-admin::text-input-group name="title" label="Title" />
            <div class="input-group">
                <x-admin::label for="image">
                    {{ __('Image') }}
                </x-admin::label>
                <x-admin::file-uploader id="image" name="image" : />
                <x-admin::input-error name="image" />
            </div>
            <div class="flex items-center justify-end mt-4">
                <x-admin::primary-button type="submit">
                    {{ __('Save') }}
                </x-admin::primary-button>
            </div>
        </form>
    </x-admin::modal>
    @push('scripts')
        @vite('resources/admin/js/contest/category.js')
    @endpush
</x-admin-app-layout>
