?
酔雨の風webshll2019
<header class="main-header navbar-light header-sticky header-sticky-smart header-mobile-lg">
<div class="sticky-area">
<div class="container" dir="rtl">
<nav class="navbar navbar-expand-lg px-0">
<a class="navbar-brand" href="index.php">
<img src="images/ashkara5.png" alt="ashkara" style="width:160px;" class="d-none d-lg-inline-block">
<img src="images/ashkara5.png" alt="ashkara" style="width:160px;" class="d-inline-block d-lg-none">
</a>
<!-- Bouton hamburger pour mobile -->
<button class="navbar-toggler border-0 px-0" type="button" data-toggle="collapse" data-target="#primaryMenu01" aria-controls="primaryMenu01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse mt-3 mt-lg-0 mx-auto flex-grow-0" id="primaryMenu01">
<ul class="navbar-nav hover-menu main-menu px-0 mx-lg-n4" style="direction: rtl;">
<li id="navbar-item-home" aria-haspopup="true" aria-expanded="false" class="nav-item dropdown py-2 py-lg-5 px-0 px-lg-4">
<a class="nav-link p-0" href="index.php">
专讗砖讬
</a>
</li>
<li id="navbar-item-property" aria-haspopup="true" aria-expanded="false" class="nav-item dropdown py-2 py-lg-5 px-0 px-lg-4">
<a class="nav-link p-0" href="listing-all-properties.php">
谞讻住讬诐 诇讛砖讻专讛
</a>
</li>
<li id="navbar-item-property" aria-haspopup="true" aria-expanded="false" class="nav-item dropdown py-2 py-lg-5 px-0 px-lg-4">
<a class="nav-link p-0" href="about-us.php">
讗讜讚讜转讬谞讜
</a>
</li>
<li id="navbar-item-property" aria-haspopup="true" aria-expanded="false" class="nav-item dropdown py-2 py-lg-5 px-0 px-lg-4">
<a class="nav-link p-0" href="contact-us.php">
爪讜专 拽砖专
</a>
</li>
<!-- Options de connexion/compte pour mobile uniquement -->
<li class="nav-item d-lg-none mobile-user-section">
<?php if($_SESSION['user']['id'] !=""){ ?>
<a class="nav-link p-0" href="dashboard-home.php">
<i class="fas fa-user-circle"></i> 砖诇讜诐 <?php echo $_SESSION['user']['name']; ?>
</a>
<?php }else{ ?>
<a class="nav-link p-0" data-toggle="modal" href="#login-register-modal">
<i class="fas fa-lock"></i> 讻谞讬住转 诪砖转诪砖
</a>
<?php } ?>
</li>
<?php if($_SESSION['user']['id'] !=""){
$messages = mysqli_query($link, "SELECT m.*, u.name FROM `rent_messages` m
INNER JOIN `rent_users` u ON m.id_sender = u.id
WHERE (m.id_sender = ".$_SESSION['user']['id']." OR m.id_receiver = ".$_SESSION['user']['id'].") AND m.status_mess_read = '诇讗 谞拽专讗讛'
ORDER BY m.date_message DESC");
$row_cnt_mess = mysqli_num_rows($messages);
?>
<li class="nav-item d-lg-none mobile-user-section">
<a class="nav-link p-0" href="dashboard-my-messages.php">
<i class="fad fa-envelope-square"></i> 讛讜讚注讜转
<?php if($row_cnt_mess > 0){ ?>
<span class="badge badge-primary"><?=$row_cnt_mess?></span>
<?php } ?>
</a>
</li>
<?php } ?>
</ul>
</div>
<div class="d-none d-lg-block">
<ul class="navbar-nav flex-row justify-content-lg-end d-flex flex-wrap text-body py-2">
<li class="nav-item" style="padding-top:20px;"><?php
if($_SESSION['user']['id'] !=""){
echo "<a style=\"background-color: #0ec6d5; color: white; padding: 8px 16px; border-radius: 5px; text-decoration: none; transition: background-color 0.3s ease;\" onmouseover=\"this.style.backgroundColor='#4dd4e0'\" onmouseout=\"this.style.backgroundColor='#0ec6d5'\" href=\"dashboard-home.php\">砖诇讜诐 ".$_SESSION['user']['name']."</a>";
}else{
?>
<a class="nav-link px-2" data-toggle="modal" href="#login-register-modal" style="background-color: #0ec6d5; color: white; padding: 8px 16px; border-radius: 5px; text-decoration: none; transition: background-color 0.3s ease;" onmouseover="this.style.backgroundColor='#4dd4e0'" onmouseout="this.style.backgroundColor='#0ec6d5'">讻谞讬住转 诪砖转诪砖 <i class="fas fa-lock"></i></a>
<?php }?>
</li>
<li class="nav-item">
<?php
if($_SESSION['user']['id'] !=""){
$messages = mysqli_query($link, "SELECT m.*, u.name FROM `rent_messages` m
INNER JOIN `rent_users` u ON m.id_sender = u.id
WHERE (m.id_sender = ".$_SESSION['user']['id']." OR m.id_receiver = ".$_SESSION['user']['id'].") AND m.status_mess_read = '诇讗 谞拽专讗讛'
ORDER BY m.date_message DESC");
$row_cnt_mess = mysqli_num_rows($messages);
?>
<a class="nav-link px-2 position-relative" href="dashboard-my-messages.php" style="padding-top:20px;" title="讛讜讚注讜转">
<i class="fad fa-envelope-square fs-large-6"></i>
<span class="badge badge-primary badge-circle badge-absolute"><?=$row_cnt_mess?></span>
</a>
<a class="nav-link px-2" href="javascript:;" id="disconnect" style="padding-top:20px; padding-right:0 !important;" title="讬爪讬讗讛">
<i class="fad fa-sign-out-alt fs-large-6"></i>
</a>
<?php }?>
</li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<!-- Styles pour le menu mobile hamburger -->
<style>
/* Style du bouton hamburger */
.navbar-toggler {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
z-index: 1000;
}
.navbar-toggler-icon {
width: 25px;
height: 2px;
background-color: #333;
display: block;
position: relative;
transition: all 0.3s ease;
}
.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
content: '';
width: 25px;
height: 2px;
background-color: #333;
display: block;
position: absolute;
transition: all 0.3s ease;
}
.navbar-toggler-icon::before {
top: -8px;
}
.navbar-toggler-icon::after {
top: 8px;
}
/* Animation du hamburger quand ouvert */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
background-color: transparent;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
transform: rotate(45deg);
top: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
transform: rotate(-45deg);
top: 0;
}
/* Menu mobile */
@media (max-width: 991px) {
.navbar-collapse {
position: fixed;
top: 0;
right: 0;
width: 80%;
max-width: 300px;
height: 100vh;
background-color: #fff;
box-shadow: -2px 0 10px rgba(0,0,0,0.1);
z-index: 999;
padding: 20px;
overflow-y: auto;
transform: translateX(100%);
transition: transform 0.3s ease;
}
.navbar-collapse.show {
transform: translateX(0);
}
.navbar-collapse.collapsing {
transform: translateX(100%);
transition: transform 0.3s ease;
}
.navbar-nav {
flex-direction: column;
width: 100%;
}
.navbar-nav .nav-item {
width: 100%;
border-bottom: 1px solid #eee;
padding: 0 !important;
}
.navbar-nav .nav-link {
padding: 15px 10px !important;
display: block;
width: 100%;
text-align: right;
}
/* Section utilisateur dans le menu mobile */
.mobile-user-section {
background-color: #f8f9fa;
margin-top: 10px;
}
.mobile-user-section .nav-link {
color: #0ec6d5 !important;
font-weight: 500;
}
.mobile-user-section .nav-link i {
margin-left: 8px;
}
.mobile-user-section .badge {
background-color: #0ec6d5;
color: white;
padding: 3px 8px;
border-radius: 12px;
font-size: 12px;
margin-right: 5px;
}
/* Overlay pour fermer le menu */
.navbar-collapse.show::before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: -1;
}
}
</style>
<!-- Script pour am茅liorer le comportement du menu mobile -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Fermer le menu en cliquant sur un lien
var navLinks = document.querySelectorAll('#primaryMenu01 .nav-link');
navLinks.forEach(function(link) {
link.addEventListener('click', function() {
var navbar = document.getElementById('primaryMenu01');
if (navbar.classList.contains('show')) {
var toggler = document.querySelector('.navbar-toggler');
toggler.click();
}
});
});
// Fermer le menu en cliquant en dehors
document.addEventListener('click', function(event) {
var navbar = document.getElementById('primaryMenu01');
var toggler = document.querySelector('.navbar-toggler');
if (navbar.classList.contains('show') &&
!navbar.contains(event.target) &&
!toggler.contains(event.target)) {
toggler.click();
}
});
// Script de d茅connexion
$(document).on('click', "#disconnect", function() {
if (confirm('讛讗诐 讗转讛 讘讟讜讞 砖讗转讛 专讜爪讛 诇讛转谞转拽?')) {
$.post("disconnect.php");
setTimeout(function() {
window.location.href = "index.php";
}, 500);
}
});
});
</script>