@if($type == 'deposit')

<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content">
        <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
        <div class="modal-body modal-body-md">
            <div class="nk-modal-head mb-2 mb-sm-4">
                <h4 class="nk-modal-title title">Order ID #<small class="text-primary">{{$trans->txn_id}}</small></h4>
            </div>
            <div class="nk-block">
                <div class="nk-block-between flex-wrap g-3">
                    <div class="nk-tnx">
                        <span class="nk-tnx-icon bg-success-dim text-success icon ni ni-arrow-down-left"></span><span class="nk-tnx-icon text-secondary icon ni ni-wallet-fill"></span>
                        <div class="nk-tnx-text">
                            <h5 class="title"> {{__format_number($trans->amount)}} {{$user->user_curr()}}</h5>
                            
                            
                            <span class="sub-text mt-n1">{{get_date($trans->created_at , 'M d, Y h:i A')}}</span>
                        </div>
                    </div>
                    <ul class="align-center flex-wrap gx-3">
                        <li>
                            <span class="badge badge-sm badge-success">
                                Completed
                            </span>
                        </li>
                    </ul>
                </div>

                <div class="divider md stretched"></div>
                <h5 class="overline-title">Deposit Details</h5>
                <div class="row gy-3">
                    <div class="col-md-6">
                        <span class="sub-text">Deposit Amount</span>
                        <span class="caption-text">{{__format_number($trans->amount)}} {{system_settings('currency')}}</span>
                    </div>

                    <div class="col-md-6">
                        <span class="sub-text">Credited in Account</span>
                        <span class="caption-text">{{__format_number($trans->damount())}} {{$user->user_curr()}}</span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">Exchange Rate</span>
                        <span class="caption-text">
                            1 {{$user->user_curr()}} = {{$trans->exchange_rate}} {{system_settings('currency')}}
                        </span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">Details</span>
                        <span class="caption-text">Deposit via {{$trans->dpayment()->name}}</span>
                    </div>
                </div>

                <div class="divider md stretched"></div>
                <h5 class="overline-title">Additional</h5>
                <div class="row gy-3">
                    <div class="col-lg-6">
                        <span class="sub-text">
                            Payment Method
                        </span>
                        <span class="caption-text">{{$trans->dpayment()->name}}</span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">
                            Wallet
                            <em class="ni ni-info text-soft nk-tooltip small" title="" data-original-title="Wallet"></em>
                        </span>
                        <span class="caption-text text-break">
                            <span class="small">
                          {{$trans->dwallet()->sym}}     ({{$trans->dwallet()->dwallet()->wallet_name}})
                            </span>
                        </span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">Reference</span>
                        <span class="caption-text text-break">
                            N/A
                        </span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">Updated Balance</span>
                        <span class="caption-text">900.5 USD</span>
                    </div>
                </div>
                <div class="divider md stretched"></div>
                <div class="notes">
                    <ul>
                        @if(!empty($trans->completed_at))
                        <li class="alert-note is-plain text-primary">
                            <em class="icon ni ni-info"></em>
                            <p>The transaction has been completed at {{get_date($trans->completed_at , 'M d, Y h:i A')}}.</p>
                        </li>
                        @endif
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


@elseif($type=='withdraw')

