<x-admin-app-layout>
    <div class="white-box">
        <x-admin::page-header title="{{ __('Levels') }}" :buttons="$buttons" />
        <x-admin::table :columns="$columns" :data="$levels" />
    </div>

    <x-admin::modal modalId="level_create_modal" title="Add New Level">
        <form class="form-submit-add" method="POST">
            @csrf
            <x-admin::text-input-group name="title" label="Title" />

            <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="level_edit_modal" title="Edit Level">
        <form class="form-submit-edit" method="POST">
            @csrf
            <x-admin::text-input-group name="title" label="Title" />

            <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-app-layout>
