templates/nav.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block maincontent %}
  4.     {% if app.request.pathinfo == '/' or app.request.pathinfo == '/shop' %}
  5.     <div id="aboveNavSale"><span>Скидка 15% на первый заказ при регистрации.</span>
  6.         <a class="cursor-pointer" data-toggle="modal" data-target=".bd-example-modal-lg">Зарегистрироваться</a></div>
  7.     {% endif %}
  8.     <nav class="navbar navbar-expand-lg navbar-light bg-light"
  9.          {% if app.request.pathinfo == '/' or app.request.pathinfo == '/shop' %} style="margin-top: 20px"  {% endif %}>
  10.         <a style="padding-top: .17rem !important; margin-left: 40px" class="navbar-brand" href="/">Handmade</a>
  11.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  12.             <span class="navbar-toggler-icon"></span>
  13.         </button>
  15.         <div style="margin-left: 170px" class="collapse navbar-collapse" id="navbarSupportedContent">
  16.             <ul class="navbar-nav mr-auto">
  17.                 <li class="nav-item active">
  18.                     <a class="nav-link" href="/">Магазин<span class="sr-only">(current)</span></a>
  19.                 </li>
  20.                 <li class="nav-item active">
  21.                     <a class="nav-link" href="/masters">Мастера<span class="sr-only">(current)</span></a>
  22.                 </li>
  23.                 <li class="nav-item active">
  24.                     <a class="nav-link" href="/blog">Выставки<span class="sr-only">(current)</span></a>
  25.                 </li>
  26.                 <li class="nav-item active">
  27.                     <a class="nav-link" href="/about">О нас<span class="sr-only">(current)</span></a>
  28.                 </li>
  29.             </ul>
  30.             {% if app.request.pathinfo == '/' or app.request.pathinfo == '/shop' %}
  31.             <form id="searchFilter" class="form-inline my-2 my-lg-0">
  32.                 <div class="spinner" id="loadingSpinner"></div>
  33.                 <input style="width: 800px" name="search" id="searchBar" class="form-control mr-sm-2" type="search" placeholder="Поиск" aria-label="Search" oninput="showCross()">
  34.                 <span id="clearSearch" class="clear-search" onclick="clearSearch()">✖</span>
  35.                 <button onclick="filter()" class="btn btn-outline-success my-2 my-sm-0 buttonSearch" type="submit">Искать</button>
  36.             </form>
  37.             {% endif %}
  39.             {% if app.user %}
  40.                 <div class="dropdown">
  41.                     <a data-bs-toggle="dropdown"
  42.                        aria-expanded="false">
  43.                         {% if app.user.iconPath %}
  44.                             {% if is_granted('ROLE_ADMIN') %}
  45.                                 <div id="profileIcon" style="margin: 0 10px">
  46.                                     <img class="radius-70x70" width="40"  height="42" src="{{ app.user.iconPath }}" alt="avatar" style="object-fit: cover">
  47.                                 </div>
  48.                             {% else %}
  49.                                 <div id="profileIcon" style="margin: 0 10px">
  50.                                     <img class="radius-70x70" width="40" height="42" src="{{ app.user.iconPath }}" alt="avatar" style="object-fit: cover">
  51.                                 </div>
  52.                             {% endif %}
  53.                         {% else %}
  54.                             {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_MODERATOR') %}
  55.                                 <div id="profileIcon" style="margin: 0 10px">
  56.                                     <img width="40" src="/assets/images/icons/iconProfile.png">
  57.                                 </div>
  58.                             {% else %}
  59.                                 <div id="profileIcon" style="margin: 0 10px">
  60.                                     <img width="40" src="/assets/images/icons/iconProfile.png">
  61.                                 </div>
  62.                             {% endif %}
  63.                         {% endif %}
  64.                     </a>
  65.                     <ul class="dropdown-menu dropdown-menu-right dropdown-menu-dark text-small shadow" style="right: 0; left: auto">
  66.                         <li> <span class="dropdown-item disabled" style="color: #6b645b">{{ app.user.name }} {{ app.user.lastname }}</span></li>
  67.                         <li>
  68.                             <hr class="dropdown-divider">
  69.                         </li>
  70.                         {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_MODERATOR') %}
  71.                             <li><a class="dropdown-item" href="/admin/info">Меню админа</a></li>
  72.                         {% elseif is_granted('ROLE_SELLER') %}
  73.                             <li><a class="dropdown-item" href="/profile/info">Мой профиль</a></li>
  74.                         {% endif %}
  75.                         <li><a class="dropdown-item" href="/buyer/orders">Мои заказы</a></li>
  76.                         <li><a class="dropdown-item" href="/buyer/individualProducts">Мои индивидуальные заказы</a></li>
  77.                         <li><a class="dropdown-item" href="/cart">Корзина</a></li>
  79.                         {% if not is_granted('ROLE_SELLER') %}
  80.                             <li>
  81.                                 <hr class="dropdown-divider">
  82.                             </li>
  83.                             <li><a class="dropdown-item" href="/register/becomeSeller">Стать продавцом</a></li>
  84.                         {% endif %}
  85.                         <li>
  86.                             <hr class="dropdown-divider">
  87.                         </li>
  88.                         <li><a class="dropdown-item" href="/logout">Выйти</a></li>
  89.                     </ul>
  90.                 </div>
  91.             {% else %}
  92.                 <div id="profileLoginSignup">
  93.                     <a style="margin-right: 10px" href="/profile/info">
  94.                         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
  95.                              class="bi bi-person" viewBox="0 0 14 14">
  96.                             <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z"></path>
  97.                         </svg>
  98.                     </a>
  99.                 </div>
  100.             {% endif %}
  101.             <div style="margin-right: 20px">
  102.                 <a href="/cart">
  103.                     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" fill="currentColor"
  104.                          class="bi bi-cart" viewBox="0 0 16 16">
  105.                         <path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
  106.                     </svg>
  107.                 </a>
  108.             </div>
  109.         </div>
  110.     </nav>
  111.     <!-- Modal -->
  112.     <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  113.         <div style="top:100px;" class="modal-dialog modal-lg">
  114.             <div class="modal-content">
  115.                 <div style="height: 550px">
  116.                     <div id="buyer" class="container tab-pane active"><br>
  117.                         {% for flash_error in app.flashes('verify_email_error') %}
  118.                             <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
  119.                         {% endfor %}
  120.                         {% if app.request.pathinfo == '/' or app.request.pathinfo == '/shop' %}
  121.                             <section id="registerFormFromNav">
  122.                                 {{ form_start(registrationFormBuyer, {
  123.                                     'attr': {'class': 'form-signin'}
  124.                                 }) }}
  125.                                 <a href="https://imperial-obninsk.com/ru" target="_blank"><img class="radius-70x70"
  126.                                                                                                src="/assets/images/icons/iconImperial70x70.png"></a>
  127.                                 <h1 class="h3 mb-3 font-weight-normal">Регистрация</h1>
  128.                                 {{ form_row(registrationFormBuyer.name, {
  129.                                     label: false,
  130.                                     'attr': {'class': 'form-control inputs-form-registration', 'placeholder': 'Ваше имя'}
  131.                                 }) }}
  132.                                 {{ form_row(registrationFormBuyer.email, {
  133.                                     label: false,
  134.                                     'attr': {'class': 'form-control inputs-form-registration', 'placeholder': 'Электронная почта'}
  135.                                 }) }}
  136.                                 <div id="textConditionRegister">
  137.                                     {{ form_row(registrationFormBuyer.agreeTerms, {
  138.                                         label: false,
  139.                                     }) }}
  140.                                     <a>Я принимаю условия </a><a class="color-black link" href="/#">Пользовательского соглашения</a>
  141.                                     <a>и даю своё согласие Handmade на обработку моей персональной информации на условиях,
  142.                                         определенных </a><a class="color-black link" href="/#">Политикой
  143.                                         конфеденциальности</a><a>.</a><br>
  144.                                 </div>
  145.                                 <button type="submit" class="btn btn-lg btn-primary btn-block button-sumbit">Зарегистрироваться
  146.                                 </button>
  147.                                 <button type="button" class="btn btn-lg btn-primary btn-block button-sumbit" data-dismiss="modal">Отмена</button>
  148.                                 <br>
  149.                                 {{ form_end(registrationFormBuyer) }}
  150.                                 <a href="/login" class="link text-decoration-none">Уже есть аккаунт? Войти</a>
  151.                             </section>
  152.                         {% endif %}
  153.                     </div>
  154.                 </div>
  155.             </div>
  156.         </div>
  157.     </div>
  158.     <div class="main-content">
  159.         {% block content %}{% endblock %}
  160.     </div>
  161. {% endblock %}
  162. {% block navscripts %}
  163.     {% block pagescripts %}{% endblock %}
  164. {% endblock %}