templates/parts/header.html.twig line 1

Open in your IDE?
  1. <div style="width: 350px; position: absolute; top:20px; margin-left: auto; margin-right: auto; left: 0;right: 0;text-align: center;">
  2.     <form action="/vyhledat" method="post">
  3.         <div class="input-group mb-3">
  4.             <input type="text" class="form-control" name="search" value="{{ app.request.get('search') }}" placeholder="" style="height: 36px;width: 250px;"/>&nbsp;&nbsp;
  5.             <div class="input-group-append">
  6.                 <button class="btn-primary btn" style="height: 36px">Vyhledat</button>
  7.             </div>
  8.         </div>
  9.     </form>
  10. </div>
  11. <header class="d-lg-block d-none p-3 mb-3 border-bottom">
  12.     <div class="container-fluid">
  13.         <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
  14.             <a href="/" class="d-flex text-center align-items-center mb-2 mb-lg-0 text-dark text-decoration-none">
  15.                 <img src="/images/logo-kurzy.png" class="logo" alt="Všechny kurzy, školení, certifikace a doučování na jednom místě"/>
  16.             </a>
  18.             <div class="flex-grow-1 text-center">
  20.             </div>
  22.             <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 text-left justify-content-center mb-md-0 pe-5">
  23.                 <li><a href="{{ path('manual_index') }}" class="nav-link px-2 link-secondary">Pro poskytovatele</a></li>
  24.                 <li><a href="{{ path('contact') }}" class="nav-link px-2 link-dark">Kontakt</a></li>
  25.             </ul>
  27.             {% if(CourseCompareUtil.getCoursesToCompare()|length>0) %}
  28.                 <div class="compare-area me-4">
  29.                     <a href="{{ path('compare_list') }}"><i class="fas fa-balance-scale-right"></i></a>
  30.                 </div>
  31.             {% endif %}
  33.             {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
  34.                 <div class="text-end d-flex align-items-center flex-wrap">
  35.                     {% set logo = GlobalUtil.getOrganizerLogoByUser(app.user) %}
  36.                     {% if(logo is not empty) %}
  37.                         <a href="{{ path('dashboard') }}">
  38.                             {% thumbnail logo, 'small' with {'style': 'max-width:32px;max-height:32px', 'class': 'rounded-circle me-2'} %}
  39.                         </a>
  40.                     {% endif %}
  41.                     <div class="d-flex dropdown flex-column justify-content-start">
  42.                         <a href="{{ path('dashboard') }}" class="d-block link-dark text-decoration-none">
  43.                             {{ app.user.firstname }} {{ app.user.lastname }}
  44.                         </a>
  45.                         <a href="{{ path('fos_user_security_logout') }}"
  46.                            class="text-start">{{ 'layout.logout'|trans({}, 'FOSUserBundle') }}</a>
  47.                     </div>
  48.                 </div>
  49.             {% else %}
  50.                 <div class="text-end d-flex align-items-center flex-wrap" {{ stimulus_controller('login-form', {
  51.                     formUrl: path('login_form')
  52.                 }) }}>
  53.                     <a href="{{ path('fos_user_registration_register') }}"
  54.                        class="btn btn-outline-primary me-2 text-decoration-underline">{{ 'layout.register'|trans({}, 'FOSUserBundle') }}</a>
  55.                     <a href="#" data-action="login-form#openModal" type="button"
  56.                        class="btn btn-primary">{{ 'layout.login'|trans({}, 'FOSUserBundle') }}</a>
  58.                     {{ include('parts/login-modal.html.twig', {
  59.                         modalTitle: 'Přihlašte se',
  60.                     }) }}
  61.                 </div>
  62.             {% endif %}
  63.         </div>
  64.     </div>
  65. </header>
  67. <header class="d-block d-lg-none p-3 mb-3 border-bottom sticky-top" style="background-color: #ffffff;z-index: 999">
  68.     <div class="container-fluid">
  69.         <div class="col-12 d-flex justify-content-between" {{ stimulus_controller('login-form', {
  70.             formUrl: path('login_form')
  71.         }) }}>
  72.             <a href="/" class="d-flex flex-lg-grow-1 text-center mb-2 mb-lg-0 text-dark text-decoration-none">
  73.                 <img src="/images/logo-kurzy.png" alt="Všechny kurzy, školení, certifikace a doučování na jednom místě" class="logo" alt="" style="margin: auto; max-width: 220px;;"/>
  74.             </a>
  75.             <div class="dropdown">
  76.                 <a class="" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
  77.                    aria-expanded="false">
  78.                     <i class="fa fa-search"></i>
  79.                 </a>
  80.                 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
  81.                     <div class="d-flex justify-content-center">
  82.                         <form action="/vyhledat" method="post">
  83.                             <input type="text" name="search" value="{{ app.request.get('search') }}" placeholder=""
  84.                                    style="height: 36px;width: 250px;"/>
  85.                             <button class="btn-primary btn">Vyhledat</button>
  86.                         </form>
  87.                     </div>
  88.                 </div>
  89.             </div>
  90.             <div class="dropdown">
  91.                 <a class="" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
  92.                    aria-expanded="false">
  93.                     <i class="fa fa-user"></i>
  94.                 </a>
  95.                 {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
  96.                     <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
  98.                         <a class="dropdown-item" href="{{ path('dashboard') }}">Můj účet</a>
  99.                         <a class="dropdown-item"
  100.                            href="{{ path('fos_user_security_logout') }}">{{ 'layout.logout'|trans({}, 'FOSUserBundle') }}</a>
  101.                     </div>
  102.                 {% else %}
  103.                     <div class="dropdown-menu dropdown-menu-right"
  104.                          aria-labelledby="dropdownMenuButton">
  105.                         <a class="dropdown-item"
  106.                            href="{{ path('fos_user_registration_register') }}">{{ 'layout.register'|trans({}, 'FOSUserBundle') }}</a>
  107.                         <a class="dropdown-item" data-action="login-form#openModal"
  108.                            href="#">{{ 'layout.login'|trans({}, 'FOSUserBundle') }}</a>
  110.                     </div>
  111.                 {% endif %}
  112.             </div>
  113.             {{ include('parts/login-modal.html.twig', {
  114.                 modalTitle: 'Přihlašte se',
  115.             }) }}
  116.         </div>
  117.         <div class="dropdown">
  118.             <a class="" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
  119.                aria-expanded="false">
  120.                 <svg width="22" height="22" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg">
  121.                     <path d="M21 16v2H1v-2h20zm0-6v2H1v-2h20zm0-6v2H1V4h20z"></path>
  122.                 </svg>
  123.             </a>
  124.             <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
  125.                 <a class="dropdown-item" href="{{ path('manual_index') }}">Informace</a>
  126.                 <a class="dropdown-item"
  127.                    href="{{ path('contact') }}">Kontakt</a>
  128.             </div>
  129.         </div>
  130.         {# <a href="javascript:;" id="hamburger"> #}
  131.         {# <svg width="22" height="22" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg"> #}
  132.         {# <path d="M21 16v2H1v-2h20zm0-6v2H1v-2h20zm0-6v2H1V4h20z"></path> #}
  133.         {# </svg> #}
  134.         {# </a> #}
  135.     </div>
  136. </header>