@extends('layouts.user')

@section('title')
    @lang('Withdraw Money')
@endsection

@section('breadcrumb')
    @lang('Withdraw Money')
@endsection

@section('content')



        <div class="nk-content nk-content-fluid">
            <div class="container-xl wide-lg">
                <div class="nk-content-body">
                    <div class="nk-block-head">
                        <div class="nk-block-head-sub"><a href="#" onclick="history.go(-1)" class="btn btn-icon btn-trigger nk-chat-hide ms-n1 d-lg-none"><em class="icon ni ni-arrow-left"></em></a><span>Account Wallet</span> </div><!-- .nk-block-head-sub -->
                        <div class="nk-block-between-md g-4">
                            <div class="nk-block-head-content">
                                <h2 class="nk-block-title fw-normal">Crypto Wallet / Assets</h2>
                                <div class="nk-block-des">
                                    <p>Here is the list of your assets / wallets!</p>
                                </div>
                            </div>

                        </div><!-- .nk-block-between -->
                    </div><!-- .nk-block-head -->
                    <div class="nk-block">

                        <div class="row g-gs">
                            @foreach($accounts as $acc)
                            <div class="col-sm-6 col-lg-4 col-xl-6 col-xxl-4">
                                <div class="card card-bordered is-dark">
                                    <div class="nk-wgw">
                                        <div class="nk-wgw-inner">
                                            <a class="nk-wgw-name" href="html/crypto/wallet-bitcoin.html">
                                                <div class="nk-wgw-icon">
                                                    <img src="{{asset('assets')}}/coins_logo/{{strtolower($acc->blockchain_code)}}.png"  alt="">
                                                </div>
                                                <h5 class="nk-wgw-title title">{{$acc->blockchain_name}}</h5>
                                            </a>
                                            <div class="nk-wgw-balance">
                                                <div class="amount"> {{$balance= getAssetAccountBalance($acc)}} {{$acc->blockchain_code}} </div>
                                                <div class="amount-sm">{{$acc->availableBalanceUSD}} USD </div>

                                            </div>

                                        </div>
                                        <div class="nk-wgw-actions">
                                            <ul>
                                                <li><a href="#">{{$acc->attarched_address}}</a></li>


                                            </ul>
                                        </div>
                                        <div class="nk-wgw-actions">
                                            <ul>

                                                    <li><a href="#"  data-bs-toggle="modal" data-bs-target="#modalDeposit{{$acc->id}}"><em class="icon ni ni-arrow-down-left"></em> <span>Deposit</span></a></li>
                                                    <li><a href="{{route('user.crypto.sell')}}" ><em class="icon ni ni-arrow-up-left"></em> <span>Sell</span></a></li>
                                                    <li><a href="{{route('user.crypto.withdraw-asset',$acc->virtual_account_id)}}" ><em class="icon ni ni-arrow-up-right"></em> <span>Withdraw</span></a></li>
                                                    <li></li>



                                            </ul>
                                        </div>
                                        <div class="nk-wgw-more dropdown">
                                            <a href="#" class="btn btn-icon btn-trigger" data-bs-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
                                            <div class="dropdown-menu dropdown-menu-xs dropdown-menu-end">
                                                <ul class="link-list-plain sm">
                                                    <li><a href="#">Transactions History</a></li>

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- .col -->

                                <div class="modal fade" tabindex="-1" id="modalDeposit{{$acc->id}}">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <a href="#" class="close" data-bs-dismiss="modal" aria-label="Close">
                                                <em class="icon ni ni-cross"></em>
                                            </a>
                                            <div class="modal-header">
                                                <h5 class="modal-title">Deposit {{$acc->blockchain_name}} Asset</h5>
                                            </div>

                                            <div class="modal-body">
                                                <div class="form-control-wrap">

                                                    <div class="form-clip clipboard-init" data-clipboard-target="#account{{$acc->attarched_address}}" data-success="Copied" data-text="Copy Link"><em class="clipboard-icon icon ni ni-copy"></em>
                                                        <span class="clipboard-text">Copy Address</span></div>
                                                    <div class="form-icon">
                                                        <em class="icon ni ni-file"></em>
                                                    </div>
                                                    <input type="text" class="form-control copy-text" id="account{{$acc->attarched_address}}" value="{{$acc->attarched_address}}">
                                                </div>
                                                <p class="text-center">{{QrCode::size(200)->generate($acc->attarched_address)}}</p>









                                            </div>


                                        </div>
                                    </div>
                                </div>
                            @endforeach
                            <div class="col-sm-6 col-lg-4 col-xl-6 col-xxl-4">
                                <div class="card card-bordered dashed h-100">
                                    <div class="nk-wgw-add">
                                        <div class="nk-wgw-inner">
                                            <a href="#"  data-bs-toggle="modal" data-bs-target="#modalAddAsset">
                                                <div class="add-icon">
                                                    <em class="icon ni ni-plus"></em>
                                                </div>
                                                <h6 class="title">Add New Wallet</h6>
                                            </a>
                                            <span class="sub-text">You can add your more wallet in your account to manage separetly.</span>
                                        </div>
                                    </div>
                                </div><!-- .card -->
                            </div><!-- .col -->

                        </div><!-- .row -->
                    </div>

                </div>
            </div>
        </div>


@include('user.wallets._modal_add_asset');
@endsection