templates/content/navbar/navbar.html.twig line 1

Open in your IDE?
  1. <div class="fixed-top position-absolute">
  2.   <div class="container-fluid shadow  fixed-top" id="navbar">
  3.     <nav class="navbar navbar-expand-lg">
  4.       <div class="container-fluid">
  5.         <a class="navbar-brand row " href="{{path('app_home')}}">
  6.           <img class="" src="{{asset('assets/img/logo/LogoX60.jpg')}}" alt="" style="margin-left: -2rem;">
  7.         </a>
  8.         <button class="navbar-toggler navbar-dark" type="button" data-bs-toggle="collapse"
  9.           data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
  10.           aria-label="Toggle navigation">
  11.           <span class="navbar-toggler-icon"></span>
  12.         </button>
  13.         <div class="collapse navbar-collapse" id="navbarSupportedContent">
  14.           <ul class="navbar-nav me-auto  mb-lg-0">
  15.             <li class="nav-item ">
  16.               <a class="nav-link active" aria-current="page" href="{{path('app_home')}}">Accueil</a>
  17.             </li>
  18.             <!-- <li class="nav-item ">
  19.               <a class="nav-link active" aria-current="page" href="{{path('app_all')}}">Nos Conseillers</a>
  20.             </li> -->
  21.             {% if app.user %}
  22.             <li class="nav-item ">
  23.               <a class="nav-link" href="{{path('app_tarifs')}}">Créditer mon compte</a>
  24.             </li>
  25.             {%else%}
  26.             <li class="nav-item ">
  27.               <a class="nav-link" href="{{path('app_register')}}">Inscription gratuite
  28.               </a>
  29.             </li>
  30.             {%endif%}
  31.             <li class="nav-item ">
  32.               <a class="nav-link" href="{{path('app_infos')}}">Qui Sommes-nous</a>
  33.             </li>
  34.             <li class="nav-item ">
  35.               <a class="nav-link " href="https://blog.voyance-telephone.eu/">Notre Blog</a>
  36.             </li>
  37.             <li class="nav-item ">
  38.               <a class="nav-link " href="{{path('app_horoscope')}}">Horoscope</a>
  39.             </li>
  41.           </ul>
  42.           <div class="d-flex-xs">
  43.             <ul class="nav justify-content-end-xs  ">
  44.               {% if app.user %}
  45.               <li class="nav-item d-none d-sm-block">
  46.                 <button class="btn ">
  47.                   <a href="{{path('app_tarifs')}}" class="nav-link">
  48.                     Code Client
  49.                     <br>
  50.                     {{app.user.code}}
  51.                   </a>
  52.                 </button>
  54.               </li>
  55.               <li class="nav-item d-none d-sm-block">
  56.                 <button class="btn ">
  57.                   <a href="{{path('app_tarifs')}}" class="nav-link">
  58.                     <i class="bi bi-currency-euro"></i>
  59.                     {{app.user.credit}}
  60.                   </a>
  61.                 </button>
  62.               </li>
  63.               {% else %}
  64.               {% endif %}
  65.               <li class="nav-item ">
  66.                 {% if app.user %}
  68.                 {% if app.user.emailsRecieved|length is null %}
  69.                 {% else %}
  70.                 {% set i = app.user.emailsRecieved|length %}
  71.                 {% for mail in app.user.emailsRecieved %}
  72.                 {% if mail.isRead %}
  73.                 {% set i = i - 1 %}
  74.                 {% endif %}
  75.                 {% endfor %}
  76.                 {% endif %}
  77.                 <div class="col-3 ">
  79.                   <button class="btn d-none d-sm-block">
  80.                     <a href="{{path('app_email')}}" class="nav-link">
  81.                       <i class="bi bi-envelope"></i>
  82.                       <span class="badge bg-white text-warning"
  83.                         style="position:absolute; margin-top:24px; margin-left: -2px;">
  84.                         {{i}}
  85.                       </span>
  86.                     </a>
  87.                   </button>
  89.                 </div>
  90.                 {% else %}
  91.               <li class="nav-item navbar-nav">
  92.                 <div class=" col-sm-9 ">
  93.                   <a href="{{path('app_login')}}" class="nav-link">
  94.                     <button class="btn" type="button">
  95.                       <i class="bi bi-person "> </i>
  96.                     </button>
  97.                   </a>
  98.                   <!-- <p class="text-center text-white">Deconnection</p> -->
  99.                 </div>
  100.               </li>
  101.               {% endif %}
  102.               </li>
  103.               {% if app.user %}
  105.               <li class="nav-item navbar-nav">
  106.                 <div class=" col-sm-9 mt-2">
  107.                   <button class="btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#userInfo"
  108.                     aria-controls="offcanvasExample">
  109.                     <i class="bi bi-person "> </i>
  110.                   </button>
  112.                 </div>
  113.               </li>
  114.               {% endif %}
  116.             </ul>
  118.           </div>
  119.         </div>
  120.       </div>
  121.     </nav>
  122.   </div>
  123. </div>
  125. <div class="container-fluid d-flex justify-content-end mt-5 d-sm-none d-block bg-primary ">
  127.   {% if app.user %}
  128.   <div class="col-12 d-flex justify-content-end  mt-4 text-white row">
  129.     <button class="btn btn-primary col-5">
  130.       <a href="{{path('app_tarifs')}}" class="nav-link _link text-white">
  131.         <i class="bi bi-asterisk"></i>
  132.         {{app.user.code}}
  133.       </a>
  134.     </button>
  135.     <button class="btn bt-primary col-3 ">
  136.       <a href="{{path('app_tarifs')}}" class="nav-link _link text-white">
  137.         <i class="bi bi-currency-euro"></i>
  138.         {{app.user.credit}}
  139.       </a>
  140.     </button>
  141.     <button class="btn bt-primary col-3  text-white" type="button" data-bs-toggle="offcanvas" data-bs-target="#userInfo"
  142.       aria-controls="offcanvasExample">
  143.       <i class="bi bi-person "> </i>
  144.     </button>
  145.     {% else %}
  146.     <a href="{{path('app_login')}}" class="d-flex justify-content-end mt-4">
  147.       <button class="btn btn-primary">
  148.         <i class="bi bi-person "> </i>
  149.       </button>
  150.     </a>
  151.     {% endif %}
  152.   </div>
  153.   <!-- <ul class="nav justify-content-end-xs mt-5">
  154.     {% if app.user %}
  155.     <li class="nav-item d-none d-sm-block mt-5 text-dark">
  156.       <button class="btn bt-primary ">
  157.         <a href="{{path('app_tarifs')}}" class="nav-link _link">
  158.           <i class="bi bi-asterisk"></i>
  159.           {{app.user.code}}
  160.         </a>
  161.       </button>
  162.     </li>
  164.     <li class="nav-item d-none d-sm-block">
  165.       <button class="btn  mt-5">
  166.         <a href="{{path('app_tarifs')}}" class="nav-link _link">
  167.           <i class="bi bi-currency-euro"></i>
  168.           {{app.user.credit}}
  169.         </a>
  170.       </button>
  171.     </li>
  173.     {% else %}
  174.     {% endif %}
  175.     <li class="nav-item ">
  176.       {% if app.user %}
  177.       {% if app.user.emailsRecieved|length is null %}
  178.       {% else %}
  179.       {% set i = app.user.emailsRecieved|length %}
  180.       {% for mail in app.user.emailsRecieved %}
  181.       {% if mail.isRead %}
  182.       {% set i = i - 1 %}
  183.       {% endif %}
  184.       {% endfor %}
  185.       {% endif %}
  186.       <div class="col-3 ">
  188.         <button class="btn d-none d-sm-block mt-5">
  189.           <a href="{{path('app_email')}}" class="nav-link _link">
  190.             <i class="bi bi-envelope"></i>
  191.             <span class="badge bg-white text-warning" style="position:absolute; margin-top:44px; margin-left: -2px;">
  192.               {{i}}
  193.             </span>
  194.           </a>
  195.         </button>
  197.       </div>
  198.       {% else %}
  199.     <li class="nav-item navbar-nav">
  200.       <div class=" col-sm-9 mt-5">
  201.         <a href="{{path('app_login')}}" class="nav-link _link">
  202.           <button class="btn" type="button">
  203.             <i class="bi bi-person "> </i>
  204.           </button>
  205.         </a>
  206.         <p class="text-center text-white">Deconnection</p> 
  207.       </div>
  208.     </li>
  209.     {% endif %}
  210.     </li>
  211.     {% if app.user %}
  213.     <li class="nav-item navbar-nav">
  214.       <div class=" col-sm-9 ">
  215.         <button class="btn mt-5" type="button" data-bs-toggle="offcanvas" data-bs-target="#userInfo"
  216.           aria-controls="offcanvasExample">
  218.           <i class="bi bi-person "> </i>
  220.         </button>
  222.       </div>
  223.     </li>
  224.     {% endif %}
  226.   </ul> -->
  228. </div>
  230. <div class="offcanvas offcanvas-end" tabindex="-1" id="userInfo" aria-labelledby="offcanvasExampleLabel">
  231.   <div class="offcanvas-header">
  233.     {% if app. user%}
  234.     <h2 class="offcanvas-title" id="offcanvasExampleLabel">{{app.user.firstName}} {{app.user.lastName}}</h2>
  235.     <br>
  237.     {% else %}
  238.     <h2 class="offcanvas-title" id="offcanvasExampleLabel">Compte Utilisateur</h2>
  239.     {% endif %}
  240.     <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  241.   </div>
  242.   <div class="offcanvas-body">
  243.     <div class="list-group">
  244.       <a href="{{ path('app_user_interface')}}" class="list-group-item list-group-item-action active"><i
  245.           class="bi bi-person "></i> Mon compte</a>
  246.     </div>
  247.     <div class="list-group">
  248.       <a href="{{ path('app_userComment')}}" class="list-group-item list-group-item-action "><i
  249.           class="bi bi-card-text"></i> Mes Avis</a>
  250.     </div>
  251.     <div class="list-group">
  252.       <a href="{{ path('app_userOperation')}}" class="list-group-item list-group-item-action "><i
  253.           class="bi bi-cash-coin"></i> Mes Opérations</a>
  254.     </div>
  255.     <div class="list-group">
  256.       <a href="{{ path('app_userConsulting')}}" class="list-group-item list-group-item-action "><i
  257.           class="bi bi-person-workspace"></i> Mes Consultations</a>
  258.     </div>
  260.     <div class="list-group">
  262.       <div class="accordion-item">
  263.         <h2 class="accordion-header" id="flush-headingOne">
  264.           <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" href="#collapse"
  265.             data-bs-target="#serviceOne" aria-expanded="false" aria-controls="flush-collapseOne"><i
  266.               class="bi bi-envelope"></i> &nbsp; Mes Qestions Mail
  267.           </button>
  268.         </h2>
  269.         <div id="serviceOne" class="accordion-collapse collapse list-group" aria-labelledby="flush-headingOne"
  270.           data-bs-parent="#serviceFlush">
  273.           {% if app.user %}
  274.           {% if app.user.emailsRecieved|length is null %}
  275.           <a href="{{ path('reception_mail')}}" class="accordion-body list-group-item list-group-item-action "><i
  276.               class="bi bi-mailbox"></i> Boîte de reception : 0</a>
  277.           {% else %}
  278.           <a href="{{ path('reception_mail')}}" class="accordion-body list-group-item list-group-item-action "><i
  279.               class="bi bi-mailbox"></i> Boîte de reception : {{app.user.emailsRecieved|length}}</a>
  280.           {% endif %}
  282.           {% if app.user.emailsSend|length is null %}
  283.           <a href="{{ path('envoie_mail')}}" class="accordion-body list-group-item list-group-item-action "><i
  284.               class="bi bi-send"></i> Boîte d'envoi : 0</a>
  285.           {% else %}
  286.           <a href="{{ path('envoie_mail')}}" class="accordion-body list-group-item list-group-item-action "><i
  287.               class="bi bi-send"></i> Boîte d'envoi : {{app.user.emailsSend|length}}</a>
  288.           {% endif %}
  290.           {% else %}
  291.           <a href="{{ path('reception_mail')}}" class="accordion-body list-group-item list-group-item-action "><i
  292.               class="bi bi-mailbox"></i> Boîte de reception : 0</a>
  293.           <a href="{{ path('envoie_mail')}}" class="accordion-body list-group-item list-group-item-action "><i
  294.               class="bi bi-send"></i> Boîte d'envoi : 0</a>
  295.           {% endif%}
  305.         </div>
  306.       </div>
  308.       <div class="list-group">
  309.         <a href="{{ path('app_logout')}}" class="list-group-item list-group-item-action "><i
  310.             class="bi bi-box-arrow-right"></i> Déconnection</a>
  311.       </div>
  313.     </div>
  314.   </div>
  315. </div>