<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PharmaEase</title>
    <link rel="stylesheet" href="style.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Days+One&family=Lexend:wght@100..900&family=Teko:wght@300..700&display=swap');
    </style>
</head>

<body>
    <section id="homebg">
        <nav class="navbar">
            <div class="navbar-container">
                <a href="#" class="navbar-brand">
                    <img src="logo.png" alt="PharmaEase Logo">
                    <span>PharmaEase</span> </a>
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a href="home.php" class="nav-link">Home</a>
                    </li>
                    <li class="nav-item">
                        <a href="dashboard.php" class="nav-link">Dashboard</a>
                    </li>
                    <li class="nav-item">
                        <a href="user-profile.php" class="nav-link">Profile</a>
                    </li>
                    <li class="nav-item">
                        <a href="index.php" class="nav-link">Logout</a>
                    </li>
                </ul>
            </div>
        </nav>
        <section id="welcome">
            <h1>Welcome to PharmaEase <br>
                A service you can trust</h1>

            <div class="frame-11">
                <button class="check-discount-offer">About</button>
            </div>
        </section>
        <section id="whitespace">
            <br><br><br><br><br><br><br><br>
            <br><br><br><br><br><br><br><br>
        </section>
        </section>
        <div class="container">
        <div class="dashboard-section">
        <h1 class="dashboard-title">Dashboard</h1>

        <div class="container">
        <div class="completed-section">
            <div class="section-header">COMPLETED</div>
            <div class="table-header">
                <div class="col-id">Id</div>
                <div class="col-name">Name</div>
                <div class="col-email">Email</div>
                <div class="col-pdf">PDF receipt</div>
            </div>
            <div class="table-rows">
                <div class="row">
                    <div class="col-id">001</div>
                    <div class="col-name">Margrethe Glipo</div>
                    <div class="col-email">mg@gmail.com</div>
                    <div class="col-pdf"><button class="view-btn">view</button></div>
                </div>
                <div class="row">
                    <div class="col-id">002</div>
                    <div class="col-name">Glory Mae Plateros</div>
                    <div class="col-email">glorymei@gmail.com</div>
                    <div class="col-pdf"><button class="view-btn">view</button></div>
                </div>
                <div class="row">
                    <div class="col-id">003</div>
                    <div class="col-name">Franz Robert Padios</div>
                    <div class="col-email">robert@gmail.com</div>
                    <div class="col-pdf"><button class="view-btn">view</button></div>
                </div>
            </div>
        </div>

        <div class="right-section">
            <div class="queue-section">
                <div class="section-header">QUEUE</div>
                <div class="queue-number">#004</div>
                <div class="queue-list">
                    <div class="queue-item">#005</div>
                    <div class="queue-item">#006</div>
                    <div class="queue-item">#007</div>
                </div>
            </div>

            <div class="announcements-section">
                <div class="section-header">ANNOUNCEMENTS</div>
                <div class="announcement-list">
                    <div class="announcement-item">Low Stock of Cetirizine</div>
                    <div class="announcement-item">Meeting @ 2pm</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>