<?php /* app/Views/undepositedfunds/left/make_bank_deposit.php */ ?>

<div class="container-fluid text-navy p-3">
    <!-- Red "X" and Amount Display side by side -->
    <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;">
        <span
            id="closeMakeDepositBtn"
            style="
                display:inline-block;
                width:24px; 
                height:24px; 
                text-align:center; 
                line-height:24px; 
                border-radius:50%; 
                background-color:#dc3545; 
                color:#ffffff; 
                cursor:pointer;
            "
            title="Cancel & Clear Selected"
        >
            &#x2716;
        </span>
        <span style="font-size: 1rem; text-align: right;">
            Amount Selected for Deposit
            <span id="amountSelectedDisplay" style="font-size: 1.3rem; font-weight: 600;">$0.00</span>
        </span>
    </div>
    <button id="finalizeDepositBtn" class="btn btn-primary w-100 mt-2" disabled>Finalize Deposit</button>

    <h5>Make Bank Deposit (Sidebar)</h5>
    <p>Select the transactions in the middle pane, then finalize deposit, or click the red 'X' to cancel.</p>
    <ul id="selectedDepositsList" class="mb-3"></ul>
    <!-- more left-pane instructions or controls can go here -->

</div>
