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

{% block page_title %}Price rules{% endblock %}

{% block extra_head %}
<link rel="stylesheet" href="/plugins/booking/assets/css/booking.css">
{% endblock %}

{% block admin_content %}
<div data-plugin="booking">
    <div id="booking-crud-config"
         data-form-url="/plugins/booking/assets/admin/price_rule_form.json"
         data-save-url="/plugins/booking/api-price-rule-save"
         data-get-url="/plugins/booking/api-price-rule-get"
         data-create-title="Add price rule"
         data-edit-title="Edit price rule"
         data-entity="price-rule"
         data-venues="{{ venues | json_encode }}"></div>

    {{ crud::shell_open(config_url="/plugins/booking/assets/admin/price_rules_list.json", mount_id="booking-price-rules-list", custom_mount=true) }}
    <table class="blocks-admin-table responsive-table">
        <thead></thead>
        <tbody>
            <tr><td colspan="7" class="crud-empty-state text-center">Loading…</td></tr>
        </tbody>
    </table>
    {{ crud::shell_close() }}

    <div id="booking-form-modal" class="crud-modal" role="dialog" aria-modal="true" aria-labelledby="booking-form-modal-title" aria-hidden="true">
        <div class="modal-content w-[calc(100%-2rem)] max-w-xl">
            <div class="modal-header">
                <h3 id="booking-form-modal-title">Price rule</h3>
                <button type="button" class="close-btn booking-modal-close blocks-button blocks-button-secondary" aria-label="Close">&times;</button>
            </div>
            <div class="modal-body">
                <div id="booking-form-fields"></div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script src="/plugins/booking/assets/js/admin_crud.js"></script>
{% endblock %}