File: /var/www/html/video-rental/wp-content/themes/video-rental-old/header.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Rental</title>
<link rel="icon" type="image/x-icon" href="<?php echo esc_url(get_template_directory_uri()); ?>/img/FAV Iocn.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css"
integrity="sha512-jnSuA4Ss2PkkikSOLtYs8BlYIeeIK1h99ty4YfvRPAlzr377vr3CXDb7sb7eEEBYjDtcYj+AjBH3FLv5uSJuXg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<?php wp_head(); ?>
</head>
<body>
<header class="header">
<nav class="navbar navbar-expand-md navbar-light">
<div class="container custom-container">
<a class="navbar-brand" href="<?php echo home_url(); ?>"> <img
src="<?php echo trim(get_template_directory_uri()); ?>/img/logo.svg"> </a>
<button class="navbar-toggler" type="button" data-toggle="offcanvas">
<div class="hamburger" id="hamburger-1">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
</button>
<div class="navbar-collapse offcanvas-collapse">
<div class="nav-wrapper">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link <?php echo (is_front_page()) ? 'active' : ''; ?>"
href="<?php echo home_url(); ?>">Home</a>
</li>
<li class="nav-item">
<a class="nav-link <?php echo (is_page('about-us')) ? 'active' : ''; ?>"
href="<?= site_url('about-us') ?>">About</a>
</li>
<li class="nav-item">
<a class="nav-link <?php echo (is_page('contact-us')) ? 'active' : ''; ?>"
href="<?= site_url('contact-us') ?>">Contact Us</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link <?php echo (is_page('help')) ? 'active' : ''; ?>" href="<?= site_url('help') ?>">Help</a>
</li> -->
<?php if (!is_user_logged_in()): ?>
<li class="nav-item">
<a class="nav-link <?php echo (is_page('login')) ? 'active' : ''; ?>"
href="<?= site_url('login') ?>">Login/Signup</a>
</li>
<?php endif; ?>
</ul>
</div>
</div>
<?php if (is_user_logged_in()): ?>
<div class="user-wrap" id="userClick">
<a href="#" class="link">
<?php
$default_pic = trim(get_template_directory_uri()) . '/img/user.png';
$profile_pic = get_user_meta(get_current_user_id(), 'profile_picture', true);
$profile_pic = (!empty($profile_pic)) ? esc_url($profile_pic) : $default_pic;
?>
<div class="img-wrap">
<div class="status active"></div>
<img src="<?php echo $profile_pic; ?>" alt="User Profile" class="img">
</div>
<img src="<?php echo trim(get_template_directory_uri()); ?>/img/arrow-don.svg" alt=""
class="arrow">
</a>
<ul class="user-list" style="display: none;">
<li><a href="<?= site_url('profile') ?>">Profile</a></li>
<li><a href="" data-bs-toggle="modal" data-bs-target="#logoutModal" >Logout</a></li>
</ul>
</div>
<?php endif; ?>
</div>
</nav>
</header>