<?php
$currentpage=basename($_SERVER["PHP_SELF"]);
?>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="./Media/logo-1.png" />
    <link rel="stylesheet" href="./css/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
    <!-- <link rel="apple-touch-icon" href="" /> -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <!-- Google fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
<!-- FontAwesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
   
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    
    <title>Red apple Clone</title>
  </head>
  <body>

  <marquee class="bg-danger text-light py-1 poppins"><p class="m-0 p-0" style="font-size: 14px;">Due to rainy season, the estimated delivery time for website orders is 60 minutes!</p></marquee>
   <nav class="navbar navbar-expand-lg bg-body-tertiary position-sticky top-0 z-3">
  <div class="container-fluid">
    <div class="d-flex  w-100">
      <div class="d-flex align-items-center">
        <img src="./Media/logo-1.png" alt="logo-apple" width="80" />
        <a class="navbar-brand m-1" href="#">
          <h3 class="text-danger poppins" style="font-size: 22px;font-weight: bold;margin: 0;">Our Restaurant</h3>
          <p style="font-size:14px;" class="m-0 poppins">
            <span class="text-success">10:45 am - 8:00 pm</span>
          </p>
        </a>
      </div>

    
    </div>

    <div class="d-flex py-1 align-items-center">
      <a href="#">
        <button class="btn btn-light shadow-lg rounded-pill mx-2 d-small-none">
        <i class="fa-solid fa-phone text-danger mx-2"></i>
        <span class="poppins">021-111-222-333</span>
      </button>
      </a>
    <a href="#">
        <button class="btn btn-light shadow-lg rounded-pill mx-2">
        <i class="fa-brands fa-whatsapp text-danger mx-2 fs-5"></i>
      </button>
    </a>
     <a href="./index.php">
       <button class="btn btn-light shadow-lg rounded-pill mx-2">
        <i class="fa-solid fa-house text-danger mx-2 fs-5"></i>
      </button>
     </a>
    <?php
    if($currentpage!=="checkout.php")
     :?>
       <button class="btn btn-danger shadow-lg mx-2 position-relative" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
        <i class="fa-solid fa-cart-shopping mx-2"></i>
          <span class="poppins">Cart</span><span class="position-absolute top-0 start-100 translate-middle badge rounded-pill text-bg-danger border" id="card-quantity">0</span>


        </button>
     
  
     <?php endif; ?>
    </div>
  </div>
</nav>

