<div class="fixed-top position-absolute"> <div class="container-fluid shadow fixed-top" id="navbar"> <nav class="navbar navbar-expand-lg"> <div class="container-fluid"> <a class="navbar-brand row" href="{{ path('app_home') }}"> <img class="logo-mobile" src="{{ asset('assets/img/logo/logo-mobile.webp') }}" alt="logo VOYANCE EN LIGNEs"> </a> <button class="navbar-toggler navbar-dark" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-lg-0"> <li class="nav-item "> <a class="nav-link active" aria-current="page" href="{{path('app_home')}}">Accueil</a> </li> <!-- <li class="nav-item "> <a class="nav-link active" aria-current="page" href="{{path('app_all')}}">Nos conseillers</a> </li> --> <li class="nav-item "> <a class="nav-link" href="{{path('app_tarifs')}}">Tarifs</a> </li> <li class="nav-item "> <a class="nav-link" href="{{path('app_infos')}}">Qui Sommes-nous</a> </li> <li class="nav-item "> <a class="nav-link " href="{{path('app_horoscope')}}">Horoscope</a> </li> <li class="nav-item "> <a class="nav-link " href="{{path('app_voyance')}}">Voyance</a> </li> <li class="nav-item "> <a class="nav-link " href="{{path('app_cartomancie')}}">Cartomancie</a> </li> <li class="nav-item "> <a class="nav-link " href="{{path('app_tarotGratuit')}}">Voyance gratuite</a> </li> <li class="nav-item "> <a class="nav-link " href="https://blog.voyanceenlignes.com/">Blog</a> </li> </ul> <div class="d-flex-xs"> <ul class="nav justify-content-end-xs "> {% if app.user %} <li class="nav-item d-none d-sm-block"> <button class="btn "> <a href="{{path('app_tarifs')}}" class="nav-link"> Code Client </a> <strong class="text-white"> {{app.user.code}}</strong> </button> </li> {% if app.user.kindofcredit == 1 %} <li class="nav-item d-none d-sm-block"> <button class="btn "> <a href="{{path('app_tarifs')}}" class="nav-link"> <i class="bi bi-currency-euro"></i> {{app.user.credit}} </a> </button> </li> {%else%} <li class="nav-item d-none d-sm-block"> <button class="btn "> <a href="{{path('app_tarifs')}}" class="nav-link"> Minutes </a> {% set newSolde = app.user.solde %} {%if newSolde >= 3600%} <strong class="text-white" id="solde"> {{newSolde|date('H:i:s', timezone=false)}}</strong> {%else%} <strong class="text-white" id="solde"> {{newSolde|date("i:s", timezone=false)}}</strong> {%endif%} </button> </li> {%endif%} {% else %} {% endif %} <li class="nav-item "> {% if app.user %} {% if app.user.emailsRecieved|length is null %} {% else %} {% set i = app.user.emailsRecieved|length %} {% for mail in app.user.emailsRecieved %} {% if mail.isRead %} {% set i = i - 1 %} {% endif %} {% endfor %} {% endif %} <div class="col-3 "> <button class="btn d-none d-sm-block"> <a href="{{path('app_email')}}" class="nav-link"> <i class="bi bi-envelope"></i> <span class="badge bg-white text-warning" style="position:absolute; margin-top:24px; margin-left: -2px;"> {{i}} </span> </a> </button> </div> {% else %} <li class="nav-item navbar-nav"> <div class=" col-sm-9 "> <a href="{{path('app_login')}}" class="nav-link"> <button class="btn" type="button"> <i class="bi bi-person "></i> </button> </a> <!-- <p class="text-center text-white">déconnexion</p> --> </div> </li> {% endif %} </li> {% if app.user %} <li class="nav-item navbar-nav"> <div class=" col-sm-9 mt-2"> <button class="btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#userInfo" aria-controls="offcanvasExample"> <i class="bi bi-person "></i> </button> </div> </li> {% endif %} </ul> </div> </div> </div> </nav> </div> </div> <div class="container-fluid d-flex justify-content-end mt-5 d-sm-none d-block bg-primary "> {% if app.user %} <div class="col-12 d-flex justify-content-end mt-4 text-white row"> <button class="btn btn-primary col-5"> <a href="{{path('app_tarifs')}}" class="nav-link _link text-white"> Code Client {{app.user.code}} </a> </button> {% if app.user.kindofcredit == 1 %} <button class="btn bt-primary col-3 "> <a href="{{path('app_tarifs')}}" class="nav-link _link text-white"> <i class="bi bi-currency-euro"></i> <p id="solde">{{app.user.credit}}</p> </a> </button> {%else%} <button class="btn bt-primary col-3 "> <a href="{{path('app_tarifs')}}" class="nav-link _link text-white"> Minutes {%if newSolde >= 3600%} <p id="solde">{{newSolde|date("H:i:s", timezone=false)}}</p> {%else%} <p id="solde"> {{newSolde|date("i:s", timezone=false)}}</p> {%endif%} </a> </button> {%endif%} <button class="btn bt-primary col-3 text-white" type="button" data-bs-toggle="offcanvas" data-bs-target="#userInfo" aria-controls="offcanvasExample"> <i class="bi bi-person "></i> </button> {% else %} <a href="{{path('app_login')}}" class="d-flex justify-content-end mt-4"> <button class="btn btn-primary"> <i class="bi bi-person "></i> </button> </a> {% endif %} </div> <!-- <ul class="nav justify-content-end-xs mt-5"> {% if app.user %} <li class="nav-item d-none d-sm-block mt-5 text-dark"> <button class="btn bt-primary "> <a href="{{path('app_tarifs')}}" class="nav-link _link"> <i class="bi bi-asterisk"></i> {{app.user.code}} </a> </button> </li> <li class="nav-item d-none d-sm-block"> <button class="btn mt-5"> <a href="{{path('app_tarifs')}}" class="nav-link _link"> <i class="bi bi-currency-euro"></i> {{app.user.credit}} </a> </button> </li> {% else %} {% endif %} <li class="nav-item "> {% if app.user %} {% if app.user.emailsRecieved|length is null %} {% else %} {% set i = app.user.emailsRecieved|length %} {% for mail in app.user.emailsRecieved %} {% if mail.isRead %} {% set i = i - 1 %} {% endif %} {% endfor %} {% endif %} <div class="col-3 "> <button class="btn d-none d-sm-block mt-5"> <a href="{{path('app_email')}}" class="nav-link _link"> <i class="bi bi-envelope"></i> <span class="badge bg-white text-warning" style="position:absolute; margin-top:44px; margin-left: -2px;"> {{i}} </span> </a> </button> </div> {% else %} <li class="nav-item navbar-nav"> <div class=" col-sm-9 mt-5"> <a href="{{path('app_login')}}" class="nav-link _link"> <button class="btn" type="button"> <i class="bi bi-person "> </i> </button> </a> <p class="text-center text-white">déconnexion</p> </div> </li> {% endif %} </li> {% if app.user %} <li class="nav-item navbar-nav"> <div class=" col-sm-9 "> <button class="btn mt-5" type="button" data-bs-toggle="offcanvas" data-bs-target="#userInfo" aria-controls="offcanvasExample"> <i class="bi bi-person "> </i> </button> </div> </li> {% endif %} </ul> --> </div> <div class="offcanvas offcanvas-end" tabindex="-1" id="userInfo" aria-labelledby="offcanvasExampleLabel"> <div class="offcanvas-header"> {% if app. user%} <h2 class="offcanvas-title" id="offcanvasExampleLabel">{{app.user.firstName}} {{app.user.lastName}}</h2> <br> {% else %} <h2 class="offcanvas-title" id="offcanvasExampleLabel">Compte Utilisateur</h2> {% endif %} <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body"> <div class="list-group"> <a href="{{ path('app_user_interface')}}" class="list-group-item list-group-item-action active"> <i class="bi bi-person "></i> Mes coordonnées</a> </div> <div class="list-group"> <a href="{{ path('app_userComment')}}" class="list-group-item list-group-item-action "> <i class="bi bi-card-text"></i> Mes Avis</a> </div> <div class="list-group"> <a href="{{ path('app_userOperation')}}" class="list-group-item list-group-item-action "> <i class="bi bi-cash-coin"></i> Mes opérations</a> </div> <div class="list-group"> <a href="{{ path('app_userConsulting')}}" class="list-group-item list-group-item-action "> <i class="bi bi-person-workspace"></i> Mes consultations</a> </div> <div class="list-group"> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingOne"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" href="#collapse" data-bs-target="#serviceOne" aria-expanded="false" aria-controls="flush-collapseOne"> <i class="bi bi-envelope"></i> Mes Qestions Mail </button> </h2> <div id="serviceOne" class="accordion-collapse collapse list-group" aria-labelledby="flush-headingOne" data-bs-parent="#serviceFlush"> {% if app.user %} {% if app.user.emailsRecieved|length is null %} <a href="{{ path('reception_mail')}}" class="accordion-body list-group-item list-group-item-action "> <i class="bi bi-mailbox"></i> Boîte de reception : 0</a> {% else %} <a href="{{ path('reception_mail')}}" class="accordion-body list-group-item list-group-item-action "> <i class="bi bi-mailbox"></i> Boîte de reception : {{app.user.emailsRecieved|length}}</a> {% endif %} {% if app.user.emailsSend|length is null %} <a href="{{ path('envoie_mail')}}" class="accordion-body list-group-item list-group-item-action "> <i class="bi bi-send"></i> Boîte d'envoi : 0</a> {% else %} <a href="{{ path('envoie_mail')}}" class="accordion-body list-group-item list-group-item-action "> <i class="bi bi-send"></i> Boîte d'envoi : {{app.user.emailsSend|length}}</a> {% endif %} {% else %} <a href="{{ path('reception_mail')}}" class="accordion-body list-group-item list-group-item-action "> <i class="bi bi-mailbox"></i> Boîte de reception : 0</a> <a href="{{ path('envoie_mail')}}" class="accordion-body list-group-item list-group-item-action "> <i class="bi bi-send"></i> Boîte d'envoi : 0</a> {% endif%} </div> </div> <div class="list-group"> <a href="{{ path('app_logout')}}" class="list-group-item list-group-item-action "> <i class="bi bi-box-arrow-right"></i> Déconnexion</a> </div> </div> </div> </div>