@if($trans->status == 'Pending')
<div class="modal-dialog modal-dialog-centered modal-md" 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-pps-apps">
                <div class="nk-pps-title text-center">
                    <h3 class="title">Confirm Your Withdrawal</h3>
                    <p class="caption-text">You are about to withdraw <strong>{{__format_number($trans->amount)}} {{$user->user_curr()}}</strong> via <strong>{{data_get($trans->details , 'method')}}</strong> </p>
                </div>
                <div class="nk-pps-data">
                    <ul class="nk-olist">
                        <li class="nk-olist-item">
                            <div class="label lead-text">Withdraw Account ({{data_get($trans->details , 'method')}})</div>
                            <div class="data">
                                <span class="method"> <span class="ellipsis w-max-225px">@if($trans->type == 'external')
                               @if(data_get($trans->details , 'slug') == 'wd-bank-transfer')
                               
                               @else
                               {{ data_get($trans->details , 'account') }}
                               @endif
                               @endif</span></span>
                            </div>
                        </li>

                        <li class="nk-olist-item">
                            <div class="label lead-text">Amount to withdraw</div>
                            <div class="data"><span class="amount">{{__format_number($trans->amount)}} {{$user->user_curr()}}</span></div>
                        </li>

                        <li class="nk-olist-item">
                            <div class="label lead-text">
                                Total amount to debit
                                <em class="icon ni ni-info small text-soft nk-tooltip" title="" data-original-title="The amount will be deducted from your main balance."></em>
                            </div>
                            <div class="data"><span class="amount">{{__format_number($trans->amount)}} {{$user->user_curr()}}</span></div>
                        </li>
                    </ul>

                    <ul class="nk-olist">
                        <li class="nk-olist-item nk-olist-item-final">
                            <div class="label lead-text">Amount transferred to Account</div>
                            <div class="data"><span class="amount">{{__format_number($trans->to_deduct)}} {{$user->user_curr()}}</span></div>
                        </li>
                    </ul>
                    <!--<div class="mt-3 d-flex" style="justify-content:center"><span>
                            <a href="{{route('withdrawal.cancel' , the_hash($trans->txn_id))}}" class="btn btn-danger">Cancel</a>
                        </span></div>-->
                    <div class="sub-text-sm">* Additional fees, network fees or intermediary fees may be deducted from the Amount Transferred by your payment provider.</div>
                </div>
            </div>
        </div>
    </div>
</div>

@else
<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">Withdrawal 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-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"> {{__format_number($trans->amount)}} {{$user->user_curr()}}</h5>
                            
                            
                            <span class="sub-text mt-n1">{{get_date($trans->withdraw_date , 'M d, Y h:i A')}}</span>
                             @if($trans->status == 'Pending' ) 
                        <br/>
                        <span>
                            <a href="{{route('withdrawal.cancel' , the_hash($trans->txn_id))}}" class="btn btn-danger">Cancel</a>
                        </span>
                        @endif
                        </div>
                       
                    </div>
                    <ul class="align-center flex-wrap gx-3">
                        <li>
                            <span class="badge badge-sm {{ __withdrawal_badge_class($trans->status) }}">
                                {{$trans->status}}
                            </span>
                        </li>
                    </ul>
                </div>

                <div class="divider md stretched"></div>
                <h5 class="overline-title">Withdrawal Details</h5>
                <div class="row gy-3">
                    <div class="col-md-6">
                        <span class="sub-text">Withdrawal Amount</span>
                        <span class="caption-text">{{__format_money($trans->exchanged_amount , data_get($trans->details , 'ctype'))}} {{$trans->exchanged_curr}}</span>
                    </div>

                    <div class="col-md-6">
                        <span class="sub-text">Debited in Account</span>
                        <span class="caption-text">{{__format_number($trans->amount)}} {{$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()}} = {{strval($trans->exchanged_rate)}} {{$trans->exchanged_curr}}
                        </span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">Details</span>
                        <span class="caption-text" style="text-transform: capitalize">{{$trans->type}} Withdrawal via {{data_get($trans->details , 'method')}}</span>
                    </div>
                    <div class="col-lg-6">
                        <span class="sub-text">
                            Withdrawal Account
                            <em class="ni ni-info text-soft nk-tooltip small" title="" data-original-title="Wallet"></em>
                        </span>
                        <span class="caption-text text-break">
                           <span style="text-transform: capitalize">{{$trans->account}} Account</span> 
                           @if(!empty($trans->dwallet_from()))
                            <span class="small"><br/>
                          {{$trans->dwallet_from()->sym}}     ({{$trans->dwallet_from()->dwallet()->wallet_name}})
                            </span>
                            @endif
                        </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">{{ data_get($trans->details , 'method') }}</span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">
                            Withdrawal Account
                            <em class="ni ni-info text-soft nk-tooltip small" title="" data-original-title="Wallet"></em>
                        </span>
                        <span class="caption-text text-break">
                           <span style="text-transform: capitalize">
                         
                               @if($trans->type == 'external')
                               @if(data_get($trans->details , 'slug') == 'wd-bank-transfer')
                               
                               @else
                               {{ data_get($trans->details , 'account') }}
                               @endif
                               @endif
                               </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">@if(!blank($trans->updated_bal)) {{__format_number($trans->updated_bal)}} {{$user->user_curr()}} @endif</span>
                    </div>
                </div>
                <div class="divider md stretched"></div>
                <div class="notes">
                    <ul>
                        @if(!empty($trans->processed_at))
                        <li class="alert-note is-plain text-info">
                            <em class="icon ni ni-info"></em>
                            <p>The transaction has been completed at {{get_date($trans->processed_at , 'M d, Y h:i A')}}.</p>
                        </li>
                        @endif
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

@endif