{% set route_name = request.attributes.get('_route') %}
{% set route_name_split = route_name|split('_') %}
{% set active = route_name_split[1] %}

{% if route_name == 'app_system_default' %}
    <div class="row row-cols-2 row-cols-md-3 row-cols-lg-5">
        <div class="col mb-6">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-300px {% if active == 'anasayfa' %}active{% endif %}"
               href="{{ path('app_anasayfa_index') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold">ANASAYFA</span>
            </a>
        </div>
        <div class="col mb-6">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-300px {% if active == 'anasayfa' %}active{% endif %}"
               href="{{ path('app_anasayfa_slider') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold">ANASAYFA SLİDER</span>
            </a>
        </div>
        <div class="col mb-6">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-300px {% if active == 'anasayfa' %}active{% endif %}"
               href="{{ path('app_sayfabaslik_index') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold"> SAYFA AYARLARI</span>
            </a>
        </div>
        <div class="col mb-6">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-300px {% if active == 'urunkategorileri' %}active{% endif %}"
               href="{{ path('app_urunkategorileri_index') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold">ÜRÜN KATEGORİLERİ</span>
            </a>
        </div>
        <div class="col mb-6">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-300px {% if active == 'urungruplari' %}active{% endif %}"
               href="{{ path('app_urungruplari_index') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold">ÜRÜN GRUPLARI</span>
            </a>
        </div>
        <div class="col mb-6">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-300px {% if active == 'anasayfa' %}active{% endif %}"
               href="{{ path('app_uretimler_bolum_index') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold">ÜRETİM</span>
            </a>
        </div>
        <div class="col mb-6">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-300px {% if active == 'kurumsal' %}active{% endif %}"
               href="{{ path('app_kurumsal_index') }}">
            <span class="svg-icon svg-icon-3x mb-5 mx-0">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path opacity="0.3"
                          d="M19 22H5C4.4 22 4 21.6 4 21V3C4 2.4 4.4 2 5 2H14L20 8V21C20 21.6 19.6 22 19 22ZM12.5 18C12.5 17.4 12.6 17.5 12 17.5H8.5C7.9 17.5 8 17.4 8 18C8 18.6 7.9 18.5 8.5 18.5L12 18C12.6 18 12.5 18.6 12.5 18ZM16.5 13C16.5 12.4 16.6 12.5 16 12.5H8.5C7.9 12.5 8 12.4 8 13C8 13.6 7.9 13.5 8.5 13.5H15.5C16.1 13.5 16.5 13.6 16.5 13ZM12.5 8C12.5 7.4 12.6 7.5 12 7.5H8C7.4 7.5 7.5 7.4 7.5 8C7.5 8.6 7.4 8.5 8 8.5H12C12.6 8.5 12.5 8.6 12.5 8Z"
                          fill="black"/>
                    <rect x="7" y="17" width="6" height="2" rx="1" fill="black"/>
                    <rect x="7" y="12" width="10" height="2" rx="1" fill="black"/>
                    <rect x="7" y="7" width="6" height="2" rx="1" fill="black"/>
                    <path d="M15 8H20L14 2V7C14 7.6 14.4 8 15 8Z" fill="black"/>
                </svg>
            </span>
                <span class="fs-6 fw-bold">HAKKIMIZDA</span>
            </a>
        </div>
        <div class="col mb-6">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-300px {% if active == 'blog' %}active{% endif %}"
               href="{{ path('app_blog_index') }}">
            <span class="svg-icon svg-icon-3x mb-5 mx-0">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path opacity="0.3"
                          d="M19 22H5C4.4 22 4 21.6 4 21V3C4 2.4 4.4 2 5 2H14L20 8V21C20 21.6 19.6 22 19 22ZM12.5 18C12.5 17.4 12.6 17.5 12 17.5H8.5C7.9 17.5 8 17.4 8 18C8 18.6 7.9 18.5 8.5 18.5L12 18C12.6 18 12.5 18.6 12.5 18ZM16.5 13C16.5 12.4 16.6 12.5 16 12.5H8.5C7.9 12.5 8 12.4 8 13C8 13.6 7.9 13.5 8.5 13.5H15.5C16.1 13.5 16.5 13.6 16.5 13ZM12.5 8C12.5 7.4 12.6 7.5 12 7.5H8C7.4 7.5 7.5 7.4 7.5 8C7.5 8.6 7.4 8.5 8 8.5H12C12.6 8.5 12.5 8.6 12.5 8Z"
                          fill="black"/>
                    <rect x="7" y="17" width="6" height="2" rx="1" fill="black"/>
                    <rect x="7" y="12" width="10" height="2" rx="1" fill="black"/>
                    <rect x="7" y="7" width="6" height="2" rx="1" fill="black"/>
                    <path d="M15 8H20L14 2V7C14 7.6 14.4 8 15 8Z" fill="black"/>
                </svg>
            </span>
                <span class="fs-6 fw-bold">BLOG</span>
            </a>
        </div>
        <div class="col mb-6">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-300px {% if active == 'katalog' %}active{% endif %}"
               href="{{ path('app_katalog') }}">
            <span class="svg-icon svg-icon-3x mb-5 mx-0">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path opacity="0.3"
                          d="M19 22H5C4.4 22 4 21.6 4 21V3C4 2.4 4.4 2 5 2H14L20 8V21C20 21.6 19.6 22 19 22ZM12.5 18C12.5 17.4 12.6 17.5 12 17.5H8.5C7.9 17.5 8 17.4 8 18C8 18.6 7.9 18.5 8.5 18.5L12 18C12.6 18 12.5 18.6 12.5 18ZM16.5 13C16.5 12.4 16.6 12.5 16 12.5H8.5C7.9 12.5 8 12.4 8 13C8 13.6 7.9 13.5 8.5 13.5H15.5C16.1 13.5 16.5 13.6 16.5 13ZM12.5 8C12.5 7.4 12.6 7.5 12 7.5H8C7.4 7.5 7.5 7.4 7.5 8C7.5 8.6 7.4 8.5 8 8.5H12C12.6 8.5 12.5 8.6 12.5 8Z"
                          fill="black"/>
                    <rect x="7" y="17" width="6" height="2" rx="1" fill="black"/>
                    <rect x="7" y="12" width="10" height="2" rx="1" fill="black"/>
                    <rect x="7" y="7" width="6" height="2" rx="1" fill="black"/>
                    <path d="M15 8H20L14 2V7C14 7.6 14.4 8 15 8Z" fill="black"/>
                </svg>
            </span>
                <span class="fs-6 fw-bold">KATALOG</span>
            </a>
        </div>
        <div class="col mb-6">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-300px {% if active == 'adres' or active == 'telefon' or active == 'sosyalmedya' %}active{% endif %}"
               href="{{ path('app_contact_index') }}">
            <span class="svg-icon svg-icon-3x mb-5 mx-0">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path d="M20 14H18V10H20C20.6 10 21 10.4 21 11V13C21 13.6 20.6 14 20 14ZM21 19V17C21 16.4 20.6 16 20 16H18V20H20C20.6 20 21 19.6 21 19ZM21 7V5C21 4.4 20.6 4 20 4H18V8H20C20.6 8 21 7.6 21 7Z"
                          fill="black"/>
                    <path opacity="0.3"
                          d="M17 22H3C2.4 22 2 21.6 2 21V3C2 2.4 2.4 2 3 2H17C17.6 2 18 2.4 18 3V21C18 21.6 17.6 22 17 22ZM10 7C8.9 7 8 7.9 8 9C8 10.1 8.9 11 10 11C11.1 11 12 10.1 12 9C12 7.9 11.1 7 10 7ZM13.3 16C14 16 14.5 15.3 14.3 14.7C13.7 13.2 12 12 10.1 12C8.10001 12 6.49999 13.1 5.89999 14.7C5.59999 15.3 6.19999 16 7.39999 16H13.3Z"
                          fill="black"/>
                </svg>
            </span>
                <span class="fs-6 fw-bold">İLETİŞİM</span>
            </a>
        </div>
        <div class="col mb-6">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-300px {% if route_name == 'app_system_ayarlar' %}active{% endif %}"
               href="{{ path('app_system_ayarlar') }}">
            <span class="svg-icon svg-icon-3x mb-5 mx-0">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path opacity="0.3"
                          d="M22.1 11.5V12.6C22.1 13.2 21.7 13.6 21.2 13.7L19.9 13.9C19.7 14.7 19.4 15.5 18.9 16.2L19.7 17.2999C20 17.6999 20 18.3999 19.6 18.7999L18.8 19.6C18.4 20 17.8 20 17.3 19.7L16.2 18.9C15.5 19.3 14.7 19.7 13.9 19.9L13.7 21.2C13.6 21.7 13.1 22.1 12.6 22.1H11.5C10.9 22.1 10.5 21.7 10.4 21.2L10.2 19.9C9.4 19.7 8.6 19.4 7.9 18.9L6.8 19.7C6.4 20 5.7 20 5.3 19.6L4.5 18.7999C4.1 18.3999 4.1 17.7999 4.4 17.2999L5.2 16.2C4.8 15.5 4.4 14.7 4.2 13.9L2.9 13.7C2.4 13.6 2 13.1 2 12.6V11.5C2 10.9 2.4 10.5 2.9 10.4L4.2 10.2C4.4 9.39995 4.7 8.60002 5.2 7.90002L4.4 6.79993C4.1 6.39993 4.1 5.69993 4.5 5.29993L5.3 4.5C5.7 4.1 6.3 4.10002 6.8 4.40002L7.9 5.19995C8.6 4.79995 9.4 4.39995 10.2 4.19995L10.4 2.90002C10.5 2.40002 11 2 11.5 2H12.6C13.2 2 13.6 2.40002 13.7 2.90002L13.9 4.19995C14.7 4.39995 15.5 4.69995 16.2 5.19995L17.3 4.40002C17.7 4.10002 18.4 4.1 18.8 4.5L19.6 5.29993C20 5.69993 20 6.29993 19.7 6.79993L18.9 7.90002C19.3 8.60002 19.7 9.39995 19.9 10.2L21.2 10.4C21.7 10.5 22.1 11 22.1 11.5ZM12.1 8.59998C10.2 8.59998 8.6 10.2 8.6 12.1C8.6 14 10.2 15.6 12.1 15.6C14 15.6 15.6 14 15.6 12.1C15.6 10.2 14 8.59998 12.1 8.59998Z"
                          fill="black"/>
                    <path d="M17.1 12.1C17.1 14.9 14.9 17.1 12.1 17.1C9.30001 17.1 7.10001 14.9 7.10001 12.1C7.10001 9.29998 9.30001 7.09998 12.1 7.09998C14.9 7.09998 17.1 9.29998 17.1 12.1ZM12.1 10.1C11 10.1 10.1 11 10.1 12.1C10.1 13.2 11 14.1 12.1 14.1C13.2 14.1 14.1 13.2 14.1 12.1C14.1 11 13.2 10.1 12.1 10.1Z"
                          fill="black"/>
                </svg>
            </span>
                <span class="fs-6 fw-bold">AYARLAR</span>
            </a>
        </div>
    </div>
{% else %}
    <ul class="nav flex-nowrap scroll-x row mb-10 pb-3">
        <li class="nav-item col-12 col-lg-2 mb-5 mb-lg-0">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-200px {% if active == 'anasayfa' %}active{% endif %}"
               href="{{ path('app_anasayfa_index') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold">ANASAYFA</span>
            </a>
        </li>
        <li class="nav-item col-12 col-lg-2 mb-5 mb-lg-0">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-200px {% if active == 'anasayfa' %}active{% endif %}"
               href="{{ path('app_anasayfa_slider') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold">ANASAYFA SLİDER</span>
            </a>
        </li>
        <li class="nav-item col-12 col-lg-2 mb-5 mb-lg-0">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-200px {% if active == 'sayfaayarlari' %}active{% endif %}"
               href="{{ path('app_sayfabaslik_index') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold">SAYFA AYARLARI</span>
            </a>
        </li>
        <li class="nav-item col-12 col-lg-2 mb-5 mb-lg-0">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-200px {% if active == 'urunkategorileri' %}active{% endif %}"
               href="{{ path('app_urunkategorileri_index') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold">ÜRÜN KATEGORİLERİ</span>
            </a>
        </li>
        <li class="nav-item col-12 col-lg-2 mb-5 mb-lg-0">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-200px {% if active == 'urungruplari' %}active{% endif %}"
               href="{{ path('app_urungruplari_index') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold">ÜRÜN GRUPLARI</span>
            </a>
        </li>
        <li class="nav-item col-12 col-lg-2 mb-5 mb-lg-0">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-200px {% if active == 'uretim' %}active{% endif %}"
               href="{{ path('app_uretimler_bolum_index') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold">ÜRETİM</span>
            </a>
        </li>
        <li class="nav-item col-12 col-lg-2 mb-5 mb-lg-0">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-200px {% if active == 'kurumsal' %}active{% endif %}"
               href="{{ path('app_kurumsal_index') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold">HAKKIMIZDA</span>
            </a>
        </li>
        <li class="nav-item col-12 col-lg-2 mb-5 mb-lg-0">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-200px {% if active == 'blog' %}active{% endif %}"
               href="{{ path('app_blog_index') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold">BLOG</span>
            </a>
        </li>
        <li class="nav-item col-12 col-lg-2 mb-5 mb-lg-0">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-200px {% if active == 'katalog' %}active{% endif %}"
               href="{{ path('app_katalog') }}">
                <span class="svg-icon svg-icon-3x mb-5 mx-0">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z"
                              fill="black"/>
                        <path opacity="0.3"
                              d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z"
                              fill="black"/>
                    </svg>
                </span>
                <span class="fs-6 fw-bold">KATALOG</span>
            </a>
        </li>
        <li class="nav-item col-12 col-lg-2 mb-5 mb-lg-0">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-200px {% if active == 'adres' or active == 'telefon' or active == 'sosyalmedya' %}active{% endif %}"
               href="{{ path('app_contact_index') }}">
            <span class="svg-icon svg-icon-3x mb-5 mx-0">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path d="M20 14H18V10H20C20.6 10 21 10.4 21 11V13C21 13.6 20.6 14 20 14ZM21 19V17C21 16.4 20.6 16 20 16H18V20H20C20.6 20 21 19.6 21 19ZM21 7V5C21 4.4 20.6 4 20 4H18V8H20C20.6 8 21 7.6 21 7Z"
                          fill="black"/>
                    <path opacity="0.3"
                          d="M17 22H3C2.4 22 2 21.6 2 21V3C2 2.4 2.4 2 3 2H17C17.6 2 18 2.4 18 3V21C18 21.6 17.6 22 17 22ZM10 7C8.9 7 8 7.9 8 9C8 10.1 8.9 11 10 11C11.1 11 12 10.1 12 9C12 7.9 11.1 7 10 7ZM13.3 16C14 16 14.5 15.3 14.3 14.7C13.7 13.2 12 12 10.1 12C8.10001 12 6.49999 13.1 5.89999 14.7C5.59999 15.3 6.19999 16 7.39999 16H13.3Z"
                          fill="black"/>
                </svg>
            </span>
                <span class="fs-6 fw-bold">İLETİŞİM</span>
            </a>
        </li>
        <li class="nav-item col-12 col-lg-2 mb-5 mb-lg-0">
            <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-ellvue d-flex flex-grow-1 flex-column flex-center py-5 h-125px h-lg-200px {% if route_name == 'app_system_ayarlar' %}active{% endif %}"
               href="{{ path('app_system_ayarlar') }}">
            <span class="svg-icon svg-icon-3x mb-5 mx-0">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path opacity="0.3"
                          d="M22.1 11.5V12.6C22.1 13.2 21.7 13.6 21.2 13.7L19.9 13.9C19.7 14.7 19.4 15.5 18.9 16.2L19.7 17.2999C20 17.6999 20 18.3999 19.6 18.7999L18.8 19.6C18.4 20 17.8 20 17.3 19.7L16.2 18.9C15.5 19.3 14.7 19.7 13.9 19.9L13.7 21.2C13.6 21.7 13.1 22.1 12.6 22.1H11.5C10.9 22.1 10.5 21.7 10.4 21.2L10.2 19.9C9.4 19.7 8.6 19.4 7.9 18.9L6.8 19.7C6.4 20 5.7 20 5.3 19.6L4.5 18.7999C4.1 18.3999 4.1 17.7999 4.4 17.2999L5.2 16.2C4.8 15.5 4.4 14.7 4.2 13.9L2.9 13.7C2.4 13.6 2 13.1 2 12.6V11.5C2 10.9 2.4 10.5 2.9 10.4L4.2 10.2C4.4 9.39995 4.7 8.60002 5.2 7.90002L4.4 6.79993C4.1 6.39993 4.1 5.69993 4.5 5.29993L5.3 4.5C5.7 4.1 6.3 4.10002 6.8 4.40002L7.9 5.19995C8.6 4.79995 9.4 4.39995 10.2 4.19995L10.4 2.90002C10.5 2.40002 11 2 11.5 2H12.6C13.2 2 13.6 2.40002 13.7 2.90002L13.9 4.19995C14.7 4.39995 15.5 4.69995 16.2 5.19995L17.3 4.40002C17.7 4.10002 18.4 4.1 18.8 4.5L19.6 5.29993C20 5.69993 20 6.29993 19.7 6.79993L18.9 7.90002C19.3 8.60002 19.7 9.39995 19.9 10.2L21.2 10.4C21.7 10.5 22.1 11 22.1 11.5ZM12.1 8.59998C10.2 8.59998 8.6 10.2 8.6 12.1C8.6 14 10.2 15.6 12.1 15.6C14 15.6 15.6 14 15.6 12.1C15.6 10.2 14 8.59998 12.1 8.59998Z"
                          fill="black"/>
                    <path d="M17.1 12.1C17.1 14.9 14.9 17.1 12.1 17.1C9.30001 17.1 7.10001 14.9 7.10001 12.1C7.10001 9.29998 9.30001 7.09998 12.1 7.09998C14.9 7.09998 17.1 9.29998 17.1 12.1ZM12.1 10.1C11 10.1 10.1 11 10.1 12.1C10.1 13.2 11 14.1 12.1 14.1C13.2 14.1 14.1 13.2 14.1 12.1C14.1 11 13.2 10.1 12.1 10.1Z"
                          fill="black"/>
                </svg>
            </span>
                <span class="fs-6 fw-bold">AYARLAR</span>
            </a>
        </li>
    </ul>
{% endif %}