@extends('wallet.layouts.master')
@section('title','User Details')
@section('page-css')
    <link rel="stylesheet" href="{{ asset('dashboard_d/assets/styles/vendor/datatables.min.css') }}">
    <style>
        #depositModal .form-select,
        #depositModal .form-select option {
            letter-spacing: normal;
            font-weight: 400;
            font-synthesis: none;
        }
    </style>
@endsection
@section('content')
<div class="ct-user-detail">
    <input type="hidden" value="{{$user->id}}" id="user_id">
    <div class="page-title-head d-flex align-items-center gap-3 mb-3">
        <span class="avatar avatar-lg">
            <span class="avatar-initial rounded-circle bg-label-primary">{{ strtoupper(substr($user->fname ?? 'U', 0, 1)) }}</span>
        </span>
        <div>
            <h4 class="page-title mb-0">{{ trim($user->fname.' '.$user->lname) ?: 'User' }}</h4>
            <div class="text-muted">{{ $user->email }}</div>
        </div>
    </div>
        <div class="card">
            <div class="card-header pb-0">
                <div class="nav nav-tabs card-header-tabs overflow-x-auto flex-nowrap" id="nav-tab" role="tablist">
                    <button class="nav-link fs-14 fw-600 active" id="nav-general-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-general" type="button" role="tab" aria-controls="nav-general"
                            aria-selected="true"><span class="material-symbols-outlined">account_circle</span> General
                    </button>
                    <button class="nav-link fs-14 fw-600 text-nowrap" id="nav-manageWallets-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-manageWallets" type="button" role="tab"
                            aria-controls="nav-manageWallets" aria-selected="false"><span
                            class="material-symbols-outlined">account_balance_wallet</span> Manage Wallets
                    </button>
                    <button class="nav-link fs-14 fw-600" id="nav-transactions-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-transactions" type="button" role="tab" aria-controls="nav-transactions"
                            aria-selected="false"><span class="material-symbols-outlined">send_money</span> Transactions
                    </button>
                    <button class="nav-link fs-14 fw-600" id="nav-tickets-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-tickets" type="button" role="tab" aria-controls="nav-tickets"
                            aria-selected="false"><span class="material-symbols-outlined">support</span> Tickets
                    </button>
                    {{--                    <button class="nav-link fs-14 fw-600 text-nowrap" id="nav-verifyAndDoc-tab" data-bs-toggle="tab"--}}
                    {{--                            data-bs-target="#nav-verifyAndDoc" type="button" role="tab" aria-controls="nav-verifyAndDoc"--}}
                    {{--                            aria-selected="false"><span class="material-symbols-outlined">document_scanner</span>--}}
                    {{--                        Verifications & Documents--}}
                    {{--                    </button>--}}
                    <button class="nav-link fs-14 fw-600 text-nowrap" id="nav-paymentMethod-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-paymentMethod" type="button" role="tab"
                            aria-controls="nav-paymentMethod" aria-selected="false"><span
                            class="material-symbols-outlined">account_balance</span> Payment Methods
                    </button>
                    <button class="nav-link fs-14 fw-600 " id="nav-withdraw-method-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-withdraw-method" type="button" role="tab"
                            aria-controls="nav-withdraw-method"
                            aria-selected="false"><span class="material-symbols-outlined">credit_score</span> Withdrawal
                        Method
                    </button>
                    <button class="nav-link fs-14 fw-600 text-nowrap" id="nav-send-email-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-send-email" type="button" role="tab" aria-controls="nav-send-email"
                            aria-selected="false"><span class="material-symbols-outlined">mail</span> Send Email
                    </button>
                </div>
            </div>
            <div class="card-body">
                <div class="tab-content" id="nav-tabContent">
                    <div class="tab-pane fade show active" id="nav-general" role="tabpanel"
                         aria-labelledby="nav-general-tab" tabindex="0">
                        <div>
                            <div class='d-flex align-items-center gap-2 mb-4'>

                                @if($user->status == 1)
                                    <button class="btn btn-danger rounded-14 px-3 fw-bold"
                                            id="update_user_status{{$user->id}}"
                                            onclick="UpdateUserStatus(`{{$user->id}}`,0)"
                                            data-bs-toggle="tooltip" title="Block this user">
                                        Block user
                                    </button>
                                @else
                                    <button class="btn btn-primary rounded-14 px-3 fw-bold"
                                            id="update_user_status{{$user->id}}"
                                            onclick="UpdateUserStatus(`{{$user->id}}`,1)"
                                            data-bs-toggle="tooltip" title="Activate this user">
                                        Activate user
                                    </button>
                                @endif

                                <button class='btn btn-secondary text-white rounded-14 px-3 fw-bold'
                                        id="delete_user_btn{{$user->id}}" onclick="deleteUser(`{{$user->id}}`)">Delete
                                    user
                                </button>
                                @if($user->manual_kyc)
                                    <h5 class='fw-bold my-2'>KYC Verified</h5>

                                @else
                                    <button onclick="manual_kyc(`{{$user->id}}`)" id="manual_kyc"
                                            class='btn btn-info text-white rounded-14 px-3 fw-bold'>Manual KYC
                                    </button>
                                @endif
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="card border shadow-none p-3">
                                        <div class="w-100">
                                            <form id="update_account_settings">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="floating-input">
                                                            <input type="text" placeholder="" value="{{$user->fname}}"
                                                                   id="fname">
                                                            <label for="fname">First Name</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="floating-input">
                                                            <input type="text" placeholder="" value="{{$user->lname}}"
                                                                   id="lname">
                                                            <label for="lname">Last Name</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="floating-input">
                                                            <input type="email" value="{{$user->email}}" placeholder=""
                                                                   disabled id="email">
                                                            <label for="email">Email Address</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="floating-input">
                                                            <input type="text" value="{{$user->telegram_id}}"
                                                                   placeholder=""
                                                                   disabled id="telegram_id">
                                                            <label for="telegram_id">Telegram ID</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="floating-input">
                                                            <input type="text" placeholder="" value="{{$user->phone}}"
                                                                   id="phone">
                                                            <label for="phone">Phone number</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="floating-input">
                                                            <input type="date" max="{{date('Y-m-d')}}" required
                                                                   placeholder=""
                                                                   value="{{$user->dob}}"
                                                                   id="dob">
                                                            <label for="dob">Date of Birth</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="floating-input">
                                                            <input type="text" placeholder="" value="{{$user->country}}"
                                                                   id="country">
                                                            <label for="country">Country</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="floating-input">
                                                            <input type="text" placeholder="" value="{{$user->city}}"
                                                                   id="city">
                                                            <label for="city">City</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="floating-input">
                                                            <input type="text" placeholder="" value="{{$user->postal_code}}"
                                                                   id="postal_code">
                                                            <label for="postal_code">Postal Code</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <div class="floating-input">
                                                            <input type="text" placeholder="" value="{{$user->address}}"
                                                                   id="address">
                                                            <label for="address">Full Address</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <div class="floating-input">
                                                        <textarea id="notes" placeholder='' class='resize-none'
                                                                  rows='4'>{{$user->notes}}</textarea>
                                                            <label for="notes">About Self</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                            <form id="permission-settings-form">
                                                <div>
                                                    <div class="d-flex align-items-center justify-content-between mb-2">
                                                        <h5 class="fw-bold mb-0">Permissions</h5>
                                                        <button class="btn btn-primary" id="update_account_settings_btn" type="submit" form="update_account_settings">Submit</button>
                                                    </div>
                                                    <div
                                                        class="col-sm-6 single-notify mt-16 d-flex align-items-center justify-content-between">
                                                        <div><p class='fs-14 fw-600'>Allow Send Funds?</p></div>
                                                        <div>
                                                            <label class="ui-switch">
                                                                <input type="checkbox"
                                                                       value="Allow Send Funds"
                                                                       {{ $user->can('Allow Send Funds') ? 'checked' : '' }}
                                                                       class="permission-switch">
                                                                <div class="slider">
                                                                    <div class="circle"></div>
                                                                </div>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div
                                                        class="col-sm-6 single-notify mt-16 d-flex align-items-center justify-content-between">
                                                        <div><p class='fs-14 fw-600'>Allow Receive Funds?</p></div>
                                                        <div>
                                                            <label class="ui-switch">
                                                                <input type="checkbox"
                                                                       value="Allow Receive Funds"
                                                                       {{ $user->can('Allow Receive Funds') ? 'checked' : '' }}
                                                                       class="permission-switch">
                                                                <div class="slider">
                                                                    <div class="circle"></div>
                                                                </div>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div
                                                        class="col-sm-6 single-notify mt-16 d-flex align-items-center justify-content-between">
                                                        <div><p class='fs-14 fw-600'>Allow Swap Funds?</p></div>
                                                        <div>
                                                            <label class="ui-switch">
                                                                <input type="checkbox"
                                                                       value="Allow Swap Funds"
                                                                       {{ $user->can('Allow Swap Funds') ? 'checked' : '' }}
                                                                       class="permission-switch">
                                                                <div class="slider">
                                                                    <div class="circle"></div>
                                                                </div>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div
                                                        class="col-sm-6 single-notify mt-16 d-flex align-items-center justify-content-between">
                                                        <div><p class='fs-14 fw-600'>Allow Buy Funds?</p></div>
                                                        <div>
                                                            <label class="ui-switch">
                                                                <input type="checkbox"
                                                                       value="Allow Buy Funds"
                                                                       {{ $user->can('Allow Buy Funds') ? 'checked' : '' }}
                                                                       class="permission-switch">
                                                                <div class="slider">
                                                                    <div class="circle"></div>
                                                                </div>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div
                                                        class="col-sm-6 single-notify mt-16 d-flex align-items-center justify-content-between">
                                                        <div><p class='fs-14 fw-600'>Allow Sell Funds?</p></div>
                                                        <div>
                                                            <label class="ui-switch">
                                                                <input type="checkbox"
                                                                       value="Allow Sell Funds"
                                                                       {{ $user->can('Allow Sell Funds') ? 'checked' : '' }}
                                                                       class="permission-switch">
                                                                <div class="slider">
                                                                    <div class="circle"></div>
                                                                </div>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 mt-20 mt-lg-0">
                                    <div class="card border shadow-none p-3 management">
                                        <h5 class='pb-3 fw-bold'>Management</h5>
                                        <p class="alert alert-info d-flex align-items-center gap-2 mb-3">
                                            <span class="material-symbols-outlined">info</span> This user is
                                            owned by {{$user->company->email ?? ''}}.
                                        </p>
                                        <div class="row mt-2">
                                            <div class="col-md-6 mt-3">
                                                <div class="d-flex align-items-center gap-2">
                                                    <div class="icon"><span class="material-symbols-outlined">person_check</span>
                                                    </div>
                                                    <div class="text">
                                                        <small class='fs-12 text-clr fw-500'>Registered</small>
                                                        <p class='fw-500 fs-14'>{{ $user->created_at != '' ? $user->created_at->format('n/j/Y, g:i:s A') : ''}}</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6 mt-3">
                                                <div class="d-flex align-items-center gap-2">
                                                    <div class="icon"><span
                                                            class="material-symbols-outlined">login</span></div>
                                                    <div class="text">
                                                        <small class='fs-12 text-clr fw-500'>Last Login</small>
                                                        <p class='fw-500 fs-14'>{{$user->last_login}}</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6 mt-3">
                                                <div class="d-flex align-items-center gap-2">
                                                    <div class="icon"><span
                                                            class="material-symbols-outlined">flag</span></div>
                                                    <div class="text">
                                                        <small class='fs-12 text-clr fw-500'>Country</small>
                                                        <p class='fw-500 fs-14'>{{$user->country}}</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6 mt-3">
                                                <div class="d-flex align-items-center gap-2">
                                                    <div class="icon"><span class="material-symbols-outlined">attach_money</span>
                                                    </div>
                                                    <div class="text">
                                                        <small class='fs-12 text-clr fw-500'>Currency</small>
                                                        <p class='fw-500 fs-14'>USD</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6 mt-3">
                                                <div class="d-flex align-items-center gap-2">
                                                    <div class="icon"><span
                                                            class="material-symbols-outlined">more_time</span></div>
                                                    <div class="text">
                                                        <small class='fs-12 text-clr fw-500'>Last Logout</small>
                                                        <p class='fw-500 fs-14'>{{ $user->logout_at ? $user->logout_at->format('n/j/Y, g:i:s A') : '' }}</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6 mt-3">
                                                <div class="d-flex align-items-center gap-2">
                                                    <div class="icon"><span class="material-symbols-outlined">bring_your_own_ip</span>
                                                    </div>
                                                    <div class="text">
                                                        <small class='fs-12 text-clr fw-500'>IP Address</small>
                                                        <p class='fw-500 fs-14'>{{$user->ip_address}}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <form id="reset-user-password" class="card border shadow-none p-3 mt-24">

                                        <div class="row">
                                            <h5 class='pb-32 fw-bold'>Reset Password</h5>
                                            <div class="col-12 mt-3">
                                                <div class="floating-input">
                                                    <input type="text" placeholder="" id="new-password">
                                                    <label for="new-password">New Password</label>
                                                </div>
                                            </div>
                                            <div class="col-12 mt-3">
                                                <button class="btn btn-primary w-100" id="reset-user-password-btn"
                                                        type="submit">Update Password
                                                </button>
                                            </div>
                                        </div>
                                    </form>

                                    <div class="card border shadow-none mt-24">
                                        <h5 class='fw-bold p-24'>Reset 2FA</h5>
                                        <div class='no-found text-center opacity-50 pt-32 pb-32'>
                                            @if($user->email_2FA_enable || $user->google_2fa_enable)

                                                <div class="row pl-32 pr-32">
                                                    @if($user->google_2fa_enable)
                                                        <div class="col-lg-6">
                                                            <div
                                                                class="rounded-20 p-24 py-5 rounded-20 border border-light border-opacity-25 h-100">

                                                                <div id="google_2FA_enable">
                                                                    @if($user->authenticator_app_enable)
                                                                        <p class='text-success d-flex align-items-center gap-2'>
                                                                            <span
                                                                                class="p-1 bg-success rounded-5"></span>
                                                                            On
                                                                        </p>
                                                                    @else
                                                                        <p class='text-danger d-flex align-items-center gap-2'>
                                                                            <span
                                                                                class="p-1 bg-danger rounded-5"></span>
                                                                            Off
                                                                        </p>
                                                                    @endif
                                                                </div>
                                                                <h6 class='mt-3 fw-bold'>Authenticator App</h6>
                                                                <p class='mt-3 text-clr fs-14'>Use an authenticator to
                                                                    generate one time codes.</p>

                                                                <button onclick="enableGoogle2FA()"
                                                                        id="enableGoogle2FA_btn"
                                                                        class=' {{$user->authenticator_app_enable ? 'd-none' : ''}} mt-28 btn btn-outline-primary d-flex align-items-center gap-2 rounded-5 px-4 fs-14'>
                                                                    Set Up <span class="material-symbols-outlined fs-5">east</span>
                                                                </button>

                                                                <button id="disableGoogle2FA_btn"
                                                                        onclick="disableGoogle2FA(0)"
                                                                        class=' {{$user->authenticator_app_enable ? '' : 'd-none'}} mt-28 btn btn-outline-primary d-flex align-items-center gap-2 rounded-5 px-4 fs-14'>
                                                                    Set Up <span class="material-symbols-outlined fs-5">east</span>
                                                                </button>

                                                            </div>
                                                        </div>
                                                    @endif

                                                    @if($user->email_2FA_enable)
                                                        <div class="col-lg-6">
                                                            <div
                                                                class="rounded-20 p-24 py-5 rounded-20 border border-light border-opacity-25 h-100">

                                                                <div id="email_2FA_enable">
                                                                    @if($user->email_2FA_enable)
                                                                        <p class='text-success d-flex align-items-center gap-2'>
                                                                            <span
                                                                                class="p-1 bg-success rounded-5"></span>
                                                                            On</p>
                                                                    @else
                                                                        <p class='text-danger d-flex align-items-center gap-2'>
                                                                            <span
                                                                                class="p-1 bg-danger rounded-5"></span>
                                                                            Off</p>
                                                                    @endif
                                                                </div>

                                                                <h6 class='mt-3 fw-bold'>Email Authentication</h6>
                                                                <p class='mt-3 text-clr fs-14'>Use your email to receive
                                                                    security code.</p>

                                                                <button id="send_2FA_email_code_btn"
                                                                        onclick="send2FAemailcode()"
                                                                        class=' {{$user->email_2FA_enable ? 'd-none' : ''}} mt-28 btn btn-outline-primary d-flex align-items-center gap-2 rounded-5 px-4 fs-14'>
                                                                    Set Up <span class="material-symbols-outlined fs-5">east</span>
                                                                </button>

                                                                <button id="disable_email_2fa"
                                                                        onclick="disable_email_2fa(0)"
                                                                        class=' {{$user->email_2FA_enable ? '' : 'd-none'}} mt-28 btn btn-outline-primary d-flex align-items-center gap-2 rounded-5 px-4 fs-14'>
                                                                    Disable <span
                                                                        class="material-symbols-outlined fs-5">east</span>
                                                                </button>

                                                            </div>
                                                        </div>
                                                    @endif


                                                </div>

                                            @else
                                                <img class='w-250 object-fit-contain'
                                                     src="{{asset('wallet_d/assets/images/you_lost.png')}}"
                                                     alt="you lost">
                                                <h4 class='fw-bold'>Two Factor Disabled</h4>

                                            @endif

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-manageWallets" role="tabpanel"
                         aria-labelledby="nav-manageWallets-tab" tabindex="0">
                        <div class="col-12 mt-3">
                            <div class="d-flex justify-content-between pb-3 pt-3 gap-3 flex-wrap">
                                <div>
                                    <button data-bs-toggle="modal" data-bs-target="#depositModal" class="btn btn-primary"><i
                                            class="ti ti-plus me-1"></i>Add
                                        Transaction
                                    </button>
                                </div>
                                <div>
                                    <p class="alert alert-secondary mb-0 py-2">
                                        <small class="d-flex align-items-center gap-2">
                                            <span class="material-symbols-outlined">emoji_objects</span>
                                            <span><b>Tip.</b> Click a wallet to see the deposit address and QR code.</span>
                                        </small>
                                    </p>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">Wallets</h5>
                                    <div class="text-muted small">${{ round($total_usd, 4) }} total assets</div>
                                </div>
                                <div class="card-body">
                                    @include('wallet.partials.deposit-addresses')
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-transactions" role="tabpanel"
                         aria-labelledby="nav-transactions-tab" tabindex="0">
                        <div class="card border shadow-none mt-32">
                            <h5 class='fw-bold p-24'>Transactions</h5>
                            <div class="">
                                    <div class="table-responsive">
                                        <table class="display table table-bordered" id="transactions_table"
                                               style="width:100%">
                                            <thead>
                                            <tr>
                                                <th scope="col">TXID</th>
                                                <th scope="col">Type</th>
                                                <th scope="col">Amount</th>
                                                <th scope="col">USD Amount</th>
                                                <th scope="col">Coin</th>
                                                <th scope="col">Wallet id</th>
                                                <th scope="col">Wallet name</th>
                                                <th scope="col">Address</th>
                                                <th scope="col">Address label</th>
                                                <th scope="col">Confirmations</th>
                                                <th scope="col">Payment date</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($transactions as $trans)
                                                @php
                                                    $txid = $trans->txid ?: $trans->payment_id;
                                                    $explorer = $trans->explorer_url;
                                                @endphp
                                                <tr>
                                                    <td class="text-break">
                                                        @if($txid)
                                                            @if($explorer)
                                                                <a href="{{ $explorer }}" target="_blank" rel="noopener" class="text-break">{{ $txid }}</a>
                                                            @else
                                                                <code class="small text-break">{{ $txid }}</code>
                                                            @endif
                                                        @else
                                                            —
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($trans->type == 'Deposit')
                                                            <span class="badge bg-success">Deposit</span>
                                                        @else
                                                            <span class="badge bg-danger">Withdrawal</span>
                                                        @endif
                                                    </td>
                                                    <td>{{ $trans->type == 'Deposit' ? '+' : '-' }} {{ $trans->amount }}</td>
                                                    <td>{{ $trans->usd_amount }}</td>
                                                    <td>{{ $trans->coin_short_name }}</td>
                                                    <td>{{ $trans->wallet_id ?: '—' }}</td>
                                                    <td>{{ $trans->wallet_name ?: '—' }}</td>
                                                    <td class="text-break">{{ $trans->address ?: '—' }}</td>
                                                    <td>{{ $trans->address_label ?: '—' }}</td>
                                                    <td>{{ $trans->confirmations }}</td>
                                                    <td>{{ $trans->date ?: '—' }}</td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-tickets" role="tabpanel" aria-labelledby="nav-tickets-tab"
                         tabindex="0">
                        <div class="card border shadow-none mt-32 py-3">
                            <h5 class='fw-bold p-24'>Tickets</h5>
                            @if($tickets)
                                <div class="table-responsive">
                                    <table class="display table table-bordered" id="deafult_ordering_table"
                                           style="width:100%">
                                        <colgroup>
                                            <col span="1">
                                            <col span="1">
                                            <col span="1">
                                            <col span="1">
                                            <col span="1" style="width: 30%;">
                                            <col span="1">
                                            <col span="1">
                                        </colgroup>
                                        <thead>
                                        <tr>
                                            <th>#ID</th>
                                            <th>Urgency</th>
                                            <th>Status</th>
                                            <th>Subject</th>
                                            <th>Message</th>
                                            <th>Created</th>
                                            <th>Last Updated</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($tickets as $ticket)

                                            <tr>
                                                <td><a class="text-underline text-dark"
                                                       href="{{route('ticket_messages',['id'=>$ticket->id])}}">{{$ticket->id}}</a>
                                                </td>
                                                <td>{{$ticket->urgency}}</td>
                                                <td>
                                                    <div class="ticket-status">
                                                        <span
                                                            class='{{$ticket->status ? 'bg-green' : 'bg-danger'}}  p-2 rounded-3 py-1 pb-2 fw-bold'>{{$ticket->status ? 'Open' : 'Close'}}</span>
                                                    </div>
                                                </td>
                                                <td>{{$ticket->subject}}</td>
                                                <td onclick="showMessage(`{{$ticket->message}}`)">
                                                    {{ strlen($ticket->message) > 40 ? substr($ticket->message, 0, 40) . '...' : $ticket->message }}
                                                </td>
                                                <td>{{$ticket->created_at}}</td>
                                                <td>{{$ticket->updated_at}}</td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <div class='no-found text-center opacity-50 pt-32 pb-32'>
                                    <img class='w-250 object-fit-contain'
                                         src="{{asset('wallet_d/assets/images/you_lost.png')}}" alt="you lost">
                                    <h4 class='fw-bold'>Oops! Nothing is here.</h4>
                                    <p class='fw-500'>We couldn't find any tickets.</p>
                                </div>
                            @endif

                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-verifyAndDoc" role="tabpanel"
                         aria-labelledby="nav-verifyAndDoc-tab" tabindex="0">
                        <div class="card border shadow-none mt-32">
                            <h5 class='fw-bold p-24'>Verification & Documents</h5>
                            <div class='no-found text-center opacity-50 pt-32 pb-32'>
                                <img class='w-250 object-fit-contain'
                                     src="{{asset('wallet_d/assets/images/you_lost.png')}}" alt="you lost">
                                <h4 class='fw-bold'>Oops! Nothing is here.</h4>
                                <p class='fw-500'>We couldn't find any documents.</p>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-paymentMethod" role="tabpanel"
                         aria-labelledby="nav-paymentMethod-tab" tabindex="0">
                        <div class="card border shadow-none mt-32">
                            <h5 class='fw-bold p-24'>Payment Methods</h5>
                            @if($credit_card || $bank_account)
                                <div>
                                    <nav class="col-lg-8 mx-auto">
                                        <div class="nav nav-tabs border-secondary border-opacity-50" id="nav-tab"
                                             role="tablist">
                                            <button class="nav-link active col-6 justify-content-center"
                                                    id="nav-creditCard-tab"
                                                    data-bs-toggle="tab" data-bs-target="#nav-creditCard" type="button"
                                                    role="tab"
                                                    aria-controls="nav-creditCard" aria-selected="true"> Credit Card
                                            </button>
                                            <button class="nav-link col-6 justify-content-center"
                                                    id="nav-bankAccount-tab"
                                                    data-bs-toggle="tab" data-bs-target="#nav-bankAccount" type="button"
                                                    role="tab"
                                                    aria-controls="nav-bankAccount" aria-selected="false"> Bank Account
                                            </button>
                                        </div>
                                    </nav>
                                    <div class="tab-content mt-28" id="nav-tabContent">
                                        <div class="tab-pane fade show active" id="nav-creditCard" role="tabpanel"
                                             aria-labelledby="nav-creditCard-tab" tabindex="0">
                                            <div class="row justify-content-center">
                                                <div class="col-lg-8">
                                                    <form id="save_credit_card1">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="floating-input">
                                                                    <input type="text" inputmode="numeric"
                                                                           maxlength="19"
                                                                           placeholder=""
                                                                           required
                                                                           name="card_number"
                                                                           value="{{ $credit_card ? Crypt::decryptString($credit_card->card_number ?? '') : ''}}"
                                                                           id="card_number">
                                                                    <label for="card_number">Card Number</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="floating-input">
                                                                    <input type="text"
                                                                           placeholder=""
                                                                           value="{{ $credit_card ? Crypt::decryptString($credit_card->card_holder ?? '') : ''}}"
                                                                           required name="card_holder"
                                                                           id="card_holder">
                                                                    <label for="card_holder">Card Holder</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="floating-input">
                                                                    <input type="text" placeholder=""
                                                                           required
                                                                           value="{{ $credit_card ? Crypt::decryptString($credit_card->expiry_date ?? '') : ''}}"
                                                                           name="expiry_date"
                                                                           id="expiry_date">
                                                                    <label for="expiry_date">Expiry Date</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="floating-input">
                                                                    <input type="text" required
                                                                           value="{{ $credit_card ? Crypt::decryptString($credit_card->cvv ?? '') : ''}}"
                                                                           placeholder="" id="cvv">
                                                                    <label for="cvv">CVV</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-12 pb-3">
                                                                <small class='text-clr fs-12'>Your data is encrypted and
                                                                    stored
                                                                    securely using AES-256 encryption.</small>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="floating-input">
                                                        <textarea id="card_notes" placeholder='' class='resize-none'
                                                                  rows='5'>{{$credit_card->card_notes ?? ''}}</textarea>
                                                                    <label for="card_notes">Notes</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        {{--                                                        <div class="text-center">--}}
                                                        {{--                                                            <button class='button px-5' id="save_credit_card_btn"--}}
                                                        {{--                                                                    type='submit'>--}}
                                                        {{--                                                                {{$credit_card ? 'Update' : 'Add'}} Credit Card--}}
                                                        {{--                                                            </button>--}}
                                                        {{--                                                        </div>--}}
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-bankAccount"
                                             role="tabpanel"
                                             aria-labelledby="nav-bankAccount-tab" tabindex="0">
                                            <div class="row justify-content-center">
                                                <div class="col-lg-8">
                                                    <form id="save_bank_account1">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="floating-input">
                                                                    <input type="text" required placeholder=""
                                                                           value="{{ $bank_account ? Crypt::decryptString($bank_account->bank_name ?? '') : ''}}"
                                                                           id="bank_name">
                                                                    <label for="bank_name">Bank Name</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="floating-input">
                                                                    <input type="text" required placeholder=""
                                                                           value="{{ $bank_account ? Crypt::decryptString($bank_account->account_number ?? '') : ''}}"
                                                                           id="account_number">
                                                                    <label for="account_number">Account Number</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 mb-3 mb-md-0">
                                                                <div
                                                                    class="d-flex justify-content-between gap-3 align-items-center mt-2">
                                                                    <p class='text-clr'>Enable SEPA.</p>
                                                                    <label class="ui-switch end-0 strat-auto"
                                                                           for="sepa">
                                                                        <input type="checkbox"
                                                                               {{$bank_account ? $bank_account->sepa ? 'checked' : '' : ''}} name="sepa"
                                                                               id="sepa">
                                                                        <div class="slider">
                                                                            <div class="circle"></div>
                                                                        </div>

                                                                    </label>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="floating-input">
                                                                    <input type="text" required placeholder=""
                                                                           value="{{ $bank_account ? Crypt::decryptString($bank_account->swift ?? '') : ''}}"
                                                                           id="swift">
                                                                    <label for="swift">Swift Code</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-12 pb-3">
                                                                <small class='text-clr fs-12'>Your data is encrypted and
                                                                    stored
                                                                    securely using AES-256 encryption.</small>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="floating-input">
                                                        <textarea id="bank_notes" placeholder='' class='resize-none'
                                                                  rows='5'>{{$bank_account->bank_notes ?? ''}}</textarea>
                                                                    <label for="bank_notes">Notes</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        {{--                                                        <button class='button px-5' id="save_bank_account_btn"--}}
                                                        {{--                                                                type='submit'>--}}
                                                        {{--                                                            {{$bank_account ? 'Update' : 'Add'}} Payment Method--}}
                                                        {{--                                                        </button>--}}
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class='no-found text-center opacity-50 pt-32 pb-32'>
                                    <img class='w-250 object-fit-contain'
                                         src="{{asset('wallet_d/assets/images/you_lost.png')}}" alt="you lost">
                                    <h4 class='fw-bold'>Oops! Nothing is here.</h4>
                                    <p class='fw-500'>We couldn't find any payment method.</p>
                                </div>
                            @endif


                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-withdraw-method" role="tabpanel"
                         aria-labelledby="nav-withdraw-method-tab"
                         tabindex="0">
                        <div class="card border shadow-none mt-32">
                            <h5 class='fw-bold p-24'>Withdrawal Method</h5>
                            <div>
                                <nav class="col-lg-8 mx-auto">
                                    <div class="nav nav-tabs border-secondary border-opacity-50" id="nav-tab"
                                         role="tablist">
                                        <button class="nav-link active col-6 justify-content-center"
                                                id="nav-bank-tab"
                                                data-bs-toggle="tab" data-bs-target="#nav-bank" type="button"
                                                role="tab"
                                                aria-controls="nav-bank" aria-selected="true"> Bank
                                        </button>
                                        <button class="nav-link col-6 justify-content-center"
                                                id="nav-crypto-tab"
                                                data-bs-toggle="tab" data-bs-target="#nav-crypto" type="button"
                                                role="tab"
                                                aria-controls="nav-crypto" aria-selected="false"> Crypto
                                        </button>
                                    </div>
                                </nav>
                                <div class="tab-content mt-3 p-32" id="nav-tabContent">
                                    <div class="tab-pane fade show active" id="nav-bank" role="tabpanel"
                                         aria-labelledby="nav-bank-tab" tabindex="0">
                                        <div class="row justify-content-center">
                                            <div class="col-lg-8">
                                                <form id="update_bank_details">
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="floating-input">
                                                                <input type="text"
                                                                       placeholder=""
                                                                       required
                                                                       name="iban"
                                                                       value="{{$user->withdrawal_method->iban ?? '' }}"
                                                                       id="iban">
                                                                <label for="iban">IBAN</label>
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="floating-input">
                                                                <input type="text"
                                                                       placeholder=""
                                                                       value="{{ $user->withdrawal_method->swift_code ?? '' }}"
                                                                       required
                                                                       name="swift_code"
                                                                       id="swift_code">
                                                                <label for="swift_code">Swift Code</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="text-center">
                                                        <button class="btn btn-primary px-5" id="update_bank_details_btn"
                                                                type="submit">
                                                            Update
                                                        </button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="nav-crypto"
                                         role="tabpanel"
                                         aria-labelledby="nav-crypto-tab" tabindex="0">
                                        <div class="row justify-content-center">
                                            <div class="col-lg-8">
                                                <form id="update_crypto_details">
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <label for="coin_id">Select Coin</label>
                                                            <div class="floating-input">
                                                                <select class="basic-single ticket" id="coin_id">
                                                                    <option value="">Select Coin</option>
                                                                    @foreach($coins as $coin)
                                                                        <option
                                                                            {{ isset($user->withdrawal_method->coin_id) ? $user->withdrawal_method->coin_id == $coin->id ? 'selected' : ''  : ''  }} value="{{$coin->id}}">{{$coin->short_name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>

                                                        <div class="col-12">
                                                            <div class="floating-input">
                                                                <input type="text" required placeholder=""
                                                                       value="{{ $user->withdrawal_method->address ?? '' }}"
                                                                       id="withdrawal_address">
                                                                <label for="withdrawal_address">Wallet Address</label>
                                                            </div>
                                                        </div>

                                                    </div>
                                                    <div class="text-center">
                                                        <button class="btn btn-primary px-5" id="update_crypto_details_btn"
                                                                type="submit">Update
                                                        </button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-send-email" role="tabpanel" aria-labelledby="nav-send-email-tab"
                         tabindex="0">
                        <div class="card border shadow-none mt-32 p-3 p-lg-5">
                            <div class="text-center"><h5 class='fw-bold p-24'>Send Email</h5></div>
                            <div class="row justify-content-center">
                                <div class="col-lg-8">
                                    <form id="send_email">
                                        <div class="col-12">
                                            <div class="floating-input">
                                                <input type="text" id="subject" placeholder="" required>
                                                <label for="subject">Subject</label>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="floating-input">
                                        <textarea id="body" placeholder='' class='resize-none'
                                                  rows='4'></textarea>
                                                <label for="body">Email Body</label>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="floating-input">
                                                <input class="p-0" type="file" id="attachments" multiple
                                                       style="line-height:2.5;"
                                                       accept=".png,.jpg,.jpeg,.gif,.pdf,.doc,.docx">
                                            </div>
                                        </div>

                                        <button class="btn btn-primary float-end px-5" id="send_email_btn"
                                                type="submit">Submit
                                        </button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <!------Modals------>
    <div class="modal fade" id="depositModal" tabindex="-1" aria-labelledby="depositModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content p-8">
                <div class="modal-header border-0 pb-2">
                    <h6 class="modal-title fw-bold" id="depositModalLabel">Add Transaction</h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pt-0">
                    <div>
                        <div class="col-12">
                            <div class="wallet-send-receive">
                                <div class=''>
                                    <nav>
                                        <div class="nav nav-tabs border-secondary border-opacity-50" id="nav-tab"
                                             role="tablist">
                                            <button class="nav-link py-3 col-6 fs-14 fw-600 justify-content-center"
                                                    id="nav-walletSend-tab" data-bs-toggle="tab"
                                                    data-bs-target="#nav-walletSend" type="button" role="tab"
                                                    aria-controls="nav-walletSend" aria-selected="true"> Withdrawal
                                            </button>
                                            <button
                                                class="nav-link active py-3 col-6 fs-14 fw-600 justify-content-center"
                                                id="nav-walletReceive-tab" data-bs-toggle="tab"
                                                data-bs-target="#nav-walletReceive" type="button" role="tab"
                                                aria-controls="nav-walletReceive" aria-selected="false"> Deposit
                                            </button>
                                        </div>
                                    </nav>
                                    <div class="tab-content mt-28" id="nav-tabContent">
                                        {{--                                        <input type="hidden" id="selected_coin_id"--}}
                                        {{--                                               value="{{isset($coins_balance[0]) ? $coins_balance[0]->coin_id : ''}}">--}}
                                        <div class="tab-pane fade" id="nav-walletSend" role="tabpanel"
                                             aria-labelledby="nav-walletSend-tab" tabindex="0">
                                            <div class="row p-32 pt-0">
                                                <div class="col-12 no-user-select">
                                                    <form id="send_withdrawal_request" class="position-relative">
                                                        <div class="row">
                                                            <div class="col-12 mb-3">
                                                                <div class="floating-select">
                                                                    <div class='rounded-3 d-flex'>
                                                                        <div class='coin-selector2 w-100 px-0'>
                                                                            @if(isset($coins_balance[0]))
                                                                                <div class="selected2 border-0"
                                                                                     data-coin="BTC">
                                                                                    <img
                                                                                        src="{{asset($coins_balance[0]->coin->image  ?? '')}}"
                                                                                        alt="image">
                                                                                    <div class="value">
                                                                                        <span>{{$coins_balance[0]->coin->full_name ?? ''}}
                                                                                        <small
                                                                                            class='text-clr'>{{$coins_balance[0]->coin->short_name ?? ''}}</small>
                                                                                        </span>
                                                                                        <small>{{$coins_balance[0]->balance}}</small>
                                                                                    </div>
                                                                                    <span
                                                                                        class="material-symbols-outlined arrowDown">keyboard_arrow_down</span>
                                                                                </div>
                                                                            @endif

                                                                            <ul class="cstm-dropdown2">
                                                                                <input type="text"
                                                                                       class='w-100 coin-search'
                                                                                       name="" id="coin-search"
                                                                                       placeholder="Search for a coin...">
                                                                                @foreach($coins_balance as $coin)
                                                                                    <li data-coin="{{$coin->coin->short_name ?? ''}}"
                                                                                        data-name="{{$coin->coin->full_name ?? ''}}"
                                                                                        data-price="{{$coin->balance}}"
                                                                                        data-coin_id="{{$coin->coin_id}}">
                                                                                        <img
                                                                                            src="{{asset($coin->coin->image ?? '')}}"
                                                                                            alt="image">
                                                                                        <div class="value">
                                                                                            <span>{{$coin->coin->full_name ?? ''}}
                                                                                            <small
                                                                                                class='text-clr'>{{$coin->coin->short_name ?? ''}}</small>
                                                                                            </span>
                                                                                            <small>{{$coin->balance}}</small>
                                                                                        </div>
                                                                                    </li>
                                                                                @endforeach
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-12">
                                                                <div
                                                                    class="floating-input sendnig-amount position-relative mt-3">
                                                                    <input type="text" value=''
                                                                           class='fs-14 fw-600 text-clr pe-5 p-3'
                                                                           min='0'
                                                                           placeholder="" id="deposit_address">
                                                                    <label for="deposit_address" class='text-clr'>Address/IBAN
                                                                        *</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-12">
                                                                <div
                                                                    class="floating-input sendnig-amount position-relative mt-3">
                                                                    <input type="text" value=''
                                                                           class='fs-14 fw-600 text-clr pe-5 p-3'
                                                                           min='0'
                                                                           placeholder="" id="amount">
                                                                    <label for="amount" class='text-clr'>Amount
                                                                        *</label>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <button class="btn btn-primary w-100 mt-3"
                                                                id="send_withdrawal_request_btn"
                                                                type="submit">Send Request
                                                        </button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="tab-pane fade show active" id="nav-walletReceive"
                                             role="tabpanel" aria-labelledby="nav-walletReceive-tab" tabindex="0">
                                            <div class="row">
                                                <div class="col-12">
                                                    <form id="deposit_amount">
                                                        <input type="hidden" id="selected_coin_id"
                                                               value="{{isset($coins_balance[0]) ? $coins_balance[0]->coin_id : ''}}">

                                                        <div class="row">
                                                            <div class="col-12 mb-3">
                                                                <div class="floating-select">
                                                                    <div class='rounded-3 d-flex'>
                                                                        <div class='coin-selector2 w-100 px-0'>
                                                                            @if(isset($coins_balance[0]))
                                                                                <div class="selected2 border-0 p-2"
                                                                                     data-coin="BTC">
                                                                                    <img
                                                                                        src="{{asset($coins_balance[0]->coin->image  ?? '')}}"
                                                                                        alt="image">
                                                                                    <div class="value">
                                                                                        <span>{{$coins_balance[0]->coin->full_name ?? ''}}
                                                                                        <small
                                                                                            class='text-clr'>{{$coins_balance[0]->coin->short_name ?? ''}}</small>
                                                                                        </span>
                                                                                        <small>{{$coins_balance[0]->balance}}</small>
                                                                                    </div>
                                                                                    <span
                                                                                        class="material-symbols-outlined arrowDown">keyboard_arrow_down</span>
                                                                                </div>
                                                                            @endif
                                                                            <ul class="cstm-dropdown2">
                                                                                {{--                                                                        <input type="text" class='w-100 coin-search'--}}
                                                                                {{--                                                                               name="" id="coin-search"--}}
                                                                                {{--                                                                               placeholder="Search for a coin...">--}}
                                                                                @foreach($coins_balance as $coin)
                                                                                    <li data-coin="{{$coin->coin->short_name ?? ''}}"
                                                                                        data-name="{{$coin->coin->full_name ?? ''}}"
                                                                                        data-price="{{$coin->balance}}"
                                                                                        data-coin_id="{{$coin->coin_id}}">
                                                                                        <img
                                                                                            src="{{asset($coin->coin->image ?? '')}}"
                                                                                            alt="image">
                                                                                        <div class="value">
                                                                                            <span>{{$coin->coin->full_name ?? ''}}
                                                                                            <small
                                                                                                class='text-clr'>{{$coin->coin->short_name ?? ''}}</small>
                                                                                            </span>
                                                                                            <small>{{$coin->balance}} </small>
                                                                                        </div>
                                                                                    </li>
                                                                                @endforeach
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-12 mb-3">
                                                                <div class="floating-input mb-0">
                                                                    <input type="datetime-local"
                                                                           min="{{ date('Y-m-d\TH:i') }}"
                                                                           value="{{ date('Y-m-d\TH:i') }}" required
                                                                           id="sent_at">
                                                                    <label for="sent_at">Send At</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-12 mb-3">
                                                                <div
                                                                    class="single-notify d-flex align-items-center justify-content-between">
                                                                    <div>
                                                                        <h6 class='fw-bold'>Hidden Transaction?</h6>
                                                                    </div>
                                                                    <div>
                                                                        <label class="ui-switch" for="hide_transaction">
                                                                            <input type="checkbox"
                                                                                   name="hide_transaction"
                                                                                   id="hide_transaction">
                                                                            <div class="slider">
                                                                                <div class="circle"></div>
                                                                            </div>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                                <div
                                                                    class="d-flex align-items-start gap-2 mt-2 bg-line-dark p-2 rounded-3 shadow">
                                                                    <span class="material-symbols-outlined text-clr">emoji_objects</span>
                                                                    <p class='text-clr fs-14'><b>Tip: </b>Hidden
                                                                        transactions will not be shown in the user's
                                                                        wallet, but only will add or remove the balance.
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <div class="col-12 mb-3">
                                                                <div class="floating-input mb-2">
                                                                    <input type="text" placeholder="" value=""
                                                                           id="transaction_amount">
                                                                    <label for="transaction_amount">Transaction
                                                                        Amount</label>
                                                                </div>
                                                                <div class="form-text">Please write the amount in wallet currency.</div>
                                                            </div>
                                                            <div class="col-12 mb-3">
                                                                <label class="form-label" for="deposit_status">Transaction Status</label>
                                                                <select class="form-select" id="deposit_status">
                                                                    <option value="Pending">Pending</option>
                                                                    <option value="Completed" selected>Completed</option>
                                                                    <option value="Failed">Failed</option>
                                                                </select>
                                                            </div>
                                                            <div class="col-12 mb-3">
                                                                <div class="floating-input mb-0">
                                                                    <input type="text" placeholder="" required value=""
                                                                           id="txid">
                                                                    <label for="txid">TX ID</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-12 mb-3">
                                                                <div class="floating-input mb-0">
                                                                    <input type="text" placeholder="" required value=""
                                                                           id="sender_address">
                                                                    <label for="sender_address">Sender Address</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-12 mb-3">
                                                                <div class="floating-input mb-0">
                                                                    <textarea type="text" rows="4" class="resize-none"
                                                                              placeholder=""
                                                                              id="deposit_notes"></textarea>
                                                                    <label for="deposit_notes">Notes</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <button class="btn btn-primary w-100" type="submit"
                                                                id="deposit_button">Deposit
                                                        </button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
    <script src="{{ asset('dashboard_d/assets/js/vendor/datatables.min.js') }}"></script>
    <script>
        $(document).ready(function () {
            $('.basic-single').select2();
        });
        $(document).ready(function () {

            // ordering or sorting
            $('#deafult_ordering_table').DataTable({
                // "order": [
                //     [1, "ASC"]
                // ]
            });
            $('#transactions_table').DataTable({
                // "order": [
                //     [1, "ASC"]
                // ]
            });
        });
        $(document).ready(function () {
            $('#coin-search').on('keyup', function () {
                let searchValue = $(this).val().toLowerCase();
                $('.cstm-dropdown2 li').filter(function () {
                    let coin = $(this).data('coin').toLowerCase();
                    let name = $(this).data('name').toLowerCase();
                    let price = $(this).data('price').toString();
                    if (coin.indexOf(searchValue) > -1 || name.indexOf(searchValue) > -1 || price.indexOf(searchValue) > -1) {
                        $(this).show();
                    } else {
                        $(this).hide();
                    }
                });
            });
            $('.cstm-dropdown2 li').on('click', function () {
                let coinName = $(this).data('name');
                let coinPrice = $(this).data('price');
                let coinShort = $(this).data('coin');
                let coinID = $(this).data('coin_id');
                let coinImg = $(this).find('img').attr('src');
                $('.selected2').attr('data-coin', coinShort);
                $('.selected2 img').attr('src', coinImg);
                $('.selected2 .value span').text(coinName);
                $('.selected2 .value small').text(coinPrice);
                $('#selected_coin_id').val(coinID);
                $('.cstm-dropdown2').hide();
            });
            $('.selected2').on('click', function () {
                $('.cstm-dropdown2').toggle();
            });
            $(document).on('click', function (e) {
                if (!$(e.target).closest('.coin-selector2').length) {
                    $('.cstm-dropdown2').hide();
                }
            });
        });

        $("#coin_id").change(function (event) {
            event.preventDefault();


            var ajax_data = new FormData();
            ajax_data.append('user_id', $("#user_id").val());
            ajax_data.append('coin_id', $("#coin_id option:selected").val());

            $("#withdrawal_address").val('')

            $.ajax({
                url: '/get_coin_address',
                type: "POST",
                processData: false,
                contentType: false,
                data: ajax_data,
                success: function (data) {

                    if (data.status == "true" || data.status == true) {

                        $("#withdrawal_address").val(data.address)

                    }
                }//success
            });//ajax

        });
    </script>
@endsection