{% extends 'layout.html.twig' %}
{% block metaHeader %}
    <meta property="og:title" content="durand">
    <meta property="og:description" content="{{ 'meta.expertise.description'|trans }}">
    <meta property="og:url" content="{{ app.request.uri }}">
{% endblock %}
{% block styles %}
    {{ parent() }}
    <link rel="stylesheet" type="text/css"
          href="{{ absolute_url(asset('vendor/icon-kit/dist/css/iconkit.min.css')) }}"/>
    <link rel="stylesheet" type="text/css"
          href="{{ absolute_url(asset('vendor/ionicons/dist/css/ionicons.min.css')) }}"/>
    <link rel="stylesheet" href="{{ asset('lib/slick/slick.css') }}">
    <link rel="stylesheet" href="{{ asset('lib/fontawesome/css/fontawesome.min.css') }}">
    <link rel="stylesheet" href="{{ asset('lib/fontawesome/css/brands.min.css') }}">
    <link rel="stylesheet" href="{{ asset('lib/fontawesome/css/solid.min.css') }}">
    <link rel="stylesheet" href="{{ asset('lib/mmenu/mmenu.css') }}">
    <link rel="stylesheet" href="{{ asset('lib/slick/slick-theme.css') }}">
    <link rel="stylesheet" href="{{ asset('lib/selectjs/select2.min.css') }}">
    <link href="{{ asset('css/front/style.css') }}" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
          rel="stylesheet">
{% endblock %}
{% block javascripts %}
    <script src="{{ asset('js/front/jquery-3.7.1.min.js') }}"></script>
    <script src="{{ asset('js/front/jquery-migrate-3.4.1.min.js') }}"></script>
    <script src="{{ asset('lib/mmenu/mmenu.js') }}"></script>
    <script src="{{ asset('lib/slick/slick.min.js') }}"></script>
    <script src="{{ asset('lib/selectjs/select2.min.js') }}"></script>
    <script src="{{ asset('js/front/global.js') }}"></script>

    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const searchInput = document.getElementById("search-input");
            const searchDropdown = document.getElementById("search-dropdown");

            searchInput.addEventListener("input", function () {
                if (this.value.length > 2) {
                    searchDropdown.style.display = "block";
                } else {
                    searchDropdown.style.display = "none";
                }
            });

            document.addEventListener("click", function (event) {
                if (!searchDropdown.contains(event.target) && event.target !== searchInput) {
                    searchDropdown.style.display = "none";
                }
            });
        });

        document.querySelectorAll('.m_menu-lang a').forEach(link => {
            link.addEventListener('click', (event) => {
                event.stopPropagation(); // Prevent parent handlers from interfering
            });
        });
        document.addEventListener(
            "DOMContentLoaded", () => {
                new Mmenu("#m_menu-mobile", {
                    "theme": "white",
                    offCanvas: {
                        position: "bottom"
                    },
                    "navbars": [
                        {
                            height: 2,
                            "content": [
                                "close"
                            ]
                        }
                    ]
                });
            }
        );

    </script>
{% endblock %}
{% block foundation %}
    <div class="m_site m_site-home m_position-relative">
        {% block header %}
            {{ render(controller("App\\Controller\\Foundation\\Front\\MenuController::menu")) }}
        {% endblock %}
        {% block front %}
        {% endblock %}
        {% block footer %}
            {{ render(controller("App\\Controller\\Foundation\\Front\\FooterController::footer")) }}
        {% endblock %}
    </div>
{% endblock %}