{% extends "base.html" %}
{% from "macros/url.html" import prepend_bu_prefix %}
{#
Base template for create/edit form pages.
Follows REST conventions: /resource/new (create), /resource/<id> (edit/delete)
Adapted for Bootstrap 3.

Required variables:
  - title: Page heading
  - is_update: bool - Edit mode (true) or create mode (false)

Optional variables (have sensible defaults):
  - form_action: Defaults to list_url for create, request.path for edit
  - form_method: Defaults to POST for create, PUT for edit
  - success_url: Defaults to list_url (parent path)
  - cancel_url: Defaults to success_url
  - info_message: Optional info alert
  - use_form_handler: Set false for traditional POST forms

Blocks:
  - form_fields: The form inputs (required)
  - form_buttons: Override default buttons
  - extra_content: Content after form
#}

{# Compute list URL (parent path) - works for both /new and /<id> #}
{% set _list_url = prepend_bu_prefix(request.path.rsplit('/', 1)[0] + '/') %}
{# is_update should be passed directly from backend #}
{% set _is_update = is_update | default(false) %}

{# Apply defaults based on conventions #}
{% set _form_action = form_action | default(_list_url if not _is_update else prepend_bu_prefix(request.path)) %}
{% set _form_method = form_method | default('PUT' if _is_update else 'POST') %}
{% set _success_url = success_url | default(_list_url) %}
{% set _cancel_url = cancel_url | default(_success_url) %}

{% block head_css %}
{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', filename='eportal-css/crud/base.css') }}">
<meta name="csrf-token" content="{{ csrf_token() }}">
{% endblock %}

{% block body %}

{# Error alert - shown by JS on form errors, or by server on page load #}
<div id="error-alert" class="alert alert-danger{% if not (error is defined and error) %} hidden{% endif %}" role="alert">
    {{ error if error is defined else '' }}
</div>

{% if info_message is defined and info_message %}
<div class="alert alert-info" role="alert">
    {{ info_message }}
</div>
{% endif %}

<div class="panel panel-default crud-form-panel">
    <div class="panel-heading">
        <h3 class="panel-title">{{ title }}</h3>
    </div>
    <div class="panel-body">
        {% if use_form_handler | default(true) %}
        <form class="crud-form"
              action="{{ _form_action }}"
              data-form-handler
              {% if custom_form_handler | default(false) %}data-form-handler-custom{% endif %}
              data-method="{{ _form_method }}"
              data-success-url="{{ _success_url }}">
        {% else %}
        <form class="crud-form"
              action="{{ _form_action }}"
              method="post">
        {% endif %}

            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

            {% block form_fields %}{% endblock %}

            <div class="crud-form-buttons">
                {% block form_buttons %}
                <button type="submit" class="btn btn-primary">{{ 'Save' if _is_update else 'Create' }}</button>
                {% if _is_update %}
                <button type="button" class="btn btn-danger"
                        data-delete-url="{{ prepend_bu_prefix(request.path) }}"
                        data-delete-message="Are you sure? This action cannot be undone."
                        data-delete-success="{{ _success_url }}">Delete</button>
                {% endif %}
                <a href="{{ _cancel_url }}" class="btn btn-default">Cancel</a>
                {% endblock %}
            </div>
        </form>
    </div>
</div>

{% block extra_content %}{% endblock %}

{% endblock %}

{% block tail %}
{{ super() }}
<script src="{{ url_for('static', filename='eportal-js/crud/utils.js') }}"></script>
<script src="{{ url_for('static', filename='eportal-js/crud/form-handler.js') }}"></script>
<script src="{{ url_for('static', filename='eportal-js/crud/delete-confirm.js') }}"></script>
{% block page_scripts %}{% endblock %}
{% endblock %}