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.png')}}" alt="logo voyance" >
  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.             <li class="nav-item ">
  22.               <a class="nav-link" href="{{path('app_tarifs')}}">Tarifs</a>
  23.             </li>
  24.              <li class="nav-item ">
  25.               <a class="nav-link" href="{{path('app_chat_xcally')}}">Chat</a>
  26.             </li>
  27.                <li class="nav-item ">
  28.               <a class="nav-link" href="{{path('app_media_pay')}}">MediaPay</a>
  29.             </li>
  30.             <!-- <li class="nav-item ">
  31.               <a class="nav-link" href="{{url_retour}}">Retour vers {{nomDeDomaine}}</a>
  32.             </li>-->
  33.             <li class="nav-item ">
  34.               <a class="nav-link" href="{{path('app_infos')}}">Qui Sommes-nous</a>
  35.             </li>
  36.             <li class="nav-item ">
  37.               <a class="nav-link " href="{{path('app_horoscope')}}">Horoscope</a>
  38.             </li>
  39.           </ul>
  40.           <div class="d-flex-xs">
  41.             <ul class="nav justify-content-end-xs  ">
  42.               {% if app.user %}
  43.               <li class="nav-item d-none d-sm-block">
  44.                 <button class="btn ">
  45.                   <a href="{{path('app_tarifs')}}" class="nav-link">
  46.                     Code Client
  47.                   </a>
  48.                   <strong class="text-white"> {{app.user.code}}</strong>
  49.                 </button>
  50.               </li>
  51.              
  52.               {% if app.user.kindofcredit == 1 %}
  53.               <li class="nav-item d-none d-sm-block">
  54.                 <button class="btn ">
  55.                   <a href="{{path('app_tarifs')}}" class="nav-link">
  56.                     <i class="bi bi-currency-euro"></i>
  57.                     {{app.user.credit}}
  58.                   </a>
  59.                 </button>
  60.               </li>
  61.               {%else%}
  62.               <li class="nav-item d-none d-sm-block">
  63.                 <button class="btn ">
  64.                   <a href="{{path('app_tarifs')}}" class="nav-link">
  65.                     Minutes
  66.                   </a>
  67.                   
  68.                   {% set newSolde = app.user.solde %}
  69.                  
  70.                   {%if newSolde >= 3600%}
  71.                   
  72.                   <strong class="text-white" id="solde"> {{newSolde|date('H:i:s',  timezone=false)}}</strong>
  73.                   {%else%}
  74.                   <strong class="text-white" id="solde"> {{newSolde|date("i:s",  timezone=false)}}</strong>
  75.                   {%endif%}
  76.                 </button>
  77.               </li>
  78.               {%endif%}
  79.               {% else %}
  80.               {% endif %}
  81.               <li class="nav-item ">
  82.                 
  83.                 {% if app.user %}
  84.                 {% if app.user.emailsRecieved|length is null %}
  85.                 {% else %}
  86.                 {% set i = app.user.emailsRecieved|length %}
  87.                 {% for mail in app.user.emailsRecieved %}
  88.                 {% if mail.isRead %}
  89.                 {% set i = i - 1 %}
  90.                 {% endif %}
  91.                 {% endfor %}
  92.                 {% endif %}
  93.                 <div class="col-3 ">
  94.                   <button class="btn d-none d-sm-block">
  95.                     <a href="{{path('app_email')}}" class="nav-link">
  96.                       <i class="bi bi-envelope"></i>
  97.                       <span class="badge bg-white text-warning"
  98.                         style="position:absolute; margin-top:24px; margin-left: -2px;">
  99.                         {{i}}
  100.                       </span>
  101.                     </a>
  102.                   </button>
  103.                 </div>
  104.                 {% else %}
  105.               <li class="nav-item navbar-nav">
  106.                 <div class=" col-sm-9 ">
  107.                   <a href="{{path('app_login')}}" class="nav-link">
  108.                     <button class="btn" type="button">
  109.                       <i class="bi bi-person "> </i>
  110.                     </button>
  111.                   </a>
  112.                   <!-- <p class="text-center text-white">Deconnection</p> -->
  113.                 </div>
  114.               </li>
  115.               {% endif %}
  116.               </li>
  117.               {% if app.user %}
  118.               <li class="nav-item navbar-nav">
  119.                 <div class=" col-sm-9 mt-2">
  120.                   <button class="btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#userInfo"
  121.                     aria-controls="offcanvasExample">
  122.                     <i class="bi bi-person "> </i>
  123.                   </button>
  124.                 </div>
  125.               </li>
  126.               {% endif %}
  127.             </ul>
  128.           </div>
  129.         </div>
  130.       </div>
  131.     </nav>
  132.   </div>
  133. </div>
  134. <div class="container-fluid d-flex justify-content-end mt-5 d-sm-none d-block bg-primary ">
  135.   {% if app.user %}
  136.   <div class="col-12 d-flex justify-content-end  mt-4 text-white row">
  137.     <button class="btn btn-primary col-5">
  138.       <a href="{{path('app_tarifs')}}" class="nav-link _link text-white">
  139.         Code Client
  140.         {{app.user.code}}
  141.       </a>
  142.     </button>
  143.     {% if app.user.kindofcredit == 1 %}
  144.     <button class="btn bt-primary col-3 ">
  145.       <a href="{{path('app_tarifs')}}" class="nav-link _link text-white">
  146.         <i class="bi bi-currency-euro"></i>
  147.         <p id="solde">{{app.user.credit}}</p>
  148.       </a>
  149.     </button>
  150.     {%else%}
  151.     <button class="btn bt-primary col-3 ">
  152.       <a href="{{path('app_tarifs')}}" class="nav-link _link text-white">
  153.         Minutes
  154.         {%if newSolde >= 3600%}
  155.         <p id="solde">{{newSolde|date("H:i:s",  timezone=false)}}</p>
  156.         {%else%}
  157.         <p id="solde"> {{newSolde|date("i:s",  timezone=false)}}</p>
  158.         {%endif%}
  159.       </a>
  160.     </button>
  161.     {%endif%}
  162.     <button class="btn bt-primary col-3  text-white" type="button" data-bs-toggle="offcanvas" data-bs-target="#userInfo"
  163.       aria-controls="offcanvasExample">
  164.       <i class="bi bi-person "> </i>
  165.     </button>
  166.     {% else %}
  167.     <a href="{{path('app_login')}}" class="d-flex justify-content-end mt-4">
  168.       <button class="btn btn-primary">
  169.         <i class="bi bi-person "> </i>
  170.       </button>
  171.     </a>
  172.     {% endif %}
  173.   </div>
  174.   <!-- <ul class="nav justify-content-end-xs mt-5">
  175.     {% if app.user %}
  176.     <li class="nav-item d-none d-sm-block mt-5 text-dark">
  177.       <button class="btn bt-primary ">
  178.         <a href="{{path('app_tarifs')}}" class="nav-link _link">
  179.           <i class="bi bi-asterisk"></i>
  180.           {{app.user.code}}
  181.         </a>
  182.       </button>
  183.     </li>
  184.     <li class="nav-item d-none d-sm-block">
  185.       <button class="btn  mt-5">
  186.         <a href="{{path('app_tarifs')}}" class="nav-link _link">
  187.           <i class="bi bi-currency-euro"></i>
  188.           {{app.user.credit}}
  189.         </a>
  190.       </button>
  191.     </li>
  192.     {% else %}
  193.     {% endif %}
  194.     <li class="nav-item ">
  195.       {% if app.user %}
  196.       {% if app.user.emailsRecieved|length is null %}
  197.       {% else %}
  198.       {% set i = app.user.emailsRecieved|length %}
  199.       {% for mail in app.user.emailsRecieved %}
  200.       {% if mail.isRead %}
  201.       {% set i = i - 1 %}
  202.       {% endif %}
  203.       {% endfor %}
  204.       {% endif %}
  205.       <div class="col-3 ">
  206.         <button class="btn d-none d-sm-block mt-5">
  207.           <a href="{{path('app_email')}}" class="nav-link _link">
  208.             <i class="bi bi-envelope"></i>
  209.             <span class="badge bg-white text-warning" style="position:absolute; margin-top:44px; margin-left: -2px;">
  210.               {{i}}
  211.             </span>
  212.           </a>
  213.         </button>
  214.       </div>
  215.       {% else %}
  216.     <li class="nav-item navbar-nav">
  217.       <div class=" col-sm-9 mt-5">
  218.         <a href="{{path('app_login')}}" class="nav-link _link">
  219.           <button class="btn" type="button">
  220.             <i class="bi bi-person "> </i>
  221.           </button>
  222.         </a>
  223.         <p class="text-center text-white">Deconnection</p> 
  224.       </div>
  225.     </li>
  226.     {% endif %}
  227.     </li>
  228.     {% if app.user %}
  229.     <li class="nav-item navbar-nav">
  230.       <div class=" col-sm-9 ">
  231.         <button class="btn mt-5" type="button" data-bs-toggle="offcanvas" data-bs-target="#userInfo"
  232.           aria-controls="offcanvasExample">
  233.           <i class="bi bi-person "> </i>
  234.         </button>
  235.       </div>
  236.     </li>
  237.     {% endif %}
  238.   </ul> -->
  239. </div>
  240. <div class="offcanvas offcanvas-end" tabindex="-1" id="userInfo" aria-labelledby="offcanvasExampleLabel">
  241.   <div class="offcanvas-header">
  242.     {% if app. user%}
  243.     <h2 class="offcanvas-title" id="offcanvasExampleLabel">{{app.user.firstName}} {{app.user.lastName}}</h2>
  244.     <br>
  245.     {% else %}
  246.     <h2 class="offcanvas-title" id="offcanvasExampleLabel">Compte Utilisateur</h2>
  247.     {% endif %}
  248.     <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  249.   </div>
  250.   <div class="offcanvas-body">
  251.     <div class="list-group">
  252.       <a href="{{ path('app_user_interface')}}" class="list-group-item list-group-item-action active"><i
  253.           class="bi bi-person "></i> Mes coordonnées</a>
  254.     </div>
  255.     <div class="list-group">
  256.       <a href="{{ path('app_userComment')}}" class="list-group-item list-group-item-action "><i
  257.           class="bi bi-card-text"></i> Mes Avis</a>
  258.     </div>
  259.     <div class="list-group">
  260.       <a href="{{ path('app_userOperation')}}" class="list-group-item list-group-item-action "><i
  261.           class="bi bi-cash-coin"></i> Mes opérations</a>
  262.     </div>
  263.     <div class="list-group">
  264.       <a href="{{ path('app_userConsulting')}}" class="list-group-item list-group-item-action "><i
  265.           class="bi bi-person-workspace"></i> Mes consultations</a>
  266.     </div>
  267.     <div class="list-group">
  268.       <div class="accordion-item">
  269.         <h2 class="accordion-header" id="flush-headingOne">
  270.           <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" href="#collapse"
  271.             data-bs-target="#serviceOne" aria-expanded="false" aria-controls="flush-collapseOne"><i
  272.               class="bi bi-envelope"></i> &nbsp; Mes Qestions Mail
  273.           </button>
  274.         </h2>
  275.         <div id="serviceOne" class="accordion-collapse collapse list-group" aria-labelledby="flush-headingOne"
  276.           data-bs-parent="#serviceFlush">
  277.           {% if app.user %}
  278.           {% if app.user.emailsRecieved|length is null %}
  279.           <a href="{{ path('reception_mail')}}" class="accordion-body list-group-item list-group-item-action "><i
  280.               class="bi bi-mailbox"></i> Boîte de reception : 0</a>
  281.           {% else %}
  282.           <a href="{{ path('reception_mail')}}" class="accordion-body list-group-item list-group-item-action "><i
  283.               class="bi bi-mailbox"></i> Boîte de reception : {{app.user.emailsRecieved|length}}</a>
  284.           {% endif %}
  285.           {% if app.user.emailsSend|length is null %}
  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 : 0</a>
  288.           {% else %}
  289.           <a href="{{ path('envoie_mail')}}" class="accordion-body list-group-item list-group-item-action "><i
  290.               class="bi bi-send"></i> Boîte d'envoi : {{app.user.emailsSend|length}}</a>
  291.           {% endif %}
  292.           {% else %}
  293.           <a href="{{ path('reception_mail')}}" class="accordion-body list-group-item list-group-item-action "><i
  294.               class="bi bi-mailbox"></i> Boîte de reception : 0</a>
  295.           <a href="{{ path('envoie_mail')}}" class="accordion-body list-group-item list-group-item-action "><i
  296.               class="bi bi-send"></i> Boîte d'envoi : 0</a>
  297.           {% endif%}
  298.         </div>
  299.       </div>
  300.       <div class="list-group">
  301.         <a href="{{ path('app_logout')}}" class="list-group-item list-group-item-action "><i
  302.             class="bi bi-box-arrow-right"></i> Déconnexion</a>
  303.       </div>
  304.     </div>
  305.   </div>
  306. </div>