<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content">
        <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
        <div class="modal-body modal-body-md">
            <div class="nk-modal-head mb-2 mb-sm-4">
                <h4 class="nk-modal-title title">Order ID #<small class="text-primary">{{$transs->txn_id}}</small></h4>
            </div>
            <div class="nk-block">
                <div class="nk-block-between flex-wrap g-3">
                    <div class="nk-tnx">
                        <span class="nk-tnx-icon bg-warning-dim text-warning icon ni ni-arrow-up-right"></span><span class="nk-tnx-icon text-secondary icon ni ni-wallet-fill"></span>
                        <div class="nk-tnx-text">
                            <h5 class="title">100.00 USD</h5>
                            <span class="sub-text mt-n1">Nov 13, 2021 06:12 PM</span>
                        </div>
                    </div>
                    <ul class="align-center flex-wrap gx-3">
                        <li>
                            <span class="badge badge-sm badge-success">
                                Completed
                            </span>
                        </li>
                    </ul>
                </div>

                <div class="divider md stretched"></div>
                <h5 class="overline-title">Withdraw Details</h5>
                <div class="row gy-3">
                    <div class="col-md-6">
                        <span class="sub-text">Withdraw Amount</span>
                        <span class="caption-text">0.158 BNB</span>
                    </div>

                    <div class="col-md-6">
                        <span class="sub-text">Debited in Account</span>
                        <span class="caption-text">100.00 USD</span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">Exchange Rate</span>
                        <span class="caption-text">
                            1 USD = 0.00158 BNB
                        </span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">Details</span>
                        <span class="caption-text">Withdraw via Binance Coin Wallet</span>
                    </div>
                    <div class="col-lg-6">
                        <span class="sub-text">Description</span>
                        <span class="caption-text">trf</span>
                    </div>
                </div>

                <div class="divider md stretched"></div>
                <h5 class="overline-title">Additional</h5>
                <div class="row gy-3">
                    <div class="col-lg-6">
                        <span class="sub-text">
                            Withdraw Method
                        </span>
                        <span class="caption-text">Crypto Wallet</span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">
                            Withdraw To
                            <em class="ni ni-info text-soft nk-tooltip small" title="" data-original-title="Binance Coin"></em>
                        </span>
                        <span class="caption-text text-break">
                            <span class="small">
                                9309...9393
                            </span>
                        </span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">Reference</span>
                        <span class="caption-text text-break">
                            N/A
                        </span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">Updated Balance</span>
                        <span class="caption-text">750.55 USD</span>
                    </div>
                </div>
                <div class="divider md stretched"></div>
                <div class="notes">
                    <ul>
                        <li class="alert-note is-plain text-primary">
                            <em class="icon ni ni-info"></em>
                            <p>The transaction has been completed at Nov 23, 2021 06:42 AM.</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

@elseif($type=='transact')
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content">
        <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
        <div class="modal-body modal-body-md">
            <div class="nk-modal-head mb-2 mb-sm-4">
                <h4 class="nk-modal-title title">Order ID #<small class="text-primary">{{$transs->tx_no}}</small></h4>
            </div>
            <div class="nk-block">
                <div class="nk-block-between flex-wrap g-3">
                    <div class="nk-tnx">
                        <span class="nk-tnx-icon bg-purple-dim text-purple icon ni ni-exchange"></span>
                        <div class="nk-tnx-text">
                            <h5 class="title">110.808 USD</h5>
                            <span class="sub-text mt-n1">Mar 14, 2022 01:01 AM</span>
                        </div>
                    </div>
                    <ul class="align-center flex-wrap gx-3">
                        <li>
                            <span class="badge badge-sm badge-success">
                                Completed
                            </span>
                        </li>
                    </ul>
                </div>

                <div class="divider md stretched"></div>
                <h5 class="overline-title">Investment Details</h5>
                <div class="row gy-3">
                    <div class="col-md-6">
                        <span class="sub-text">Amount</span>
                        <span class="caption-text">110.808 USD</span>
                    </div>

                    <div class="col-md-6">
                        <span class="sub-text">Credited in Account</span>
                        <span class="caption-text">110.808 USD</span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">Details</span>
                        <span class="caption-text">Received from Investment Account</span>
                    </div>
                </div>

                <div class="divider md stretched"></div>
                <h5 class="overline-title">Additional</h5>
                <div class="row gy-3">
                    <div class="col-lg-6">
                        <span class="sub-text">
                            Gateway
                        </span>
                        <span class="caption-text">Internal</span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">
                            Received
                        </span>
                        <span class="caption-text text-break"><span class="small">Main wallet</span></span>
                    </div>
                    <div class="col-lg-6">
                        <span class="sub-text">
                            Transfered From
                        </span>
                        <span class="caption-text text-break"><span class="small">Invest wallet</span></span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">Reference</span>
                        <span class="caption-text text-break">
                            196311176
                        </span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">Updated Balance</span>
                        <span class="caption-text">861.36 USD</span>
                    </div>
                </div>
                <div class="divider md stretched"></div>
                <div class="notes">
                    <ul>
                        <li class="alert-note is-plain text-primary">
                            <em class="icon ni ni-info"></em>
                            <p>The transaction has been completed at Mar 14, 2022 01:01 AM.</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


@endif