a<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">TXN ID #<small class="text-primary">{{$trans->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-success-dim text-success icon ni ni-arrow-to-right"></span>
                        <div class="nk-tnx-text">
                            <h5 class="title">{{__format_number($trans->amount)}} {{$user->user_curr()}}</h5>
                            <span class="sub-text mt-n1">{{__date_parse($trans->created_at)}}</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">Bonus Details</h5>
                <div class="row gy-3">
                    <div class="col-md-6">
                        <span class="sub-text">Amount</span>
                        <span class="caption-text">{{__format_number($trans->amount)}} {{$user->user_curr()}}</span>
                    </div>

                    <div class="col-md-6">
                        <span class="sub-text">Credited 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">Details</span>
                        <span class="caption-text">Signup Bonus</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">System</span>
                    </div>

                    <div class="col-lg-6">
                        <span class="sub-text">Account</span>
                        <span class="caption-text text-break">
                            Bonus Account
                        </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 {{__date_parse($trans->created_at)}}.</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>