@extends('user.layouts.app')
@section('styles')
    <title>Dashboard</title>
@endsection
@section('content')
    <div data-v-70d36bba="" class="base-layout__content">
        <div data-v-310af960="" data-v-70d36bba="" class="dashboard">
            <div data-v-96bf7de8="" data-v-310af960="" class="base-user-balance">
                <div data-v-f997d269="" data-v-96bf7de8="" class="trust-balance">
                    <div data-v-f997d269="" class="trust-balance__header">
                        <div data-v-f997d269="" class="trust-balance__header--title">
                            <div data-v-f997d269="" class="icon"><svg data-v-f997d269="" width="22" height="22"
                                    viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M2.29169 10.1884C2.29169 8.96422 2.85227 7.80744 3.81311 7.04888L8.52144 3.33177C9.97468 2.18448 12.0254 2.18448 13.4786 3.33177L18.1869 7.04888C19.1478 7.80744 19.7084 8.96422 19.7084 10.1884V15.7083C19.7084 17.9175 17.9175 19.7083 15.7084 19.7083H14.75C14.1977 19.7083 13.75 19.2606 13.75 18.7083V16.2083C13.75 15.1038 12.8546 14.2083 11.75 14.2083H10.25C9.14545 14.2083 8.25002 15.1038 8.25002 16.2083V18.7083C8.25002 19.2606 7.80231 19.7083 7.25002 19.7083H6.29169C4.08255 19.7083 2.29169 17.9175 2.29169 15.7083L2.29169 10.1884Z"
                                        stroke="#252F4A" stroke-width="1.5"></path>
                                </svg></div><a data-v-f997d269="" href="/app/statement" class="">Trust balance</a>
                        </div>
                        <div data-v-f997d269="" class="trust-balance__header--actions"><button data-v-7051bef3=""
                                data-v-f997d269="" class="base-button default medium">Deposit </button><button
                                data-v-7051bef3="" data-v-f997d269="" class="base-button secondary medium"> Withdraw
                            </button>
                        </div>
                    </div>
                    <div data-v-f997d269="" class="trust-balance__content">
                        <div data-v-f997d269="" class="trust-balance__content--balance">
                            <div data-v-23521015="" data-v-f997d269="" class="amount-currency"><span data-v-23521015=""
                                    class="amount-currency__value amount-currency__value--less"><span data-v-667fa371=""
                                        data-v-23521015="" class="base-amount"><span data-v-667fa371="">{{ auth()->user()->trust_balance ?? 0 }}</span>
                                    </span></span><span data-v-23521015="" class="amount-currency__currency">BDT</span>
                            </div>
                        </div>
                        <div data-v-f997d269="" class="trust-balance__content--min">
                            <div data-v-f997d269="" class="label">Allowable minimum trust balance
                            </div>
                            <div data-v-f997d269="" class="value"><span data-v-667fa371="" data-v-f997d269=""
                                    class="base-amount"><span data-v-667fa371="">10.000</span> BDT</span></div>
                        </div>
                    </div>
                </div>
                <div data-v-e16d4ea7="" data-v-96bf7de8="" class="income-balance">
                    <div data-v-e16d4ea7="" class="income-balance__header">
                        <div data-v-e16d4ea7="" class="income-balance__header--title">
                            <div data-v-e16d4ea7="" class="icon"><svg data-v-e16d4ea7=""
                                    xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22"
                                    fill="none">
                                    <path
                                        d="M2.75 13.7501V15.3999C2.75 16.4267 2.75 16.9397 2.94982 17.3319C3.12559 17.6768 3.40585 17.9579 3.75081 18.1336C4.1426 18.3333 4.65574 18.3333 5.6805 18.3333H19.2502M2.75 13.7501V4.58325M2.75 13.7501L6.28228 10.8066L6.2852 10.8042C6.92419 10.2717 7.24431 10.005 7.59142 9.89661C8.00146 9.76861 8.44315 9.78885 8.83993 9.95345C9.17629 10.093 9.47123 10.3879 10.0611 10.9778L10.067 10.9837C10.6661 11.5828 10.9664 11.8831 11.3082 12.0223C11.7126 12.1871 12.1628 12.2013 12.5773 12.0638C12.9287 11.9472 13.2497 11.6668 13.8914 11.1053L19.25 6.41659"
                                        stroke="#252F4A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                                    </path>
                                </svg></div><a data-v-e16d4ea7="" href="/app/income-balance" class="">Income
                                balance</a>
                        </div>
                        <div data-v-e16d4ea7="" class="income-balance__header--actions">
                            <div data-v-0754fbbd="" data-v-e16d4ea7="" class="income-switch"><label
                                    data-v-0754fbbd="">Deduct
                                    from income</label>
                                <div data-v-0754fbbd="" class="switch">
                                    <div data-v-0754fbbd="" class="el-switch is-checked"><input class="el-switch__input"
                                            type="checkbox" role="switch" aria-checked="true" aria-disabled="false"
                                            name="" true-value="true" false-value="false"
                                            id="el-id-84-18"><!--v-if--><span class="el-switch__core"><!--v-if-->
                                            <div class="el-switch__action"><!--v-if--></div>
                                        </span><!--v-if--></div><svg data-v-0754fbbd="" xmlns="http://www.w3.org/2000/svg"
                                        width="20" height="20" viewBox="0 0 20 20" fill="none"
                                        class="income-switch__info el-tooltip__trigger el-tooltip__trigger">
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M10.0001 0.916748C4.9835 0.916748 0.916748 4.9835 0.916748 10.0001C0.916748 15.0167 4.9835 19.0834 10.0001 19.0834C15.0167 19.0834 19.0834 15.0167 19.0834 10.0001C19.0834 4.9835 15.0167 0.916748 10.0001 0.916748ZM2.41675 10.0001C2.41675 5.81192 5.81192 2.41675 10.0001 2.41675C14.1882 2.41675 17.5834 5.81192 17.5834 10.0001C17.5834 14.1882 14.1882 17.5834 10.0001 17.5834C5.81192 17.5834 2.41675 14.1882 2.41675 10.0001ZM11.1667 9.16675C11.1667 8.75253 10.831 8.41675 10.4167 8.41675H8.75008C8.33587 8.41675 8.00008 8.75253 8.00008 9.16675C8.00008 9.58096 8.33587 9.91675 8.75008 9.91675L9.66675 9.91675V14.1667C9.66675 14.581 10.0025 14.9167 10.4167 14.9167C10.831 14.9167 11.1667 14.581 11.1667 14.1667V9.16675ZM11.1667 5.83342C11.1667 5.4192 10.831 5.08342 10.4167 5.08342C10.0025 5.08342 9.66675 5.4192 9.66675 5.83342V6.66675C9.66675 7.08096 10.0025 7.41675 10.4167 7.41675C10.831 7.41675 11.1667 7.08096 11.1667 6.66675V5.83342Z"
                                            fill="#99A1B7"></path>
                                    </svg>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div data-v-e16d4ea7="" class="income-balance__content">
                        <div data-v-e16d4ea7="" class="income-balance__content--balance">
                            <div data-v-23521015="" data-v-e16d4ea7="" class="amount-currency"><span data-v-23521015=""
                                    class="amount-currency__value"><span data-v-667fa371="" data-v-23521015=""
                                        class="base-amount"><span data-v-667fa371="">{{ auth()->user()->income_balance ?? 0 }}</span>
                                    </span></span><span data-v-23521015="" class="amount-currency__currency">BDT</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-v-ba0a4c91="" data-v-310af960="" class="user-statistic">
                <div data-v-ba0a4c91="" class="user-statistic__header">
                    <div data-v-ba0a4c91="" class="user-statistic__header--title"><span
                            data-v-ba0a4c91="">Statistics</span></div>
                    <div data-v-499d9965="" data-v-53a76151="" data-v-ba0a4c91=""
                        class="base-label base-date-picker exist-value user-statistic__header--date">
                        <!---->
                        <div data-v-499d9965="" class="base-label__content">
                            <div data-v-499d9965="" class="base-label__slot">
                                <div data-v-53a76151="" class="base-date-picker__content">
                                    <div class="el-date-editor el-date-editor--datetimerange el-input__wrapper el-range-editor el-range-editor--large el-tooltip__trigger el-tooltip__trigger"
                                        aria-controls="el-id-8845-42" aria-expanded="false" aria-haspopup="dialog"><i
                                            class="el-icon el-input__icon el-range__icon"><svg
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
                                                <path fill="currentColor"
                                                    d="M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896">
                                                </path>
                                                <path fill="currentColor"
                                                    d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32">
                                                </path>
                                                <path fill="currentColor"
                                                    d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32">
                                                </path>
                                            </svg></i><input autocomplete="off" name="" placeholder="Date period"
                                            class="el-range-input"><span class="el-range-separator">-</span><input
                                            autocomplete="off" name="" placeholder="" class="el-range-input"><i
                                            class="el-icon el-input__icon el-range__close-icon el-range__close-icon--hidden"><svg
                                                xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                viewBox="0 0 21 20" fill="none">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M15.4444 4.75556C15.7373 5.04845 15.7373 5.52333 15.4444 5.81622L11.2605 10L15.4443 14.1838C15.7372 14.4767 15.7372 14.9515 15.4443 15.2444C15.1514 15.5373 14.6765 15.5373 14.3836 15.2444L10.1999 11.0607L6.01628 15.2443C5.72339 15.5372 5.24851 15.5372 4.95562 15.2443C4.66273 14.9514 4.66273 14.4765 4.95562 14.1836L9.13922 10L4.95551 5.81634C4.66262 5.52344 4.66262 5.04857 4.95551 4.75568C5.2484 4.46278 5.72328 4.46278 6.01617 4.75568L10.1999 8.93939L14.3837 4.75556C14.6766 4.46267 15.1515 4.46267 15.4444 4.75556Z"
                                                    fill="#99A1B7"></path>
                                            </svg></i></div><!---->
                                </div>
                            </div><!---->
                        </div>
                    </div>
                </div>
                <div data-v-ba0a4c91="" class="user-statistic__content">
                    <div data-v-ba0a4c91="" class="statistics-card stats-deposits user-statistic__card">
                        <div class="statistics-card__title"><span>Deposits</span></div>
                        <div class="statistics-card__content">
                            <div class="item"><label>Deposit amount</label><span data-v-667fa371=""
                                    class="base-amount"><span data-v-667fa371="">0</span> BDT</span>
                            </div>
                            <div class="item"><label>Account withdrawal amount</label><span data-v-667fa371=""
                                    class="base-amount"><span data-v-667fa371="">0</span> BDT</span></div>
                            <div class="item"><label>Deposit other amount</label><span data-v-667fa371=""
                                    class="base-amount"><span data-v-667fa371="">0</span> BDT</span></div>
                            <div class="item"><label>Withdrawal other amount</label><span data-v-667fa371=""
                                    class="base-amount"><span data-v-667fa371="">0</span> BDT</span></div>
                        </div>
                    </div>
                    <div data-v-ba0a4c91="" class="statistics-card stats-deposits user-statistic__card">
                        <div class="statistics-card__title"><span>Transactions</span></div>
                        <div class="statistics-card__content">
                            <div class="item"><label>Account transaction amount</label><span data-v-667fa371=""
                                    class="base-amount"><span data-v-667fa371="">0</span> BDT</span></div>
                            <div class="item"><label>Account transaction trust debiting
                                    amount</label><span data-v-667fa371="" class="base-amount"><span
                                        data-v-667fa371="">0</span> BDT</span></div>
                            <div class="item"><label>Account transaction income commission
                                    amount</label><span data-v-667fa371="" class="base-amount"><span
                                        data-v-667fa371="">0</span> BDT</span></div>
                            <div class="item"><label>Account transaction income deduct
                                    amount</label><span data-v-667fa371="" class="base-amount"><span
                                        data-v-667fa371="">0</span> BDT</span></div>
                        </div>
                    </div>
                </div><a data-v-ba0a4c91="" href="/app/statistics" class="dashboard__show-more"
                    style="margin-top: 20px; display: block;"> Show details </a>
            </div>
            <div data-v-310af960="" class="dashboard__transactions">
                <div data-v-0f22573e="" data-v-310af960="" class="transactions-table">
                    <div data-v-0f22573e="" class="transactions-table__head">
                        <h3 data-v-0f22573e="" class="transactions-table__title">Transactions</h3>
                        <div data-v-63ada4da="" data-v-310af960="" class="filters">
                            <div data-v-c1ac0bc2="" data-v-63ada4da="" class="base-filters">
                                <div data-v-499d9965="" data-v-53a76151="" data-v-c1ac0bc2=""
                                    class="base-label label-position-left label base-date-picker clearable base-filters__item"
                                    options=""><span data-v-499d9965="" class="base-label__label">Period
                                        <!----></span>
                                    <div data-v-499d9965="" class="base-label__content">
                                        <div data-v-499d9965="" class="base-label__slot">
                                            <div data-v-53a76151="" class="base-date-picker__content">
                                                <div class="el-date-editor el-date-editor--datetimerange el-input__wrapper el-range-editor el-range-editor--large el-tooltip__trigger el-tooltip__trigger"
                                                    aria-controls="el-id-8845-35" aria-expanded="false"
                                                    aria-haspopup="dialog"><i
                                                        class="el-icon el-input__icon el-range__icon"><svg
                                                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
                                                            <path fill="currentColor"
                                                                d="M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896">
                                                            </path>
                                                            <path fill="currentColor"
                                                                d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32">
                                                            </path>
                                                            <path fill="currentColor"
                                                                d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32">
                                                            </path>
                                                        </svg></i><input autocomplete="off" name=""
                                                        placeholder="Date" class="el-range-input"><span
                                                        class="el-range-separator"></span><input autocomplete="off"
                                                        name="" placeholder="" class="el-range-input"><i
                                                        class="el-icon el-input__icon el-range__close-icon el-range__close-icon--hidden"><svg
                                                            xmlns="http://www.w3.org/2000/svg" width="21"
                                                            height="20" viewBox="0 0 21 20" fill="none">
                                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                                d="M15.4444 4.75556C15.7373 5.04845 15.7373 5.52333 15.4444 5.81622L11.2605 10L15.4443 14.1838C15.7372 14.4767 15.7372 14.9515 15.4443 15.2444C15.1514 15.5373 14.6765 15.5373 14.3836 15.2444L10.1999 11.0607L6.01628 15.2443C5.72339 15.5372 5.24851 15.5372 4.95562 15.2443C4.66273 14.9514 4.66273 14.4765 4.95562 14.1836L9.13922 10L4.95551 5.81634C4.66262 5.52344 4.66262 5.04857 4.95551 4.75568C5.2484 4.46278 5.72328 4.46278 6.01617 4.75568L10.1999 8.93939L14.3837 4.75556C14.6766 4.46267 15.1515 4.46267 15.4444 4.75556Z"
                                                                fill="#99A1B7"></path>
                                                        </svg></i></div><svg data-v-53a76151=""
                                                    xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                                    viewBox="0 0 20 20" fill="none"
                                                    class="base-date-picker__calendar-icon">
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                        d="M13.7501 1.0166C13.3911 1.0166 13.1001 1.30762 13.1001 1.6666V2.26662H6.9001V1.6666C6.9001 1.30762 6.60908 1.0166 6.2501 1.0166C5.89111 1.0166 5.6001 1.30762 5.6001 1.6666V2.26662H5.5001C3.48426 2.26662 1.8501 3.90078 1.8501 5.91662V14.9166C1.8501 16.9325 3.48426 18.5666 5.5001 18.5666H14.5001C16.5159 18.5666 18.1501 16.9325 18.1501 14.9166V5.91662C18.1501 3.90078 16.5159 2.26662 14.5001 2.26662H14.4001V1.6666C14.4001 1.30762 14.1091 1.0166 13.7501 1.0166ZM5.6001 3.56662H5.5001C4.20223 3.56662 3.1501 4.61875 3.1501 5.91662V6.43327H16.8501V5.91662C16.8501 4.61875 15.798 3.56662 14.5001 3.56662H14.4001V4.1666C14.4001 4.52559 14.1091 4.8166 13.7501 4.8166C13.3911 4.8166 13.1001 4.52559 13.1001 4.1666V3.56662H6.9001V4.1666C6.9001 4.52559 6.60908 4.8166 6.2501 4.8166C5.89111 4.8166 5.6001 4.52559 5.6001 4.1666V3.56662ZM3.1501 7.73327V14.9166C3.1501 16.2145 4.20223 17.2666 5.5001 17.2666H14.5001C15.798 17.2666 16.8501 16.2145 16.8501 14.9166V7.73327H3.1501ZM4.76676 10.4166C4.76676 10.7756 5.05778 11.0666 5.41676 11.0666H6.2501C6.60908 11.0666 6.9001 10.7756 6.9001 10.4166C6.9001 10.0576 6.60908 9.76662 6.2501 9.76662H5.41676C5.05778 9.76662 4.76676 10.0576 4.76676 10.4166ZM9.58343 11.0666C9.22445 11.0666 8.93343 10.7756 8.93343 10.4166C8.93343 10.0576 9.22445 9.76662 9.58343 9.76662H10.4168C10.7757 9.76662 11.0668 10.0576 11.0668 10.4166C11.0668 10.7756 10.7757 11.0666 10.4168 11.0666H9.58343ZM13.1001 10.4166C13.1001 10.7756 13.3911 11.0666 13.7501 11.0666H14.5834C14.9424 11.0666 15.2334 10.7756 15.2334 10.4166C15.2334 10.0576 14.9424 9.76662 14.5834 9.76662H13.7501C13.3911 9.76662 13.1001 10.0576 13.1001 10.4166ZM5.41676 14.4C5.05778 14.4 4.76676 14.1089 4.76676 13.75C4.76676 13.391 5.05778 13.1 5.41676 13.1H6.2501C6.60908 13.1 6.9001 13.391 6.9001 13.75C6.9001 14.1089 6.60908 14.4 6.2501 14.4H5.41676ZM8.93343 13.75C8.93343 14.1089 9.22445 14.4 9.58343 14.4H10.4168C10.7757 14.4 11.0668 14.1089 11.0668 13.75C11.0668 13.391 10.7757 13.1 10.4168 13.1H9.58343C9.22445 13.1 8.93343 13.391 8.93343 13.75ZM13.7501 14.4C13.3911 14.4 13.1001 14.1089 13.1001 13.75C13.1001 13.391 13.3911 13.1 13.7501 13.1H14.5834C14.9424 13.1 15.2334 13.391 15.2334 13.75C15.2334 14.1089 14.9424 14.4 14.5834 14.4H13.7501Z"
                                                        fill="#99A1B7"></path>
                                                </svg>
                                            </div>
                                        </div><!---->
                                    </div>
                                </div><label data-v-499d9965="" data-v-ce1dfc31="" data-v-c1ac0bc2=""
                                    class="base-label label-position-left label base-input base-filters__item"
                                    options="" clear-value=""><span data-v-499d9965=""
                                        class="base-label__label">Transaction ID
                                        <!----></span>
                                    <div data-v-499d9965="" class="base-label__content">
                                        <div data-v-499d9965="" class="base-label__slot">
                                            <div data-v-ce1dfc31=""
                                                class="base-input__content icon-position-right small default-placeholder">
                                                <input data-v-ce1dfc31="" type="text" placeholder="Transaction ID"
                                                    style="padding-right: 24px;"><!----><!----><!----><!---->
                                            </div>
                                        </div><!---->
                                    </div>
                                </label><label data-v-499d9965="" data-v-ce1dfc31="" data-v-c1ac0bc2=""
                                    class="base-label label-position-left label base-input base-filters__item"
                                    options="" clear-value=""><span data-v-499d9965=""
                                        class="base-label__label">Account ID <!----></span>
                                    <div data-v-499d9965="" class="base-label__content">
                                        <div data-v-499d9965="" class="base-label__slot">
                                            <div data-v-ce1dfc31=""
                                                class="base-input__content icon-position-right small default-placeholder">
                                                <input data-v-ce1dfc31="" type="text" placeholder="ID"
                                                    style="padding-right: 24px;"><!----><!----><!----><!---->
                                            </div>
                                        </div><!---->
                                    </div>
                                </label>
                                <div data-v-499d9965="" data-v-e6ea3ef4="" data-v-c1ac0bc2=""
                                    class="base-label label-position-left label base-select move-placeholder base-filters__item last"
                                    small="false" multiply="false"><span data-v-499d9965=""
                                        class="base-label__label">Account type
                                        <!----></span>
                                    <div data-v-499d9965="" class="base-label__content">
                                        <div data-v-499d9965="" class="base-label__slot">
                                            <div data-v-e6ea3ef4="" class="base-select__content">
                                                <!----><!----><!---->
                                                <div data-v-e6ea3ef4="" class="el-select el-select--large">
                                                    <div class="select-trigger el-tooltip__trigger el-tooltip__trigger">
                                                        <!--v-if--><!-- fix: https://github.com/element-plus/element-plus/issues/11415 --><!--v-if-->
                                                        <div class="el-input el-input--large el-input--suffix">
                                                            <!-- input --><!-- prepend slot --><!--v-if-->
                                                            <div class="el-input__wrapper" tabindex="-1">
                                                                <!-- prefix slot --><!--v-if--><input
                                                                    class="el-input__inner" type="text" readonly=""
                                                                    autocomplete="off" tabindex="0" placeholder="All"
                                                                    id="el-id-8845-41"><!-- suffix slot --><span
                                                                    class="el-input__suffix"><span
                                                                        class="el-input__suffix-inner"><i
                                                                            class="el-icon el-select__caret el-select__icon"><svg
                                                                                xmlns="http://www.w3.org/2000/svg"
                                                                                viewBox="0 0 1024 1024">
                                                                                <path fill="currentColor"
                                                                                    d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z">
                                                                                </path>
                                                                            </svg></i><!--v-if--><!--v-if--><!--v-if--><!--v-if--><!--v-if--><!--v-if--></span></span>
                                                            </div><!-- append slot --><!--v-if-->
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!---->
                                    </div>
                                </div><!----><!---->
                            </div>
                        </div>
                    </div>
                    <div data-v-fcad4166="" data-v-0f22573e="" class="content-wrapper">
                        <div data-v-fcad4166="" class="content-wrapper__content">
                            <div data-v-0f22573e=""
                                class="el-table--fit el-table--enable-row-hover el-table--enable-row-transition el-table el-table--layout-fixed is-scrolling-none"
                                data-prefix="el">
                                <div class="el-table__inner-wrapper">
                                    <div class="hidden-columns">
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                    </div>
                                    <div class="el-table__header-wrapper">
                                        <table class="el-table__header" border="0" cellpadding="0" cellspacing="0"
                                            style="width: 1509px;">
                                            <colgroup>
                                                <col name="el-table_4_column_25" width="187">
                                                <col name="el-table_4_column_26" width="185">
                                                <col name="el-table_4_column_27" width="185">
                                                <col name="el-table_4_column_28" width="120">
                                                <col name="el-table_4_column_29" width="277">
                                                <col name="el-table_4_column_30" width="185">
                                                <col name="el-table_4_column_31" width="185">
                                                <col name="el-table_4_column_32" width="185">
                                            </colgroup>
                                            <thead class="">
                                                <tr class="">
                                                    <th class="el-table_4_column_25 is-leaf is-sortable el-table__cell"
                                                        colspan="1" rowspan="1" style="">
                                                        <div class="cell">Transaction ID<span class="caret-wrapper"><i
                                                                    class="sort-caret ascending"></i><i
                                                                    class="sort-caret descending"></i></span><!---->
                                                        </div>
                                                    </th>
                                                    <th class="el-table_4_column_26 is-leaf el-table__cell" colspan="1"
                                                        rowspan="1">
                                                        <div class="cell">Account type<!----><!---->
                                                        </div>
                                                    </th>
                                                    <th class="el-table_4_column_27 is-leaf el-table__cell" colspan="1"
                                                        rowspan="1">
                                                        <div class="cell">transaction
                                                            type<!----><!----></div>
                                                    </th>
                                                    <th class="el-table_4_column_28 is-right is-leaf el-table__cell"
                                                        colspan="1" rowspan="1">
                                                        <div class="cell">Account
                                                            number<!----><!----></div>
                                                    </th>
                                                    <th class="el-table_4_column_29 is-right is-leaf is-sortable el-table__cell"
                                                        colspan="1" rowspan="1">
                                                        <div class="cell">Transaction Amount<span
                                                                class="caret-wrapper"><i
                                                                    class="sort-caret ascending"></i><i
                                                                    class="sort-caret descending"></i></span><!---->
                                                        </div>
                                                    </th>
                                                    <th class="el-table_4_column_30 is-right is-leaf is-sortable el-table__cell"
                                                        colspan="1" rowspan="1">
                                                        <div class="cell">Commission<span class="caret-wrapper"><i
                                                                    class="sort-caret ascending"></i><i
                                                                    class="sort-caret descending"></i></span><!---->
                                                        </div>
                                                    </th>
                                                    <th class="el-table_4_column_31 is-right is-leaf el-table__cell"
                                                        colspan="1" rowspan="1">
                                                        <div class="cell">INCOME DEDUCT<!----><!---->
                                                        </div>
                                                    </th>
                                                    <th class="el-table_4_column_32 is-right is-leaf el-table__cell"
                                                        colspan="1" rowspan="1">
                                                        <div class="cell">Status<!----><!----></div>
                                                    </th>
                                                </tr>
                                            </thead>
                                        </table>
                                    </div>
                                    <div class="el-table__body-wrapper">
                                        <div class="el-scrollbar">
                                            <div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
                                                <div class="el-scrollbar__view"
                                                    style="display: inline-block; vertical-align: middle;">
                                                    <table class="el-table__body" cellspacing="0" cellpadding="0"
                                                        border="0" style="table-layout: fixed; width: 1509px;">
                                                        <colgroup>
                                                            <col name="el-table_4_column_25" width="187">
                                                            <col name="el-table_4_column_26" width="185">
                                                            <col name="el-table_4_column_27" width="185">
                                                            <col namprofilee="el-table_4_column_28" width="120">
                                                            <col name="el-table_4_column_29" width="277">
                                                            <col name="el-table_4_column_30" width="185">
                                                            <col name="el-table_4_column_31" width="185">
                                                            <col name="el-table_4_column_32" width="185">
                                                        </colgroup><!--v-if-->
                                                        <tbody>
                                                            <tr class="el-table__row">
                                                                <td class="el-table_4_column_25 el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"><!---->
                                                                        <div data-v-de92422b=""
                                                                            class="transaction-id-cell">
                                                                            <span data-v-de92422b=""
                                                                                class="transaction-id-cell__id">13.05.2025
                                                                                22:07</span><span data-v-de92422b=""
                                                                                class="transaction-id-cell__date"><!---->68236e0b59ede9e5</span>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                                <td class="el-table_4_column_26 el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"><!---->
                                                                        <div data-v-82458b6f=""
                                                                            class="account-type-cell is-dark">
                                                                            <img data-v-82458b6f=""
                                                                                src="{{ asset('assets/user') }}/img/bkash-agent.svg"
                                                                                alt="icon"><span
                                                                                data-v-82458b6f="">bkash</span>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                                <td class="el-table_4_column_27 el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"><!---->Deposit
                                                                    </div>
                                                                </td>
                                                                <td class="el-table_4_column_28 is-right el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell">
                                                                        <!---->01898655418
                                                                    </div>
                                                                </td>
                                                                <td class="el-table_4_column_29 is-right el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"><!----><span data-v-667fa371=""
                                                                            class="base-amount"><span
                                                                                data-v-667fa371="">5.000</span>
                                                                            BDT</span></div>
                                                                </td>
                                                                <td class="el-table_4_column_30 is-right el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"><!----><span data-v-667fa371=""
                                                                            class="base-amount"
                                                                            style="color: rgb(23, 198, 83);"><span
                                                                                data-v-667fa371=""
                                                                                style="color: rgb(23, 198, 83);">+172.26</span>
                                                                            BDT</span></div>
                                                                </td>
                                                                <td class="el-table_4_column_31 is-right el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"><!----><span data-v-667fa371=""
                                                                            class="base-amount"
                                                                            style="color: rgb(248, 40, 90);"><span
                                                                                data-v-667fa371=""
                                                                                style="color: rgb(248, 40, 90);">-6.87</span>
                                                                            BDT</span></div>
                                                                </td>
                                                                <td class="el-table_4_column_32 is-right el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"><!---->
                                                                        <div data-v-b2451c13="" class="base-tag green">
                                                                            <span data-v-b2451c13="">Activated</span>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            <tr class="el-table__row">
                                                                <td class="el-table_4_column_25 el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"><!---->
                                                                        <div data-v-de92422b=""
                                                                            class="transaction-id-cell">
                                                                            <span data-v-de92422b=""
                                                                                class="transaction-id-cell__id">13.05.2025
                                                                                22:05</span><span data-v-de92422b=""
                                                                                class="transaction-id-cell__date"><!---->68236d7f4cdf8621</span>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                                <td class="el-table_4_column_26 el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"><!---->
                                                                        <div data-v-82458b6f=""
                                                                            class="account-type-cell is-dark">
                                                                            <img data-v-82458b6f=""
                                                                                src="{{ asset('assets/user') }}/img/bkash-agent.svg"
                                                                                alt="icon"><span
                                                                                data-v-82458b6f="">bkash</span>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                                <td class="el-table_4_column_27 el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"><!---->Deposit
                                                                    </div>
                                                                </td>
                                                                <td class="el-table_4_column_28 is-right el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell">
                                                                        <!---->01618599286
                                                                    </div>
                                                                </td>
                                                                <td class="el-table_4_column_29 is-right el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"><!----><span data-v-667fa371=""
                                                                            class="base-amount"><span
                                                                                data-v-667fa371="">209</span>
                                                                            BDT</span></div>
                                                                </td>
                                                                <td class="el-table_4_column_30 is-right el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"><!----><span data-v-667fa371=""
                                                                            class="base-amount"
                                                                            style="color: rgb(23, 198, 83);"><span
                                                                                data-v-667fa371=""
                                                                                style="color: rgb(23, 198, 83);">+6.87</span>
                                                                            BDT</span></div>
                                                                </td>
                                                                <td class="el-table_4_column_31 is-right el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"><!----><span data-v-667fa371=""
                                                                            class="base-amount"
                                                                            style="color: rgb(248, 40, 90);"><span
                                                                                data-v-667fa371=""
                                                                                style="color: rgb(248, 40, 90);">-10</span>
                                                                            BDT</span></div>
                                                                </td>
                                                                <td class="el-table_4_column_32 is-right el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"><!---->
                                                                        <div data-v-b2451c13="" class="base-tag green">
                                                                            <span data-v-b2451c13="">Activated</span>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table><!--v-if--><!--v-if-->
                                                </div>
                                            </div>
                                            <div class="el-scrollbar__bar is-horizontal" style="display: none;">
                                                <div class="el-scrollbar__thumb" style="transform: translateX(0%);">
                                                </div>
                                            </div>
                                            <div class="el-scrollbar__bar is-vertical" style="display: none;">
                                                <div class="el-scrollbar__thumb" style="transform: translateY(0%);">
                                                </div>
                                            </div>
                                        </div>
                                    </div><!--v-if--><!--v-if-->
                                </div>
                                <div class="el-table__column-resize-proxy" style="display: none;">
                                </div>
                            </div>
                        </div>
                        <div data-v-fcad4166="" class="content-wrapper__pagination"><a data-v-310af960=""
                                href="/app/transactions" class="dashboard__show-more">Show all </a></div>
                    </div>
                </div>
            </div>
            <div data-v-310af960="" class="mod-dr-wrap modal">
                <div class="el-overlay" style="z-index: 2011; display: none;">
                    <div role="dialog" aria-modal="true" aria-label="Create withdrawal"
                        aria-describedby="el-id-84-16" class="el-overlay-dialog"></div>
                </div>
            </div>
            <div data-v-0f5f1d3f="" data-v-310af960="" class="mod-dr-wrap modal">
                <div class="el-overlay" style="z-index: 2012; display: none;">
                    <div role="dialog" aria-modal="true" aria-label="Refill trust balance"
                        aria-describedby="el-id-84-17" class="el-overlay-dialog"></div>
                </div>
            </div>
        </div>
    </div>
@endsection