templates/app/index.html.twig line 1

  1. {% extends 'base.html.twig' %} {% block body %}
  2. <div id="layout-wrapper">
  3.   <header id="page-topbar">
  4.     <div class="navbar-header">
  5.       <div class="d-flex">
  6.         <div class="navbar-brand-box">
  7.           <a href="{{ path('app_main') }}" class="logo logo-dark">
  8.             <span class="logo-sm">
  9.               <img src="/front/images/logo-2.png" alt="" height="24" />
  10.             </span>
  11.             <span class="logo-lg">
  12.               <img src="/front/images/logo-2.png" alt="" height="24" />
  13.               <span class="logo-txt" style="font-size: 20px">
  14.                 <span style="color: #950853"></span>CleverNursery</span
  15.               >
  16.             </span>
  17.           </a>
  18.           <a href="{{ path('app_main') }}" class="logo logo-light">
  19.             <span class="logo-sm">
  20.               <img src="/front/images/logo-2.png" alt="" height="24" />
  21.             </span>
  22.             <span class="logo-lg">
  23.               <img src="/front/images/logo-2.png" alt="" height="24" />
  24.               <span class="logo-txt" style="font-size: 24px">
  25.                 <span style="color: #950853"></span>Clever Nursery</span
  26.               >
  27.             </span>
  28.           </a>
  29.         </div>
  30.         <button
  31.           type="button"
  32.           class="btn btn-sm px-3 font-size-16 header-item"
  33.           id="vertical-menu-btn"
  34.         >
  35.           <i class="fa fa-fw fa-bars"></i>
  36.         </button>
  37.         <div class="d-none d-lg-block">
  38.           <div class="position-relative logo">
  39.             <span class="logo-lg">
  40.               <span class="logo-txt" style="font-size: 20px">
  41.                 <img
  42.                   src="{{ company.logo ? '/uploads/companies/' ~ company.logo : 'data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==' }}"
  43.                   alt=""
  44.                   height="24"
  45.                 />
  46.                 {{ company.name }}
  47.               </span>
  48.             </span>
  49.           </div>
  50.         </div>
  51.         <div class="d-none d-lg-block">
  52.           <div class="position-relative logo">
  53.             <span class="logo-lg">
  54.               <span class="logo-txt font-size-14">
  55.                 {% for season in company.seasons %} {% if season.isActive %}
  56.                 <span class="text-muted">
  57.                   {{ season }}
  58.                 </span>
  59.                 {% endif %} {% endfor %}
  60.               </span>
  61.             </span>
  62.           </div>
  63.         </div>
  64.         <div class="d-none d-lg-block">
  65.           <div class="position-relative logo">
  66.             <span class="logo-lg">
  67.               <span class="logo-txt" style="font-size: 20px">
  68.                 {% if company.abonnements|length > 0 %} {% for abonnement in
  69.                 company.abonnements %} Licence valid :
  70.                 {{ abonnement.product.name }}
  71.                 <small>
  72.                   <span class="badge rounded-pill bg-success">
  73.                     Licence valid :
  74.                     {{ abonnement.product.name }}
  75.                   </span>
  76.                 </small>
  77.                 {% endfor %} {% else %} {% if company.isTrial %}
  78.                 <small>
  79.                   <span class="badge rounded-pill bg-info">
  80.                     Trial version
  81.                   </span>
  82.                 </small>
  83.                 {% else %}
  84.                 <small>
  85.                   <span class="badge rounded-pill bg-danger">
  86.                     Trial version expired !
  87.                   </span>
  88.                 </small>
  89.                 {% endif %} {% endif %}
  90.               </span>
  91.             </span>
  92.           </div>
  93.         </div>
  94.       </div>
  95.       <div class="d-flex">
  96.         <div class="dropdown d-none d-lg-inline-block ms-1">
  97.           <button
  98.             type="button"
  99.             class="btn header-item"
  100.             data-bs-toggle="dropdown"
  101.             aria-haspopup="true"
  102.             aria-expanded="false"
  103.           >
  104.             <i data-feather="grid" class="icon-lg"></i>
  105.           </button>
  106.           <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
  107.             <div class="p-2">
  108.               <div class="row g-0">
  109.                 <div class="col">
  110.                   <a
  111.                     class="dropdown-icon-item"
  112.                     href="{{ path('app_child_index') }}"
  113.                   >
  114.                     <img src="/front/images/son.png" alt="Enfants" />
  115.                     <span> {% trans %} Enfants {% endtrans %} </span>
  116.                   </a>
  117.                 </div>
  118.                 <div class="col">
  119.                   <a
  120.                     class="dropdown-icon-item"
  121.                     href="{{ path('app_subscription_index') }}"
  122.                   >
  123.                     <img
  124.                       src="/front/images/subscription.png"
  125.                       alt="Abonnements"
  126.                     />
  127.                     <span> {% trans %} Abonnements {% endtrans %} </span>
  128.                   </a>
  129.                 </div>
  130.                 <div class="col">
  131.                   <a
  132.                     class="dropdown-icon-item"
  133.                     href="{{ path('app_payment_index') }}"
  134.                   >
  135.                     <img src="/front/images/cash-payment.png" alt="Paiements" />
  136.                     <span> {% trans %} Paiements {% endtrans %} </span>
  137.                   </a>
  138.                 </div>
  139.               </div>
  140.               <div class="row g-0">
  141.                 <div class="col">
  142.                   <a
  143.                     class="dropdown-icon-item"
  144.                     href="{{ path('app_expense_index') }}"
  145.                   >
  146.                     <img src="/front/images/poor.png" alt="Dépenses" />
  147.                     <span> {% trans %} Dépenses {% endtrans %} </span>
  148.                   </a>
  149.                 </div>
  150.                 <div class="col">
  151.                   <a
  152.                     class="dropdown-icon-item"
  153.                     href="{{ path('app_task_index') }}"
  154.                   >
  155.                     <img src="/front/images/task.png" alt="Tâches" />
  156.                     <span> {% trans %} Tâches {% endtrans %} </span>
  157.                   </a>
  158.                 </div>
  159.                 <div class="col">
  160.                   <a
  161.                     class="dropdown-icon-item"
  162.                     href="{{ path('app_evenement_index') }}"
  163.                   >
  164.                     <img src="/front/images/event.png" alt="Événements" />
  165.                     <span> {% trans %} Événements {% endtrans %} </span>
  166.                   </a>
  167.                 </div>
  168.               </div>
  169.             </div>
  170.           </div>
  171.         </div>
  172.         <div class="dropdown d-none d-sm-inline-block">
  173.           <button
  174.             type="button"
  175.             class="btn header-item waves-effect"
  176.             data-toggle="dropdown"
  177.             aria-haspopup="true"
  178.             aria-expanded="false"
  179.           >
  180.             <img
  181.               class=""
  182.               src="/app/images/flags/{{ app.request.locale }}.jpg"
  183.               alt="Header Language"
  184.               height="16"
  185.             />
  186.           </button>
  187.           <div class="dropdown-menu dropdown-menu-end">
  188.             <a href="?_locale=ar_DZ" class="dropdown-item notify-item">
  189.               <img
  190.                 src="/app/images/flags/ar_DZ.jpg"
  191.                 alt="user-image"
  192.                 class="me-1"
  193.                 height="12"
  194.               />
  195.               <span class="align-middle"> العربية </span>
  196.             </a>
  197.             <a href="?_locale=fr" class="dropdown-item notify-item">
  198.               <img
  199.                 src="/app/images/flags/fr.jpg"
  200.                 alt="user-image"
  201.                 class="me-1"
  202.                 height="12"
  203.               />
  204.               <span class="align-middle">Français</span>
  205.             </a>
  206.             {#
  207.             <a href="?_locale=en" class="dropdown-item notify-item">
  208.               <img
  209.                 src="/app/images/flags/en.jpg"
  210.                 alt="user-image"
  211.                 class="me-1"
  212.                 height="12"
  213.               />
  214.               <span class="align-middle"> English </span>
  215.             </a>
  216.             #}
  217.           </div>
  218.         </div>
  219.         <div class="dropdown d-none d-sm-inline-block">
  220.           <button type="button" class="btn header-item" id="mode-setting-btn">
  221.             <i data-feather="moon" class="icon-lg layout-mode-dark"></i>
  222.             <i data-feather="sun" class="icon-lg layout-mode-light"></i>
  223.           </button>
  224.         </div>
  225.         <div class="dropdown d-inline-block">
  226.           <button type="button" class="btn header-item me-2">
  227.             <a href="{{ path('app_company_my', { id: app.user.company.id }) }}">
  228.               <i data-feather="settings" class="icon-lg"></i>
  229.             </a>
  230.           </button>
  231.         </div>
  232.         {% include 'app/_partials/user-actions.html.twig' %}
  233.       </div>
  234.     </div>
  235.   </header>
  236.   <div class="vertical-menu">
  237.     <div data-simplebar class="h-100">
  238.       {% include 'app/_partials/sidebar-menu.html.twig' %}
  239.     </div>
  240.   </div>
  241.   <div class="main-content">
  242.     <div class="page-content">
  243.       {% if not app.user.isVerified %}
  244.       <div class="row">
  245.         <div class="col-xl-12">
  246.           <div
  247.             class="alert alert-danger alert-dismissible alert-label-icon label-arrow fade show"
  248.             role="alert"
  249.           >
  250.             <i class="mdi mdi-alert-outline label-icon"></i
  251.             ><strong> {% trans %}Confirmez votre email{% endtrans %}!</strong>
  252.             <a href="{{ path('app_confirm_email') }}" class="alert-link"
  253.               >{% trans %} Renvoyer{% endtrans %}!</a
  254.             >
  255.           </div>
  256.         </div>
  257.       </div>
  258.       {% endif %}
  259.       <div class="container-fluid">{% block content %}{% endblock %}</div>
  260.     </div>
  261.     {% include 'app/_partials/footer.html.twig' %}
  262.   </div>
  263. </div>
  264. {% include "app/_partials/flashes.html.twig" %}
  265. <div class="rightbar-overlay"></div>
  266. {% endblock %}