<!DOCTYPE HTML>
<html lang="en">
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->

<head>
    <title>My Bill</title>
    <?php require_once("header.php") ?>
    <div class="header header-fixed header-logo-center header-auto-show">
        <a href="index-2.html" class="header-title">Welcome</a>
        <a href="#" data-back-button class="header-icon header-icon-1"><i class="fas fa-chevron-left"></i></a>
        <a href="#" data-menu="menu-main" class="header-icon header-icon-4"><i class="fas fa-bars"></i></a>
        <a href="#" data-toggle-theme class="header-icon header-icon-3 show-on-theme-dark"><i class="fas fa-sun"></i></a>
        <a href="#" data-toggle-theme class="header-icon header-icon-3 show-on-theme-light"><i class="fas fa-moon"></i></a>
    </div>
    <?php require_once("footer.php") ?>
    <div class="page-content">
        <div class="card notch-clear rounded-0 gradient-blue pb-4 mb-0">
            <div class="card-body pt-4">
                <div class="d-flex">
                    <div class="align-self-center">
                        <h1 class="color-white font-28 float-start mb-0">My Bill</h1>
                    </div>
                    <div class="ms-auto align-self-center">
                        <a href="#" data-menu="menu_nav" class="bg-theme icon icon-xs font-600 rounded-sm color-theme menu_class"><i class="fa fa-bars"></i></a>
                    </div>
                </div>
            </div>
            <div class="content z-depth-2 card p-3 mt-3 mb-0">
                <div class="d-flex">
                    <div class="pe-4">
                        <p class="font-600 color-highlight mb-0">Your Wallet Balance</p>
                        <h3>130,000,000</h3>
                    </div>
                    <div class="w-100 pt-1">
                        <h6 class="font-14 font-500">Total Debt<span class="float-end color-red-dark">N200,000,000</span></h6>
                        <div class="divider mb-2 mt-1"></div>
                        <h6 class="font-14 font-500">Total Ward<span class="float-end color-blue-dark">1 Ward</span></h6>
                    </div>
                </div>
                <div class="divider mb-3"></div>
                <div class="row mb-0">
                    <div class="col-6 pe-1">
                        <h6 class="font-12 font-500">Current Session & Term</h6>
                        <h6 class="font-12 color-brown-dark mb-0">2022/2023 3rd Term</h6>
                    </div>
                    <div class="col-6 ps-1">
                        <!-- <h6 class="font-12 font-500">Savings</h6> -->
                        <a data-menu="filterSchools" href="#" class="btn btn-full bg-red-dark btn-m filter_schools z-depth-1">Wallet Action </a>
                    </div>
                    <div class="col-12 pb-3"></div>
                </div>
            </div>
        </div>
        
        <div class="p-2">
            <div class="row text-center pt-2">
                <div class="col-12 pe-2">
                    <div class="d-flex z-depth-1 p-2 mb-3 " style="background: rgba(255, 255, 255, 0.9);border-radius: 10px;">
                        <div class="w-35 border-right border-highlight">
                            <img src="images/avatars/2s.png" width="90" class="bg-highlight rounded-circle z-depth-1">
                            <h6 class="font-12 font-600 mt-2 text-center">JSS1 D</h6>
                            <!-- <p class="color-blue-dark mb-n3 font-10 font-400 text-center mb-0 pt-1">Male</p> -->
                            <span class="z-depth-1 badge bg-red-dark font-10">N2,250,000.00</span>
                        </div>
                        <div class="w-100 ps-3 pt-2">
                            <h5 style="text-align: left;">Kelechi Chukwuka Chimaroke</h5>
                            <div style="background: #f8f9fa;">
                                <table border="0" class="t-student text-center mb-2" style="width:100%;">
                                    <thead>
                                        <tr>
                                            <th class="opacity-40 font-8">TOTAL</th>
                                            <th class="opacity-40 font-8">COMPLETED</th>
                                            <th class="opacity-40 font-8">INDEBT</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><span class="color-dark font-10">12</span></td>
                                            <td><span class="color-green-dark font-10">10</span></td>
                                            <td><span class="color-red-dark font-10">10</span></td>
                                        </tr>
                                        <!-- Add more rows as needed -->
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-lg-12 mb-0 mb-2 space_evenly">
                                <div class=" item_space">
                                    <a href="student_bill.php" class="btn btn-full bg-blue-dark btn-m filter_schools">Tap here to view bill </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>


    <div id="menu-main" class="menu menu-box-left rounded-0" data-menu-load="menu-main.html" data-menu-width="280" data-menu-active="nav-pages"></div>

    <div id="menu-share" class="menu menu-box-bottom rounded-m" data-menu-load="menu-share.html" data-menu-height="370"></div>

    <div id="menu-colors" class="menu menu-box-bottom rounded-m" data-menu-load="menu-colors.html" data-menu-height="480"></div>
    </div>
    <?php require_once("script.php") ?>