{% extends "admin_base.html" %}
{% import "macros/admin_crud_list.html" as crud %}
{% import "macros/modal.html" as modal %}
{% import "macros/loading_spinner.html" as spinner %}

{% block extra_head %}
{% endblock %}

{% block page_title %}Scratch Cards Management{% endblock %}
{% block admin_content %}
{{ crud::shell_open(config_url="/plugins/scratch-card/assets/admin/cards_list.json", mount_id="scratch-card-list", custom_mount=true) }}

<div class="mt-5 overflow-x-auto">
<table class="min-w-full">
    <thead></thead>
    <tbody>
        {{ spinner::table_skeleton(colspan=7, lines=4, label="Loading scratch cards…") }}
    </tbody>
</table>
</div>

{{ crud::shell_close() }}

{{ modal::modal(id="createCardModal", title='<h3 id="scratch-issue-modal-title">Issue Manual Scratch Card</h3>', body_html='<div id="scratch-issue-form-fields"></div>', extra_class="w-[calc(100vw-2rem)] max-w-xl") }}
{% endblock %}

{% block scripts %}
<script src="/plugins/scratch-card/assets/js/scratch_card_list.js"></script>
{% endblock %}