{% extends "admin_base.html" %}
{% import "macros/admin_management_header.html" as mh %}

{% block page_title %}{% if is_edit %}Edit{% else %}New{% endif %} Delivery Slot{% endblock %}

{% block extra_head %}
<link rel="stylesheet" href="/static/dist/platform-ui/platform.css">
<link rel="stylesheet" href="/plugins/delivery-slot/assets/css/delivery-slot.ui.css">
{% endblock %}

{% block admin_content %}
{% if is_edit %}
{% set ds_title = "Edit Delivery Slot" %}
{% else %}
{% set ds_title = "New Delivery Slot" %}
{% endif %}
{{ mh::management_header_simple(title=ds_title, subtitle="", back_href="/plugins/delivery-slot", back_label="Back to Slots", include_actions_column=false) }}

<div class="ds-form-card" data-allowed-days="{{ slot.allowed_days | default(value='[]') | json_encode }}">
    <form id="deliverySlotForm"
        data-action="{% if is_edit %}/plugins/delivery-slot/api/update/{{ slot.id }}{% else %}/plugins/delivery-slot/api/create{% endif %}">

        <div class="ds-field">
            <label for="ds-name">Name</label>
            <input class="blocks-input" type="text" id="ds-name" name="name" value="{{ slot.name | default(value='') }}" required
                placeholder="e.g. Morning Slot">
        </div>

        <div class="ds-form-grid">
            <div class="ds-field">
                <label for="ds-start">Start Time</label>
                <input class="blocks-input" type="time" id="ds-start" name="start_time" value="{{ slot.start_time | default(value='') }}"
                    required>
            </div>
            <div class="ds-field">
                <label for="ds-end">End Time</label>
                <input class="blocks-input" type="time" id="ds-end" name="end_time" value="{{ slot.end_time | default(value='') }}" required>
            </div>
        </div>

        <div class="ds-form-grid">
            <div class="ds-field">
                <label for="ds-capacity">Capacity (Orders)</label>
                <input class="blocks-input" type="number" id="ds-capacity" name="capacity" value="{{ slot.capacity | default(value=10) }}"
                    min="1" required>
            </div>
            <div class="ds-field">
                <label for="ds-lead">Lead Time (Minutes)</label>
                <input class="blocks-input" type="number" id="ds-lead" name="lead_time_minutes"
                    value="{{ slot.lead_time_minutes | default(value=60) }}" min="0" required>
                <p class="ds-help">Minimum time before slot starts to allow booking</p>
            </div>
        </div>

        <div class="ds-field">
            <label>Allowed Days</label>
            <div class="day-pills" id="dayPills">
                {% set days = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"] %}
                {% for day in days %}
                <label class="ds-day">
                    <input type="checkbox" class="day-checkbox" value="{{ day }}">
                    <span>{{ day }}</span>
                </label>
                {% endfor %}
            </div>
            <input type="hidden" name="allowed_days" id="allowed-days-input" value="[]">
        </div>

        <div class="ds-field">
            <label class="ds-active">
                <input type="checkbox" id="is_active" name="is_active" {% if not is_edit %}checked{% endif %}
                    data-active="{{ slot.is_active | default(value=true) }}">
                <span>Active</span>
            </label>
        </div>

        <div class="ds-actions">
            <button type="submit" class="blocks-button blocks-button-primary">
                {% if is_edit %}Update Slot{% else %}Create Slot{% endif %}
            </button>
            <a href="/plugins/delivery-slot" class="blocks-button blocks-button-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}

{% block scripts %}
<script src="/plugins/delivery-slot/assets/js/admin_delivery_slot_form.js"></script>
{% endblock %}