<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Furniture Shop Navigation</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <style>
        #furniture-shop-navbar {
            background-color: #2c3e50;
            box-shadow: 0 2px 4px rgba(0,0,0,.1);
        }
        #furniture-shop-navbar .navbar-brand {
            font-weight: bold;
            color: #ecf0f1 !important;
        }
        #furniture-shop-navbar .nav-link {
            color: #ecf0f1 !important;
            margin: 0 5px;
            padding: 8px 15px !important;
            border-radius: 20px;
            transition: all 0.3s ease;
        }
        #furniture-shop-navbar .nav-link:hover,
        #furniture-shop-navbar .nav-link:focus,
        #furniture-shop-navbar .nav-link.active {
            background-color: #34495e;
            color: #ffffff !important;
        }
        #furniture-shop-navbar .navbar-toggler {
            border-color: #bdc3c7;
        }
        #furniture-shop-navbar .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(236, 240, 241, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }
        #furniture-shop-navbar .nav-icon {
            margin-right: 8px;
        }
        @media (min-width: 992px) {
            #furniture-shop-navbar .navbar-nav {
                margin-left: auto;
            }
        }
    </style>
</head>
<body>
    <nav id="furniture-shop-navbar" class="navbar navbar-expand-lg navbar-dark">
        <div class="container">
            <a class="navbar-brand" href="easypay.php">
                <i class="fas fa-couch nav-icon"></i>
                Furniture Shop
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link active" href="easypay.php">
                            <i class="fas fa-tachometer-alt nav-icon"></i>
                            Dashboard
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="add_customers.php">
                            <i class="fas fa-user-plus nav-icon"></i>
                            Add Customer
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="create_installment_plan.php">
                            <i class="fas fa-file-invoice-dollar nav-icon"></i>
                            Create Plan
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="record_payment.php">
                            <i class="fas fa-money-bill-wave nav-icon"></i>
                            Record Payment
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="generate_report.php">
                            <i class="fas fa-chart-bar nav-icon"></i>
                            Reports
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="installment_summary_report.php">
                            <i class="fas fa-file-alt nav-icon"></i>
                            Installment Report
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</body>
</html>