<div class="container-fluid nav-bar bg-transparent">
<div class="bg-primary text-light">
<div class="row">
<div class="col-6">
<i class="fa fa-envelope mx-2"></i>
<a class="navbar-sm-brand text-light text-decoration-none" href="mailto:infos@ordietpieces.com"> infos@scicawally.com</a>
<i class="fa fa-phone mx-2"></i>
<a class="navbar-sm-brand text-light text-decoration-none" href="tel:010-020-0340">+225 07 07 34 16 16</a>
</div>
<div class="col-6 align-content-end">
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<a style="text-decoration: none;" class="text-light nav-link" href="{{path('app_logout')}}" ><i class="fab fa-user fa-sm fa-fw me-lg-5"></i>Déconexion</a>
{% else %}
<a style="text-decoration: none;" class="text-light mx-5" href="{{path('app_login')}}" ><i class="fa fa-user me-lg-2"></i>Connexion</a>
{% endif %}
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
{% if app.user.roles =="ROLE_USER" %}
<a class="text-light" href="#" ><i class="fa fa-user fa-sm fa-fw me-lg-5"></i>Mon compte</a>
{% else %}
<a class="text-light" href="{{path('admin')}}" ><i class="fa fa-user me-lg-5"></i>Mon compte</a>
{% endif %}
{% else %}
<a class="text-light mx-5" style="text-decoration: none" href="{{path('register')}}" ><i class="fa fa-user fa-sm mx-1"></i>S'inscrire</a>
{% endif %}
<a class="text-light" href="#" target="_blank" ><i class="fab fa-facebook-f fa-sm fa-fw me-2"></i></a>
<a class="text-light" href="#" target="_blank"><i class="fab fa-instagram fa-sm fa-fw me-2"></i></a>
<a class="text-light" href="#" target="_blank"><i class="fab fa-twitter fa-sm fa-fw me-2"></i></a>
<a class="text-light" href="#" target="_blank"><i class="fab fa-linkedin fa-sm fa-fw me-2"></i></a>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg bg-white navbar-light py-0 px-4">
<a href="{{ path('frontend_home') }}" class="navbar-brand d-flex align-items-center text-center">
<div class="icon p-2 me-2">
<img class="img-fluid" src=" {{ asset('build/images/SCICAWALLY.png') }}" alt="Icon" style="width: 60px; height: 60px;">
</div>
<h1 class="m-0 text-primary d-none d-sm-block"> <span class="text-secondary">SCI </span>CAWALLY</h1>
</a>
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto">
<a href="{{ path('frontend_home') }}" class="nav-item nav-link {% if(controller_name =="Home") %} active {% endif %}" >Accueil</a>
<a href="{{ path('frontend_about') }}" class="nav-item nav-link {% if(controller_name =="AboutController") %} active {% endif %}">Qui sommes nous ?</a>
<div class="nav-item dropdown">
<a href="{{ path('frontend_property') }}" class="nav-link {% if(controller_name =="PropertyController") %} active {% endif %}" >Nos Biens</a>
<div class="dropdown-menu rounded-0 m-0">
<a href="{{ path('app_front_end_property_fo_sale') }}" class="dropdown-item">Vente</a>
<a href="{{ path('app_front_end_property_for_rent') }}" class="dropdown-item">À louer</a>
</div>
</div>
<a href="{{ path('app_front_end_project') }}" class="nav-item nav-link {% if(controller_name =="ProjectController") %} active {% endif %}">Projet en cours </a>
<a href="{{ path('frontend_contact') }}" class="nav-item nav-link {% if(controller_name =="ContactController") %} active {% endif %}">Contact</a>
</div>
</div>
</nav>
</div>