{% extends 'microsys/list_base.html' %}
{% load crispy_forms_tags %}
{% load django_tables2 %}
{% load static %}

{% block extra_head %}
    {% include "microsys/forms/assets_head.html" %}
    {{ block.super }}
{% endblock %}

{% block title %}
    {{ page_title }}
{% endblock title %}

{% block content %}
<div class="container-fluid py-4 page-bg fade-in">

    {% if form %}
    <div id="globalFormCard" class="card shadow-sm border-0 bg-white rounded-4 mb-4">
        <div class="card-header bg-white border-0 py-3 d-flex justify-content-between align-items-center">
            <h5 class="mb-0 fw-bold">{{ page_title }}</h5>
        </div>
        <div id="globalFormCardBody" class="card-body px-4 pt-1 pb-4 microsys-form">
            <form method="post" novalidate class="microsys-form">
                {% csrf_token %}
                {% crispy form %}
            </form>
        </div>
    </div>
    {% endif %}

    {% if filter %}
    <div class="card shadow-sm border-0 bg-white rounded-4 mb-4">
        <div class="card-header bg-white border-0 py-3">
            <h5 class="mb-0 fw-bold">
                <i class="bi bi-funnel me-2"></i> {{ MS_TRANS.filters|default:"خيارات البحث" }}
            </h5>
        </div>
        <div class="card-body px-4 pt-1 pb-4">
            {% crispy filter.form %}
        </div>
    </div>
    {% endif %}

    {% if table %}
    <div class="card border-0 rounded-4 shadow-sm table-card">
        <div class="card-body p-0">
            <div class="table-responsive">
                {% render_table table %}
            </div>
        </div>
    </div>
    {% endif %}

</div>

<script src="{% static 'core/js/form_toggle.js' %}" nonce="{{ request.csp_nonce }}" defer></script>
{% endblock content %}