{% extends "bloomerp_base.html" %}

{% load static %}

{% block body %}
<div class="mx-auto max-w-6xl p-4">
    <div class="space-y-4">
        <c-ui.text.title>{{ object.name }}</c-ui.text.title>
        <c-ui.text.text>{{ object.description|safe|default:"" }}</c-ui.text.text>
    
        {% if layout_non_field_errors %}
            {% for error in layout_non_field_errors %}
            <div class="alert-message-error rounded px-4 py-3" role="alert">
                <div class="alert-message">{{ error }}</div>
            </div>
            {% endfor %}
        {% endif %}

        {% if form_submitted_successfully %}

            <c-ui.text.text>{{ form_submission_message }}</c-ui.text.text>
            <a href="{{ request.path }}" class="btn btn-sm btn-primary">
                <c-blocktrans>Submit a new form</c-blocktrans>
            </a>

        {% elif form_submission_error_message %}

            <div class="alert-message-error rounded px-4 py-3" role="alert">
                <div class="alert-message">{{ form_submission_error_message }}</div>
            </div>

        {% else %}
            <form method="post" action="{{ request.path }}" enctype="multipart/form-data">
                {% csrf_token %}
                <c-layout.container component_name="object-crud-view-container" :layout="layout"
                    :layout_object_id="layout_object_id" :layout_object_content_type_id="layout_object_content_type_id"
                    :can_edit="can_change_layout" :can_delete="can_delete_layout_object"
                    :extra_attrs="layout_container_extra_attrs">
                    <c-slot name="buttons_left">
                        <div data-toggle-non-required-fields-container>
                            <c-ui.shortcut_tooltip shortcut="mod+." position="bottom">
                                <button type="button" class="btn btn-sm btn-secondary" data-toggle-non-required-fields
                                    aria-pressed="false">
                                    <i class="fa fa-asterisk"></i>
                                    <span data-toggle-non-required-fields-label>
                                        <c-blocktrans>
                                            Show Required Only
                                        </c-blocktrans>
                                    </span>
                                </button>
                            </c-ui.shortcut_tooltip>
                        </div>
                    </c-slot>

                    <c-slot name="buttons_right">
                        <button type="submit" class="btn btn-sm btn-primary">
                            Submit
                        </button>
                    </c-slot>

                    {% include "inclusion_tags/sectioned_layout_rows.html" %}
                </c-layout.container>
            </form>
        {% endif %}
    </div>
</div>

<div id="bloomerp-messages"></div>
<c-ui.modal id="bloomerp-general-use-modal" />

{% include 'snippets/vite_bundle.html' %}

{% endblock %}