Symfony Structure

Overview of the Symfony structure and layout

This guide provides a comprehensive overview of the Symfony structure used in the Aquiry admin template. It explains how the layout is organized, the role of each partial, and how components are structured to create a fully responsive and modular dashboard interface.


<!DOCTYPE html>
<html lang="en" dir="ltr" data-bs-theme="light" data-layout="vertical" data-content-width="default" data-sidebar="default" data-topbar="light" data-sidebar-color="light">

    {% include 'partials/title-meta.html.twig' %}

    {% include 'partials/head-css.html.twig' %}
    {% block stylesheets %}{% endblock %}

    {% include 'partials/body.html.twig' %}

    <!-- Begin page -->
    <div id="layout-wrapper">

        {% include 'partials/menu.html.twig' %}

        <div class="main-content">

            <div class="page-content">
                <div class="container-fluid">
                    <!-- start page title -->
                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box d-flex align-items-center justify-content-between">
                                <h4 class="mb-sm-0"> {% block head_title %}{% endblock %}</h4>
                                <nav aria-label="breadcrumb" class="page-title-right">
                                    <ol class="breadcrumb border-0">
                                        <li class="breadcrumb-item">
                                            <a href="#!">
                                                <i class="mdi mdi-home-outline fs-18 lh-1"></i>
                                                <span class="visually-hidden">Home</span>
                                            </a>
                                        </li>
                                        <li class="breadcrumb-item">
                                            <a href="#!"> {% block head_sub_title %}{% endblock %}</a>
                                        </li>
                                        <li class="breadcrumb-item active" aria-current="page"> {% block title %}{% endblock %}</li>
                                    </ol>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <!-- end page title -->

                    {% block page_contents %}
                        <!-- Default content, replace or extend as needed -->
                        <p>Success</p>
                    {% endblock %}

                    {% include 'partials/footer.html.twig' %}
                    {% include 'partials/scroll-to-top.html.twig' %}
                </div>
            </div>
        </div>
    </div>

    {% include 'partials/right-sidebar.html.twig' %}

    {% block javascripts %}
        {% include 'partials/vendor-scripts.html.twig' %}
        {% block vendor_scripts %}{% endblock %}
        {% block page_scripts %}{% endblock %}
    {% endblock %}

</html>