==
<?php
function onStart(){
    $this['categories'] = Tps\Shops\Models\TopCategory::orderBy('sort_order')->limit(6)->get();
}
?>
==
<!-- Nav ============================= -->
<nav class="nav">
    <div class="auto_container">
        <div class="nav_wrap">
            <div class="nav_row">
                <ul class="nav_list">
                    <li>
                        <a href="{{'sales'|page}}">Новости и акции</a>
                    </li>
                    <li>
                        <a href="{{ url('/') }}/main-category/{{0}}/all">Все магазины</a>
                    </li>
                    <li>
                        <a href="{{ 'about'|page}}">Подробней о нас</a>
                    </li>
                </ul>

                <ul class="nav_list">
                    <li>
                        <a href="{{ 'contact'|page}}">
                            <span>
                                <svg width="18" height="14" viewBox="0 0 18 14" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M14.8332 0.333496H3.1665C2.50346 0.333496 1.86758 0.596888 1.39874 1.06573C0.929896 1.53457 0.666504 2.17045 0.666504 2.8335V11.1668C0.666504 11.8299 0.929896 12.4658 1.39874 12.9346C1.86758 13.4034 2.50346 13.6668 3.1665 13.6668H14.8332C15.4962 13.6668 16.1321 13.4034 16.6009 12.9346C17.0698 12.4658 17.3332 11.8299 17.3332 11.1668V2.8335C17.3332 2.17045 17.0698 1.53457 16.6009 1.06573C16.1321 0.596888 15.4962 0.333496 14.8332 0.333496ZM14.2748 2.00016L8.99984 5.9585L3.72484 2.00016H14.2748ZM14.8332 12.0002H3.1665C2.94549 12.0002 2.73353 11.9124 2.57725 11.7561C2.42097 11.5998 2.33317 11.3878 2.33317 11.1668V3.04183L8.49984 7.66683C8.64408 7.77501 8.81953 7.8335 8.99984 7.8335C9.18015 7.8335 9.35559 7.77501 9.49984 7.66683L15.6665 3.04183V11.1668C15.6665 11.3878 15.5787 11.5998 15.4224 11.7561C15.2661 11.9124 15.0542 12.0002 14.8332 12.0002Z"
                                        fill="white" />
                                </svg>
                            </span>

                            Контакты
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>
                                <svg width="16" height="14" viewBox="0 0 16 14" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M15.0082 1.90825L11.6749 0.408252H10.9915L7.99988 1.74992L5.00821 0.408252H4.96654L4.86654 0.333252H4.36654L1.03321 1.83325C0.86695 1.89696 0.725465 2.01224 0.629488 2.1622C0.533511 2.31217 0.488088 2.48893 0.499876 2.66659V12.8333C0.500108 12.9727 0.535323 13.1098 0.602294 13.2321C0.669266 13.3544 0.765853 13.458 0.883209 13.5333C1.01734 13.6199 1.17353 13.6662 1.33321 13.6666C1.45112 13.666 1.56758 13.6405 1.67488 13.5916L4.66654 12.2499L7.65821 13.5916H7.69988C7.79379 13.6355 7.8962 13.6583 7.99988 13.6583C8.10355 13.6583 8.20596 13.6355 8.29988 13.5916H8.34154L11.3332 12.2499L14.3249 13.5916C14.4322 13.6405 14.5486 13.666 14.6665 13.6666C14.8262 13.6662 14.9824 13.6199 15.1165 13.5333C15.2339 13.458 15.3305 13.3544 15.3975 13.2321C15.4644 13.1098 15.4996 12.9727 15.4999 12.8333V2.66659C15.4995 2.50628 15.453 2.34948 15.3658 2.21498C15.2786 2.08047 15.1544 1.97397 15.0082 1.90825ZM2.16654 3.19992L3.83321 2.45825V10.7916L2.16654 11.5333V3.19992ZM5.49988 2.45825L7.16654 3.19992V11.5333L5.49988 10.7916V2.45825ZM8.83321 3.19992L10.4999 2.45825V10.7916L8.83321 11.5333V3.19992ZM13.8332 11.5333L12.1665 10.7916V2.45825L13.8332 3.19992V11.5333Z"
                                        fill="white" />
                                </svg>
                            </span>

                            Схема ТРЦ
                        </a>
                    </li>
                    <li>
                        {% if user %}
                        <!--     <div class="user_group">
                            <a href="{{ 'profile'|page}}" class="user_profile user-link">
                                Profile
                            </a>
                            <a data-request="onLogout" data-request-data="redirect: '/'" class="user_logout user-link">
                                Logout
                            </a>
                        </div> -->
                        
                         {% else %}
                             <a href="#" class="modBtn" data-tab="#login">
                                <span>
                                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M15 4.1665L15 15.8332C15 16.2934 15.3731 16.6665 15.8333 16.6665C16.2936 16.6665 16.6667 16.2934 16.6667 15.8332L16.6667 4.1665C16.6667 3.70627 16.2936 3.33317 15.8333 3.33317C15.3731 3.33317 15 3.70627 15 4.1665Z"
                                            fill="white" />
                                        <path
                                            d="M14.1665 16.6665L15.8332 16.6665C16.2934 16.6665 16.6665 16.2934 16.6665 15.8332C16.6665 15.3729 16.2934 14.9998 15.8332 14.9998L14.1665 14.9998C13.7063 14.9998 13.3332 15.3729 13.3332 15.8332C13.3332 16.2934 13.7063 16.6665 14.1665 16.6665Z"
                                            fill="white" />
                                        <path
                                            d="M14.1665 5L15.8332 5C16.2934 5 16.6665 4.6269 16.6665 4.16667C16.6665 3.70643 16.2934 3.33333 15.8332 3.33333L14.1665 3.33333C13.7063 3.33333 13.3332 3.70643 13.3332 4.16667C13.3332 4.6269 13.7063 5 14.1665 5Z"
                                            fill="white" />
                                        <path
                                            d="M8.33316 6.66683C8.33316 6.53746 8.36328 6.40986 8.42113 6.29415C8.47899 6.17844 8.56299 6.07779 8.66649 6.00016C8.75404 5.9345 8.85366 5.88673 8.95967 5.85957C9.06568 5.83241 9.176 5.82639 9.28434 5.84187C9.39267 5.85735 9.4969 5.89401 9.59107 5.94977C9.68523 6.00552 9.76749 6.07928 9.83316 6.16683L12.3332 9.50016C12.4374 9.64288 12.4937 9.81507 12.4937 9.99183C12.4937 10.1686 12.4374 10.3408 12.3332 10.4835L9.98315 13.8168C9.85571 13.9965 9.66232 14.1184 9.44526 14.1559C9.2282 14.1933 9.00513 14.1433 8.82482 14.0168C8.73469 13.9537 8.65797 13.8733 8.59908 13.7803C8.54018 13.6874 8.50029 13.5836 8.48169 13.4752C8.4631 13.3667 8.46617 13.2556 8.49074 13.1484C8.5153 13.0411 8.56088 12.9397 8.62482 12.8502L10.6332 10.0002L8.49982 7.16683C8.39164 7.02258 8.33316 6.84714 8.33316 6.66683Z"
                                            fill="white" />
                                        <path
                                            d="M2.50016 9.99984C2.50016 9.77882 2.58796 9.56686 2.74424 9.41058C2.90052 9.2543 3.11248 9.1665 3.3335 9.1665L10.0002 9.1665C10.2212 9.1665 10.4331 9.2543 10.5894 9.41058C10.7457 9.56686 10.8335 9.77882 10.8335 9.99984C10.8335 10.2209 10.7457 10.4328 10.5894 10.5891C10.4331 10.7454 10.2212 10.8332 10.0002 10.8332L3.3335 10.8332C3.11248 10.8332 2.90052 10.7454 2.74424 10.5891C2.58796 10.4328 2.50016 10.2209 2.50016 9.99984Z"
                                            fill="white" />
                                    </svg>
                                </span>

                                Вход
                            </a>
                        {% endif %}
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>
<!-- Nav end ========================= -->

 <!-- Menu ============================= -->
