{% extends "cabinet/base.html" %}
{% block content %}
<header class="fc-page-header">
    <div>
        <p class="fc-eyebrow">{{ module.label }}</p>
        <h1>{{ page.title }}</h1>
        {% if page.subtitle %}<p class="fc-muted">{{ page.subtitle }}</p>{% endif %}
    </div>
</header>
<form class="fc-card fc-form" action="{{ page.action_url }}" method="post">
    <input type="hidden" name="_method" value="{{ page.method }}">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    {% if page.errors %}
        <div class="fc-alert is-error" role="alert">
            {% for error in page.errors %}<p>{{ error }}</p>{% endfor %}
        </div>
    {% endif %}
    {% for field in page.fields %}
        {% if field.input_type == "hidden" %}
            <input type="hidden" name="{{ field.name }}" value="{{ field.value }}">
        {% else %}
        <label class="fc-field">
            <span>{{ field.label }}{% if field.required %} <span aria-hidden="true">*</span>{% endif %}</span>
            {% if field.input_type == "textarea" %}
                <textarea name="{{ field.name }}" placeholder="{{ field.placeholder }}"{% if field.required %} required{% endif %}{% if field.disabled %} disabled{% endif %}>{{ field.value }}</textarea>
            {% elif field.input_type == "select" %}
                <select name="{{ field.name }}"{% if field.required %} required{% endif %}{% if field.disabled %} disabled{% endif %}>
                    {% for choice in field.choices %}
                        <option value="{{ choice.value }}"{% if choice.selected %} selected{% endif %}>{{ choice.label }}</option>
                    {% endfor %}
                </select>
            {% elif field.input_type == "checkbox" %}
                <input type="checkbox" name="{{ field.name }}" value="1"{% if field.value %} checked{% endif %}{% if field.disabled %} disabled{% endif %}>
            {% else %}
                <input type="{{ field.input_type }}" name="{{ field.name }}" value="{{ field.value }}" placeholder="{{ field.placeholder }}"{% if field.required %} required{% endif %}{% if field.disabled %} disabled{% endif %}>
            {% endif %}
            {% if field.help_text %}<small class="fc-muted">{{ field.help_text }}</small>{% endif %}
            {% for error in field.errors %}<small class="fc-error">{{ error }}</small>{% endfor %}
        </label>
        {% endif %}
    {% endfor %}
    <div class="fc-actions">
        <button class="fc-button is-primary" type="submit">{{ page.submit_label }}</button>
        {% if page.cancel_url %}<a class="fc-button" href="{{ page.cancel_url }}">{{ page.cancel_label }}</a>{% endif %}
    </div>
</form>
{% endblock %}