<?php
include "../Links/topLinks.php";
?>
<main class="main-height height-950">

    <section class="section-dashboard manage-event">
        <div class="container">
            <div class="d-flex">
                <div class="manage-event-icon">
                    <a href="./wallet.php">
                        <i class="fa-solid fa-chevron-left arrow-left"></i>
                    </a>
                </div>
                <div class="event-content">
                    <h5 class="event-title text-center">
                        Wallet
                    </h5>
                </div>
            </div>

            <div class="logo-wallet-details my-4">
                <img src="../assets/images/logo-wallet.png" class="logo-wallet" alt="logo">
                <h6 class="logo-wallet-title">UC University</h6>
            </div>

            <div class="business-profile-details wallet-details">
                <div class="d-flex justify-content-between align-items-center bg-wallet-color">
                    <div class="balance-box">
                        <p class="balance-box-para">Your Balance</p>
                    </div>
                    <div class="balance-box-amount">
                        <h5 class="balance-box-amount-title">$1234</h5>
                    </div>
                </div>
            </div>

            <div class="business-profile-details wallet-details">
                <form action="#" method="POST" class="wallet-form wallet-details-form">
                    <ul class="amount-wallet-box">
                        <li class="amount-wallet-box-para">Amount</li>
                    </ul>
                    <div class="input-number-wallet">
                        <input class="form-control input-number" type="number" name="number" placeholder="Enter Amount" required>
                    </div>
                </form>
            </div>

            <div class="business-profile-details wallet-details card-box">
                <ul class="amount-wallet-box">
                    <li class="amount-wallet-box-para">Card
                    </li>
                </ul>
                <div class="d-flex bg-wallet-color">
                    <div class="wallet-image">
                        <img src="../assets/images/wallet1.png" class="image-wallet" alt="image">
                    </div>
                    <div class="wallet-name-number">
                        <h5 class="wallet-title">John Doe</h5>
                        <p class="wallet-para">
                            <span class="hide-wallet-number">**** </span>
                            <span class="hide-wallet-number">**** </span>
                            <span class="hide-wallet-number">**** </span>
                            3342
                        </p>
                        <div class="available-payout-details">
                            <div class="payout-content">
                                <h5 class="payout-amount">$16,006</h5>
                                <p class="payout-para">Available payout</p>
                            </div>
                            <div class="edit-btn">
                                <button class="btn edit-btn">Edit</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="new-event-btn request-btns">
                <button class="btn add-new-event-btn boost">
                    Send Request
                </button>
            </div>

            <div class="new-event-btn request-btns cancel-request">
                <a href="./wallet.php">
                    <button class="btn add-new-event-btn cancel-request-btn">
                        Cancel Request
                    </button>
                </a>
            </div>

        </div>
    </section>

    <div class="confirm-editProduct" id="success-wallet-box">
        <div class="first-popup-div"></div>
        <div class="editProduct-popup successPopup">
            <div class="images-success">
                <img src="../assets/images/undraw_agree_re_hor9 1.png" class="image-success" alt="Image">
            </div>
            <div id="confirmMessageCongrats" class="congrats-popup-para">Congrats! <br>
                Your Request has been submitted</div>
        </div>
    </div>

</main>

<?php
include "../Links/bottomLinks.php";
?>

<?php
// include "./Links/headerbottom.php";
?>