<section class="menu">
    <div class="auto_container">
        <div class="menu_wrap">
            <form action="{{ 'search'|page }}" method="GET" class="menu_search">
                <h1 class="menu_search-title">
                    <span>Поиск</span> по сайту
                </h1>

                <div class="menu_search-input">
                    <input type="text" name="q" placeholder="Что будем искать?">
                </div>

                <button class="menu_search-btn" type="submit">
                    НАЙТИ
                </button>
            </form>

            <div class="mobile_buttons">
                <div class="row">
                    <a href="{{'about'|page}}" class="mobile_buttons-link">Подробней о нас</a>
                    <a href="{{'contact'|page}}" class="mobile_buttons-link">Контакты</a>
                    <a href="#" class="mobile_buttons-link">Схема ТРЦ</a>
                    <h4 class="mobile_buttons-link modBtn" data-tab="#login">Вход</h4>
                </div>
            </div>

            <div class="mobile_navs">
                <ul class="mobile_navs-list">
                    <li>
                        <a href="{{'sales'|page}}" class="mobile_navs-link">Новости и акции</a>
                    </li>
                    <li>
                        <a href="{{ url('/') }}/main-category/{{0}}/all" class="mobile_navs-link">Все магазины</a>
                    </li>
                    {% for top_category in categories %}
                        <li>
                            <a href="{{ url('/') }}/main-category/{{top_category.id}}/{{top_category.name}}"
                                class="mobile_navs-link">
                                 {{top_category.name}}
                             </a>
                        </li>
                    {% endfor %}
                </ul>

                {% if user %}
                    <span></span>
                    <a href="">Profile</a>
                
                    <div class="mobile_profile">
                      
                        <h5 class="mobile_profile-title">
                            {{user.name}}
                        </h5>

                        <a href="{{ 'profile'|page}}" class="mobile_profile-link">
                            Profile
                        </a>
                        <a href="#" data-request="onLogout" data-request-data="redirect: '/'"  
                            class="mobile_profile-link" >Выйти</a>
                    </div>
                {% endif %}
            </div>
            
            <div class="menu_box">
                {% for item in category_settings %}
                    <div class="menu_col">
                        {% for key, i in item %}
                            {% for top_category in top_categories.slice(i.start,1) %}
                                <div class="menu_col-group">
                                    <a href="{{ url('/') }}/main-category/{{top_category.id}}/{{top_category.name}}" class="footer_col-title">
                                        {{top_category.name}}
                                    </a>
                                    {% for  category in top_category.getCategories(i.limit) %}
                                        <a href="{{ url('/') }}/category/{{category.id}}/{{category.name}}" class="menu_col-link">{{category.name}}</a>
                                    {% endfor %}
                                </div>
                        
                            {% endfor %}
                        {% endfor %}
                    </div>
                {% endfor %}
            </div>

            <div class="footer_navs">
                <div class="footer_navs-col">
                    <p class="copyright">
                        © 2022 «BERKARAR» ТРЦ
                    </p>

                    <p class="footer_navs-txt">
                        Один из самых больших торгово- развлекательных центров Ашхабада
                    </p>
                </div>

                <div class="footer_navs-col">
                    <ul>
                        <li>
                            <a href="{{'sales'|page}}">Новости и акции</a>
                        </li>
                        <li>
                            <a href="{{ url('/') }}/main-category/{{0}}/all">Все магазины</a>
                        </li>
                        <li>
                            <a href="{{ 'about'|page}}">Подробней о нас</a>
                        </li>
                    </ul>
                </div>

                <div class="footer_navs-col">
                    <ul>
                        <li>
                            <a href="{{ 'contact'|page}}">
                                <span>
                                    <svg width="18" height="14" viewBox="0 0 18 14" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M14.8332 0.333496H3.1665C2.50346 0.333496 1.86758 0.596888 1.39874 1.06573C0.929896 1.53457 0.666504 2.17045 0.666504 2.8335V11.1668C0.666504 11.8299 0.929896 12.4658 1.39874 12.9346C1.86758 13.4034 2.50346 13.6668 3.1665 13.6668H14.8332C15.4962 13.6668 16.1321 13.4034 16.6009 12.9346C17.0698 12.4658 17.3332 11.8299 17.3332 11.1668V2.8335C17.3332 2.17045 17.0698 1.53457 16.6009 1.06573C16.1321 0.596888 15.4962 0.333496 14.8332 0.333496ZM14.2748 2.00016L8.99984 5.9585L3.72484 2.00016H14.2748ZM14.8332 12.0002H3.1665C2.94549 12.0002 2.73353 11.9124 2.57725 11.7561C2.42097 11.5998 2.33317 11.3878 2.33317 11.1668V3.04183L8.49984 7.66683C8.64408 7.77501 8.81953 7.8335 8.99984 7.8335C9.18015 7.8335 9.35559 7.77501 9.49984 7.66683L15.6665 3.04183V11.1668C15.6665 11.3878 15.5787 11.5998 15.4224 11.7561C15.2661 11.9124 15.0542 12.0002 14.8332 12.0002Z"
                                            fill="white" />
                                    </svg>
                                </span>

                                Контакты
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    <svg width="16" height="14" viewBox="0 0 16 14" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M15.0082 1.90825L11.6749 0.408252H10.9915L7.99988 1.74992L5.00821 0.408252H4.96654L4.86654 0.333252H4.36654L1.03321 1.83325C0.86695 1.89696 0.725465 2.01224 0.629488 2.1622C0.533511 2.31217 0.488088 2.48893 0.499876 2.66659V12.8333C0.500108 12.9727 0.535323 13.1098 0.602294 13.2321C0.669266 13.3544 0.765853 13.458 0.883209 13.5333C1.01734 13.6199 1.17353 13.6662 1.33321 13.6666C1.45112 13.666 1.56758 13.6405 1.67488 13.5916L4.66654 12.2499L7.65821 13.5916H7.69988C7.79379 13.6355 7.8962 13.6583 7.99988 13.6583C8.10355 13.6583 8.20596 13.6355 8.29988 13.5916H8.34154L11.3332 12.2499L14.3249 13.5916C14.4322 13.6405 14.5486 13.666 14.6665 13.6666C14.8262 13.6662 14.9824 13.6199 15.1165 13.5333C15.2339 13.458 15.3305 13.3544 15.3975 13.2321C15.4644 13.1098 15.4996 12.9727 15.4999 12.8333V2.66659C15.4995 2.50628 15.453 2.34948 15.3658 2.21498C15.2786 2.08047 15.1544 1.97397 15.0082 1.90825ZM2.16654 3.19992L3.83321 2.45825V10.7916L2.16654 11.5333V3.19992ZM5.49988 2.45825L7.16654 3.19992V11.5333L5.49988 10.7916V2.45825ZM8.83321 3.19992L10.4999 2.45825V10.7916L8.83321 11.5333V3.19992ZM13.8332 11.5333L12.1665 10.7916V2.45825L13.8332 3.19992V11.5333Z"
                                            fill="white" />
                                    </svg>
                                </span>

                                Схема ТРЦ
                            </a>
                        </li>
                    </ul>
                </div>

                <div class="footer_navs-col">
                    <a href="#" class="footer_navs-link">
                        <span>
                            <svg width="17" height="17" viewBox="0 0 17 17" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M8.11556 1.33535C6.71026 1.33485 5.36156 1.88902 4.36259 2.87741C3.36362 3.8658 2.79511 5.20852 2.78064 6.61374C2.77953 10.2671 7.47831 14.3352 7.67826 14.5086C7.79898 14.6119 7.95264 14.6687 8.11154 14.6687C8.27044 14.6688 8.42414 14.6121 8.54492 14.5088C8.77831 14.3355 13.4462 10.2703 13.4473 6.61695C13.4337 5.21173 12.866 3.86866 11.8676 2.87967C10.8692 1.89068 9.52086 1.3357 8.11556 1.33535ZM8.11201 13.102C6.999 12.0417 4.11322 9.10081 4.11397 6.61414C4.11429 5.55328 4.53602 4.53599 5.28639 3.78607C6.03677 3.03615 7.05431 2.61503 8.11517 2.61535C9.17604 2.61567 10.1933 3.0374 10.9432 3.78777C11.6932 4.53814 12.1143 5.55569 12.114 6.61655C12.1132 9.08322 9.22567 12.0423 8.11201 13.102Z"
                                    fill="#CDCDCD" />
                                <path
                                    d="M8.11507 4.00241C7.65358 4.00227 7.20242 4.13898 6.81862 4.39526C6.43483 4.65153 6.13565 5.01586 5.95892 5.44217C5.78219 5.86848 5.73584 6.33762 5.82573 6.79027C5.91563 7.24292 6.13773 7.65874 6.46396 7.98516C6.79018 8.31158 7.20587 8.53394 7.65847 8.62411C8.11106 8.71428 8.58023 8.66821 9.00665 8.49173C9.43306 8.31526 9.79757 8.0163 10.0541 7.63266C10.3106 7.24902 10.4476 6.79794 10.4477 6.33645C10.4479 5.71761 10.2022 5.12404 9.76478 4.68633C9.32733 4.24861 8.73391 4.0026 8.11507 4.00241ZM8.11407 7.33575C7.91629 7.33569 7.72297 7.27698 7.55855 7.16705C7.39413 7.05712 7.26601 6.9009 7.19037 6.71815C7.11474 6.5354 7.095 6.33433 7.13364 6.14036C7.17229 5.94639 7.26758 5.76824 7.40748 5.62843C7.54737 5.48862 7.72558 5.39343 7.91957 5.3549C8.11357 5.31637 8.31463 5.33624 8.49733 5.41198C8.68003 5.48772 8.83617 5.61594 8.94601 5.78043C9.05584 5.94491 9.11443 6.13827 9.11437 6.33605C9.11429 6.60126 9.00886 6.85559 8.82126 7.04307C8.63367 7.23055 8.37928 7.33583 8.11407 7.33575Z"
                                    fill="#CDCDCD" />
                            </svg>
                        </span>

                        <p>
                            Atatürk köçesi 80, Aşgabat 744000, Туркменистан
                        </p>
                        </d>

                        <a href="tel: +99312468787" class="footer_navs-link">
                            <span>
                                <svg width="17" height="17" viewBox="0 0 17 17" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <g clip-path="url(#clip0_1161_4823)">
                                        <path
                                            d="M11.7071 14.7487C8.98529 14.7452 6.37597 13.6624 4.45136 11.7378C2.52675 9.81315 1.44396 7.20383 1.44043 4.48203C1.44043 3.6687 1.76352 2.88868 2.33864 2.31357C2.91375 1.73845 3.69377 1.41536 4.5071 1.41536C4.67932 1.41405 4.85126 1.42968 5.02043 1.46203C5.18397 1.48623 5.34474 1.52642 5.50043 1.58203C5.60993 1.62045 5.7075 1.68678 5.7835 1.77447C5.8595 1.86217 5.9113 1.96818 5.93376 2.08203L6.8471 6.08203C6.87171 6.1906 6.86875 6.30361 6.83847 6.41075C6.8082 6.51788 6.75157 6.61573 6.67376 6.69536C6.5871 6.78869 6.58043 6.79536 5.76043 7.22203C6.41709 8.6626 7.56923 9.81947 9.0071 10.482C9.44043 9.65536 9.4471 9.64869 9.54043 9.56203C9.62006 9.48422 9.71791 9.42759 9.82504 9.39732C9.93218 9.36704 10.0452 9.36407 10.1538 9.38869L14.1538 10.302C14.264 10.3276 14.3658 10.3808 14.4498 10.4566C14.5338 10.5324 14.5971 10.6283 14.6338 10.7354C14.69 10.8936 14.7324 11.0564 14.7604 11.222C14.7873 11.3896 14.8006 11.559 14.8004 11.7287C14.7881 12.5385 14.456 13.3107 13.8764 13.8765C13.2969 14.4423 12.517 14.7558 11.7071 14.7487ZM4.5071 2.74869C4.04793 2.75045 3.60807 2.93363 3.28338 3.25831C2.9587 3.583 2.77552 4.02286 2.77376 4.48203C2.77553 6.85075 3.71728 9.12195 5.39223 10.7969C7.06717 12.4718 9.33837 13.4136 11.7071 13.4154C12.1663 13.4136 12.6061 13.2304 12.9308 12.9057C13.2555 12.5811 13.4387 12.1412 13.4404 11.682V11.462L10.3471 10.7487L10.1538 11.1154C9.85376 11.6954 9.63376 12.1154 9.07376 11.8887C7.96902 11.4933 6.96623 10.8567 6.13825 10.0253C5.31028 9.19385 4.67791 8.18841 4.2871 7.08203C4.0471 6.56203 4.50043 6.32203 5.07376 6.02203L5.44043 5.84203L4.7271 2.74869H4.5071Z"
                                            fill="#CDCDCD" />
                                    </g>
                                    <defs>
                                        <clipPath id="clip0_1161_4823">
                                            <rect width="16" height="16" fill="white"
                                                transform="translate(0.106934 0.0822754)" />
                                        </clipPath>
                                    </defs>
                                </svg>
                            </span>

                            <p>
                                +993 12 46-87-87
                            </p>
                        </a>
                </div>
            </div>
        </div>
    </div>

</section>
<!-- Menu end ========================= -->