<!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="history.css">
</head>

<body>
    <section id="homebg">
        <section id="header">
            <img id="frame-6" src="Frame 6.png">
                <span>Account User</span>
            </section>

        <h2>History</h2>
        <section id="history-section">
            <div class="history-container">
                <input type="text" id="search-bar" placeholder="Search...">
                <table>
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Items</th>
                            <th>PDF Receipt</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>2/10/25</td>
                            <td>3</td>
                            <td><a href="#">view</a></td>
                            <td><button class="delete-btn">Delete</button></td>
                        </tr>
                        <tr>
                            <td>2/2/25</td>
                            <td>5</td>
                            <td><a href="#">view</a></td>
                            <td><button class="delete-btn">Delete</button></td>
                        </tr>
                        <tr>
                            <td>1/14/25</td>
                            <td>1</td>
                            <td><a href="#">view</a></td>
                            <td><button class="delete-btn">Delete</button></td>
                        </tr>
                        <tr>
                            <td>11/10/24</td>
                            <td>10</td>
                            <td><a href="#">view</a></td>
                            <td><button class="delete-btn">Delete</button></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>
    </section>
</body>

</html>
