@extends('layouts.app')

@section('title')
    {{ __('Đơn rút USDT') }}
@endsection

@section('withdraw_usdt')
    active
@endsection

@section('section.header')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{ __('Đơn rút USDT') }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('app.index') }}">{{ __('home') }}</a></li>
                        <li class="breadcrumb-item active">{{ __('Rút USDT') }}</li>
                    </ol>
                </div>
            </div>

        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('section.content')
    <section class="content">
        <div class="card">
            <div id="loadingOverlay" style="display: none;">
                <div class="loading-spinner"></div>
            </div>
            <div class="card-body" style="background-color: #9fb69f">
                <form class="row" id="search-withdraw-usdt">
                    @csrf
                    @role('admin|support')
                        <div class="col-lg-2">
                            <div class="form-group">
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">{{ __('partner') }}</span>
                                    </div>
                                    <select id="partner" name="partner" class="select2 form-control">
                                        <option value="">{{ __('select') }}</option>
                                        @foreach (\App\Models\User\User::getAllUsers() as $partner)
                                            <option value="{{ $partner->id }}">{{ $partner->username }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    @endrole
                    @role('accountant')
                        <div class="col-lg-2">
                            <div class="form-group">
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">{{ __('partner') }}</span>
                                    </div>
                                    <select name="partner" class="form-control">
                                        <option value="">{{ __('select') }}</option>
                                        @foreach (\App\Models\User\User::getPartnerAccountantCanView() as $partner)
                                            <option value="{{ $partner->id }}">{{ $partner->username }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    @endrole
                    <div class="col-lg-2">
                        <div class="form-group">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">{{ __('status') }}</span>
                                </div>
                                <select name="status" class="form-control">
                                    <option value="">{{ __('select') }}</option>
                                    <option value="not_done">{{ __('Chưa thành công') }}</option>
                                    @foreach (TRANSACTION_STATUS as $key => $value)
                                        <option value="{{ $key }}">{{ __($value) }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="form-group">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">{{ __('create_time') }}</span>
                                </div>
                                <input type="datetime-local" class="form-control" name="from_create_date"
                                    id="from_create_date" value="{{ now()->format('Y-m-d') }}T00:00">
                                <input type="datetime-local" class="form-control" name="to_create_date" id="to_create_date"
                                    value="{{ now()->format('Y-m-d', strtotime('+1 day')) }}T23:59:59">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">{{ __('complete_time') }}</span>
                                </div>
                                <input type="datetime-local" class="form-control" name="from_complete_date"
                                    id="from_complete_date" value="">
                                <input type="datetime-local" class="form-control" name="to_complete_date"
                                    id="to_complete_date" value="">
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-2">
                        <div class="form-group">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">{{ __('request_id') }}</span>
                                </div>
                                <input type="text" class="form-control" name="request_id"
                                    placeholder="{{ __('request_id') }}">
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-2">
                        <button type="submit" class="btn btn-primary" id="btn-search"><i
                                class="fa fa-search"></i>{{ __('search') }}</button>
                        <button type="button" class="btn btn-warning" id="btn-report-withdraw-usdt">
                            <i class="fa fa-chart-bar"></i> {{ __('report') }}
                        </button>
                    </div>
                    <span id="date-error" class="text-danger"></span>
                </form>
            </div>
        </div>
        @if (Session::has('success'))
            <div id="message-alert" class="alert alert-success">
                {{ Session::get('success') }}
            </div>
        @endif
        @if (Session::has('error'))
            <div id="message-alert" class="alert alert-danger">
                {{ Session::get('error') }}
            </div>
        @endif
        <div id="loading-overlay" class="overlay d-none">
            <div class="spinner-border text-primary" role="status">
                <span class="sr-only">Loading...</span>
            </div>
            <div class="loading-text">{{ __('calculating_please_wait') }}</div>
        </div>
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{ __('transaction_list') }}</h3>
                <div class="card-tools">

                    @role('admin|support')
                        <button id="refresh-btn" class="btn btn-info btn-sm" data-auto-refresh="false">
                            <i class="fa fa-refresh" aria-hidden="true"></i>
                            <span id="refresh-text">{{ __('Auto refresh: Off') }}</span>
                        </button>
                    @endrole
                    @php
                        $canCreateWithdrawUsdt = auth()->user()->hasRole('partner')
                            || auth()->user()->hasRole('admin')
                            || auth()->user()->referrals()->exists();
                        // Tài khoản quản lý đối tác: được rút nhanh hộ đối tác trong phạm vi quản lý
                        $canQuickWithdrawForPartner = auth()->user()->can('withdraw_create_for_partner')
                            && !empty(auth()->user()->can_withdraw_for_partner);
                    @endphp
                    @php
                        $canUseUsdtWalletTemplate = $canCreateWithdrawUsdt
                            && auth()->user()->view_template_withdraw_account
                            && auth()->user()->can('withdraw_template_withdraw_account');
                    @endphp
                    @if($canCreateWithdrawUsdt)
                        <button type="button" class="btn btn-sm btn-primary mr-2" data-toggle="modal"
                            data-target="#createWithdrawUsdtModal">
                            <i class="fas fa-plus-circle"></i> {{ __('Tạo lệnh rút USDT') }}
                        </button>
                    @endif
                    @if($canCreateWithdrawUsdt || $canQuickWithdrawForPartner)
                        <button type="button" class="btn btn-sm btn-success mr-2" data-toggle="modal"
                            data-target="#quickWithdrawUsdtModal">
                            <i class="fas fa-bolt"></i> {{ __('Rút USDT nhanh') }}
                        </button>
                    @endif
                    @if($canUseUsdtWalletTemplate)
                        <button type="button" class="btn btn-sm btn-info mr-2" data-toggle="modal"
                            data-target="#manageUsdtWalletModal">
                            <i class="fas fa-wallet"></i> {{ __('Ví rút mẫu') }}
                        </button>
                    @endif
                    @if (auth()->user()->can('withdraw_create_for_partner') && !empty(auth()->user()->can_withdraw_for_partner))
                        <button type="button" class="btn btn-sm btn-warning mr-2" data-toggle="modal"
                            data-target="#createWithdrawUsdtForPartnerModal">
                            <i class="fas fa-user-plus"></i> {{ __('Tạo lệnh rút USDT hộ đối tác') }}
                        </button>
                    @endif
                    <a class="btn btn-sm btn-secondary" id="export-withdraw-usdt" href="javascript:void(0)"><i
                            class="fa-solid fa-file-excel"></i>{{ __('export_excel') }}</a>
                </div>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped" id="listWithdrawUsdt">
                        <thead style="text-align: center;  background-color: #b6b9b6"">
                            <tr>
                                <th>{{ __('request_id') }}</th>
                                <th>{{ __('partner') }}</th>
                                <th>{{ __('handler') }}</th>
                                <th>{{ __('detail') }}</th>
                                <th>{{ __('status') }}</th>
                                <th>{{ __('Kiểm duyệt') }}</th>
                                <th>{{ __('balance') }}</th>
                                <th>{{ __('create_complete') }}</th>
                                <th>{{ __('note') }}</th>
                                <th>{{ __('operation') }}</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>

            <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight"
                aria-labelledby="offcanvasRightLabel">
                <div class="offcanvas-header">
                    <h5 id="offcanvasRightLabel">{{ __('Chỉnh sửa đơn rút') }}</h5>
                    <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                        aria-label="Close"></button>
                </div>
                <hr>
                <div class="offcanvas-body">
                    <form class="row" method="POST" id="updateForm">
                        @csrf
                        @method('PUT')
                        <input type="hidden" name="order_id" id="order_id">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="request-id">{{ __('request_id') }}</label>
                                <input type="text" class="form-control" id="request_id" disabled>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="partner">{{ __('partner') }}</label>
                                <input type="text" class="form-control" id="partner" disabled>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="row">
                                <div class="form-group col-lg-6">
                                    <label for="status">{{ __('status') }}</label>
                                    <select name="status" id="status" class="form-control">
                                        <option value="0" id="error">{{ __('error') }}</option>
                                        <option value="3" id="pending">{{ __('Waiting for processing') }}
                                        </option>
                                        <option value="4" id="processed">{{ __('processed') }}</option>
                                        <option value="5" style="background-color: yellow" id="processing" disabled>
                                            {{ __('processing') }}</option>
                                        <option value="6" style="background-color: yellow" id="validate" disabled>
                                            {{ __('Validating') }}</option>
                                        <option value="7" style="background-color: yellow" id="start_handling"
                                            disabled>{{ __('Start processing') }}</option>
                                        <option value="8" style="background-color: yellow" id="check" disabled>
                                            {{ __('Check again') }}</option>

                                    </select>
                                    <input type="hidden" name="disabled_status" id="disabled_status">
                                </div>

                                <div class="form-group col-lg-6">
                                    <label for="is_approved">{{ __('State') }}</label>
                                    <select name="is_approved" id="is_approved" class="form-control">
                                        <option value="0" id="wait_approve">{{ __('Waiting for approval') }}
                                        </option>
                                        <option value="1" id="approved">{{ __('Approved') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="row">
                                <div class="form-group col-lg-6">
                                    <label for="fee">{{ __('fee') }}</label>
                                    <input type="number" class="form-control" name="fee" id="fee"
                                        pattern="[0-9,.]+" disabled>
                                </div>
                                <div class="form-group col-lg-6">
                                    <label for="balance">{{ __('balance') }}</label>
                                    <input type="text" class="form-control" id="balance" name="balance"
                                        pattern="[0-9,.]+" disabled>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="error-message">{{ __('response') }}</label>
                                <textarea type="text" class="form-control" name="message" placeholder="{{ __('response') }}" id="message"></textarea>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="text-center">
                                <button type="submit" id="saveButton" class="btn btn-success"><i
                                        class="fas fa-save"></i>
                                    {{ __('Save') }}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Modal Rút USDT nhanh: chỉ nhập VND, admin quy đổi USDT sau -->
        <div class="modal fade" id="quickWithdrawUsdtModal" tabindex="-1"
            aria-labelledby="quickWithdrawUsdtModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <form id="quickWithdrawUsdtForm">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" id="quickWithdrawUsdtModalLabel">
                                <i class="fas fa-bolt text-success mr-1"></i> {{ __('Rút USDT nhanh') }}
                            </h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            @if ($canQuickWithdrawForPartner)
                                <div class="form-group">
                                    <label for="quick_partner">{{ __('Rút cho') }} <span class="text-danger">*</span></label>
                                    <select name="partner_id" id="quick_partner" class="form-control">
                                        @if ($canCreateWithdrawUsdt)
                                            <option value="">{{ __('-- Số dư của tôi --') }}</option>
                                        @else
                                            <option value="">{{ __('-- Chọn đối tác --') }}</option>
                                        @endif
                                        @foreach ($managedPartners as $p)
                                            <option value="{{ $p->id }}">{{ $p->username }}</option>
                                        @endforeach
                                    </select>
                                    <small class="text-muted">{{ __('Chọn đối tác sẽ trừ vào số dư của đối tác đó và chỉ rút được về ví đối tác đã lưu.') }}</small>
                                </div>
                                <div class="form-group" id="quick_wallet_group" style="display: none;">
                                    <label for="quick_wallet">{{ __('Ví nhận (đối tác đã lưu)') }} <span class="text-danger">*</span></label>
                                    <select name="wallet_account_id" id="quick_wallet" class="form-control" disabled>
                                        <option value="">{{ __('-- Chọn đối tác trước --') }}</option>
                                    </select>
                                    <small id="quick_wallet_hint" class="text-muted"></small>
                                </div>
                            @endif
                            <div class="form-group">
                                <label for="quick_vnd_amount">{{ __('Số tiền VND') }} <span class="text-danger">*</span></label>
                                <input type="number" step="1" min="0" class="form-control" name="amount"
                                    id="quick_vnd_amount" placeholder="{{ __('Nhập số tiền VND cần rút') }}" required>
                                <small class="text-muted">{{ __('Chỉ nhập số tiền VND — trừ số dư ngay. Admin sẽ tự quy đổi USDT và chuyển sau.') }}</small>
                            </div>
                            <div id="quick_self_fields">
                                <div class="form-group">
                                    <label for="quick_network">{{ __('Loại ví (Network)') }} <span class="text-danger">*</span></label>
                                    <select name="network" id="quick_network" class="form-control" required>
                                        <option value="">{{ __('-- Chọn network --') }}</option>
                                        <option value="TRC20">TRC20</option>
                                        <option value="BEP20">BEP20</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="quick_wallet_address">{{ __('Địa chỉ ví') }} <span class="text-danger">*</span></label>
                                    <textarea name="wallet_address" id="quick_wallet_address" rows="1" class="form-control"
                                        placeholder="{{ __('Nhập địa chỉ ví USDT') }}" required></textarea>
                                </div>
                            </div>
                            <div class="form-group mb-0">
                                <label for="quick_note">{{ __('note') }}</label>
                                <textarea name="note" id="quick_note" rows="2" class="form-control"
                                    placeholder="{{ __('Ghi chú thêm nếu cần') }}"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('Đóng') }}</button>
                            <button type="submit" class="btn btn-success" id="btn-submit-quick-withdraw-usdt">
                                <i class="fas fa-bolt"></i> {{ __('Rút nhanh') }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="modal fade" id="createWithdrawUsdtModal" tabindex="-1"
            aria-labelledby="createWithdrawUsdtModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-centered">
                <div class="modal-content">
                    <form id="createWithdrawUsdtForm">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" id="createWithdrawUsdtModalLabel">
                                {{ __('Tạo lệnh rút USDT') }}
                            </h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>

                        <div class="modal-body">
                            <div class="row">
                                @if ($canUseUsdtWalletTemplate)
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="create_wallet_template">
                                                <i class="fas fa-wallet mr-1 text-primary"></i>{{ __('Chọn từ ví rút mẫu') }}
                                            </label>
                                            <select id="create_wallet_template" class="form-control">
                                                <option value="">{{ __('-- Nhập tay hoặc chọn ví đã lưu --') }}</option>
                                                @foreach ($usdtWalletTemplates as $tpl)
                                                    <option value="{{ $tpl->id }}" data-address="{{ $tpl->address }}"
                                                        data-network="{{ $tpl->network }}">
                                                        {{ $tpl->label ?: __('Ví USDT') }} — {{ $tpl->network }} — {{ $tpl->address }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            <small class="text-muted">{{ __('Chọn để tự điền Network và Địa chỉ ví bên dưới.') }}</small>
                                        </div>
                                    </div>
                                @endif

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="create_network">Network <span class="text-danger">*</span></label>
                                        <select name="network" id="create_network" class="form-control" required>
                                            <option value="">{{ __('-- Chọn network --') }}</option>
                                            <option value="TRC20">TRC20</option>
                                            <option value="BEP20">BEP20</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="create_amount_usdt">{{ __('Số tiền USDT') }}</label>
                                        <input type="number" step="0.000001" min="0" class="form-control"
                                            name="amount_usdt" id="create_amount_usdt" placeholder="{{ __('Nhập số USDT') }}">
                                        <small class="text-muted">{{ __('Nhập USDT hoặc VND — cái còn lại tự tính theo tỷ giá') }}</small>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="create_rate">{{ __('Tỷ giá') }} <span class="text-danger">*</span></label>
                                        <input type="number" step="1" min="0" class="form-control"
                                            name="rate" id="create_rate" placeholder="{{ __('Nhập tỷ giá VND') }}" required>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="create_vnd_amount">{{ __('Số tiền VND') }}</label>
                                        <input type="number" step="1" min="0" class="form-control" name="amount"
                                            id="create_vnd_amount" placeholder="{{ __('Nhập số tiền VND') }}">
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="create_wallet_address">{{ __('Địa chỉ ví') }} <span
                                                class="text-danger">*</span></label>
                                        <textarea name="wallet_address" id="create_wallet_address" rows="1" class="form-control"
                                            placeholder="{{ __('Nhập địa chỉ ví USDT') }}" required></textarea>
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group mb-0">
                                        <label for="create_note">{{ __('note') }}</label>
                                        <textarea name="note" id="create_note" rows="2" class="form-control" placeholder="{{ __('Ghi chú thêm nếu cần') }}"></textarea>
                                    </div>
                                </div>
                            </div>

                            <div class="mt-3">
                                <small class="text-muted">
                                    {{ __('Số tiền VND = Số tiền USDT × Tỷ giá') }}
                                </small>
                            </div>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('Đóng') }}</button>
                            <button type="submit" class="btn btn-success" id="btn-submit-create-withdraw-usdt">
                                <i class="fas fa-save"></i> {{ __('Tạo lệnh rút') }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        @if ($canUseUsdtWalletTemplate)
            {{-- MODAL QUẢN LÝ VÍ RÚT MẪU --}}
            <div class="modal fade" id="manageUsdtWalletModal" tabindex="-1"
                aria-labelledby="manageUsdtWalletModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="manageUsdtWalletModalLabel">
                                <i class="fas fa-wallet mr-1"></i> {{ __('Ví rút USDT mẫu') }}
                            </h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>

                        <div class="modal-body">
                            {{-- FORM THÊM --}}
                            <form action="{{ route('app.addTemplateWithdrawUsdtAccount') }}" method="POST"
                                class="border rounded p-3 mb-3">
                                @csrf
                                <input type="hidden" name="asset" value="USDT">
                                <div class="row">
                                    <div class="col-md-5">
                                        <div class="form-group mb-2">
                                            <label>{{ __('Nhãn (tuỳ chọn)') }}</label>
                                            <input type="text" class="form-control" name="label"
                                                placeholder="{{ __('VD: Ví Binance') }}">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group mb-2">
                                            <label>Network <span class="text-danger">*</span></label>
                                            <select name="network" class="form-control" required>
                                                <option value="TRC20">TRC20</option>
                                                <option value="BEP20">BEP20</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group mb-2">
                                            <label>{{ __('Địa chỉ ví') }} <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" name="address"
                                                placeholder="{{ __('Địa chỉ ví USDT') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-md-12 text-right">
                                        <button type="submit" class="btn btn-info btn-sm">
                                            <i class="fas fa-save mr-1"></i> {{ __('Lưu ví mẫu') }}
                                        </button>
                                    </div>
                                </div>
                            </form>

                            {{-- DANH SÁCH --}}
                            @if ($usdtWalletTemplates->count())
                                @foreach ($usdtWalletTemplates as $tpl)
                                    <div class="usdt-wallet-item mb-2">
                                        <div class="d-flex justify-content-between align-items-center border rounded p-2">
                                            <div>
                                                <div class="usdt-wallet-name">
                                                    <i class="fas fa-wallet mr-1 text-primary"></i>{{ $tpl->label ?: __('Ví USDT') }}
                                                </div>
                                                <div class="usdt-wallet-net">
                                                    <i class="fas fa-link mr-1"></i>{{ $tpl->asset }} - {{ $tpl->network }}
                                                </div>
                                                <div class="usdt-wallet-addr">
                                                    <i class="fas fa-hashtag mr-1"></i>{{ $tpl->address }}
                                                </div>
                                            </div>
                                            <form
                                                action="{{ route('app.withdraw.deleteUsdtAccount', ['id' => $tpl->id]) }}"
                                                method="POST" class="ml-2">
                                                @csrf
                                                @method('DELETE')
                                                <button type="button"
                                                    class="btn btn-sm btn-outline-danger btn-delete-usdt-wallet">
                                                    <i class="fas fa-trash-alt"></i>
                                                </button>
                                            </form>
                                        </div>
                                    </div>
                                @endforeach
                            @else
                                <div class="text-center text-muted py-3">
                                    <i class="far fa-folder-open fa-2x mb-2"></i>
                                    <p class="mb-0">{{ __('Chưa có ví rút mẫu nào được thêm.') }}</p>
                                </div>
                            @endif
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('Đóng') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        @if (auth()->user()->can('withdraw_create_for_partner') && !empty(auth()->user()->can_withdraw_for_partner))
            {{-- MODAL: TẠO LỆNH RÚT USDT HỘ ĐỐI TÁC (accountant) --}}
            <div class="modal fade" id="createWithdrawUsdtForPartnerModal" tabindex="-1"
                aria-labelledby="createWithdrawUsdtForPartnerLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg modal-dialog-centered">
                    <div class="modal-content">
                        <form id="createWithdrawUsdtForPartnerForm">
                            @csrf
                            <div class="modal-header">
                                <h5 class="modal-title" id="createWithdrawUsdtForPartnerLabel">
                                    <i class="fas fa-user-plus mr-1"></i> {{ __('Tạo lệnh rút USDT hộ đối tác') }}
                                </h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>

                            <div class="modal-body">
                                <div class="alert alert-warning py-2">
                                    <i class="fas fa-info-circle mr-1"></i>
                                    {{ __('Chỉ rút được về ví do chính đối tác đã thêm. Lệnh sẽ trừ vào số dư của đối tác được chọn.') }}
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{ __('Đối tác') }} <span class="text-danger">*</span></label>
                                            <select name="partner_id" id="fp_partner" class="form-control" required>
                                                <option value="">{{ __('-- Chọn đối tác --') }}</option>
                                                @foreach ($managedPartners as $p)
                                                    <option value="{{ $p->id }}">{{ $p->username }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{ __('Ví nhận (đối tác đã lưu)') }} <span class="text-danger">*</span></label>
                                            <select name="wallet_account_id" id="fp_wallet" class="form-control" required
                                                disabled>
                                                <option value="">{{ __('-- Chọn đối tác trước --') }}</option>
                                            </select>
                                            <small id="fp_wallet_hint" class="text-muted"></small>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Network</label>
                                            <input type="text" id="fp_network" class="form-control" readonly
                                                placeholder="{{ __('Tự điền theo ví') }}">
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{ __('Địa chỉ ví') }}</label>
                                            <input type="text" id="fp_address" class="form-control" readonly
                                                placeholder="{{ __('Tự điền theo ví') }}">
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{ __('Số tiền USDT') }}</label>
                                            <input type="number" step="0.000001" min="0" class="form-control"
                                                name="amount_usdt" id="fp_amount_usdt" placeholder="{{ __('Nhập số USDT') }}">
                                            <small class="text-muted">{{ __('Nhập USDT hoặc VND — cái còn lại tự tính theo tỷ giá') }}</small>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{ __('Tỷ giá') }} <span class="text-danger">*</span></label>
                                            <input type="number" step="1" min="0" class="form-control" name="rate"
                                                id="fp_rate" placeholder="{{ __('Nhập tỷ giá VND') }}" required>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{ __('Số tiền VND') }}</label>
                                            <input type="number" step="1" min="0" class="form-control" name="amount"
                                                id="fp_vnd" placeholder="{{ __('Nhập số tiền VND') }}">
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group mb-0">
                                            <label>{{ __('note') }}</label>
                                            <textarea name="note" id="fp_note" rows="2" class="form-control"
                                                placeholder="{{ __('Ghi chú thêm nếu cần') }}"></textarea>
                                        </div>
                                    </div>
                                </div>

                                <div class="mt-2">
                                    <small class="text-muted">{{ __('Số tiền VND = Số tiền USDT × Tỷ giá') }}</small>
                                </div>
                            </div>

                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('Đóng') }}</button>
                                <button type="submit" class="btn btn-success" id="btn-submit-fp">
                                    <i class="fas fa-save"></i> {{ __('Tạo lệnh rút') }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        @endif

        <div class="modal fade" id="noteModal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Ghi chú đơn rút tiền') }}</h5>
                    </div>

                    <div class="modal-body">
                        <input type="hidden" id="withdraw_id">

                        <textarea id="withdraw_note" class="form-control" rows="4" placeholder="{{ __('Nhập ghi chú...') }}"></textarea>
                    </div>

                    <div class="modal-footer">
                        <button class="btn btn-secondary" data-bs-dismiss="modal">
                            {{ __('Cancel') }}
                        </button>

                        <button class="btn btn-success" onclick="saveWithdrawNote()">
                            {{ __('Save') }}
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="reportWithdrawUsdtModal" tabindex="-1"
            aria-labelledby="reportWithdrawUsdtModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="reportWithdrawUsdtModalLabel">
                            <i class="fa fa-chart-bar"></i> {{ __('Báo cáo đơn rút USDT') }}
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div id="report-loading" class="text-center py-4" style="display:none;">
                            <div class="spinner-border text-primary" role="status"></div>
                            <div class="mt-2">{{ __('Đang tính toán...') }}</div>
                        </div>

                        <div id="report-content" style="display:none;">
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <div class="card bg-info text-white">
                                        <div class="card-body py-3">
                                            <h6 class="mb-1">{{ __('Tổng số tiền USDT') }}</h6>
                                            <h3 class="mb-0" id="report-total-usdt">0</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="card bg-success text-white">
                                        <div class="card-body py-3">
                                            <h6 class="mb-1">{{ __('Tổng số dư (VND)') }}</h6>
                                            <h3 class="mb-0" id="report-total-vnd">0</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <h6 class="mt-2">{{ __('Số đơn theo trạng thái') }}</h6>
                            <table class="table table-bordered table-sm">
                                <thead style="background-color:#e9ecef;">
                                    <tr>
                                        <th>{{ __('status') }}</th>
                                        <th class="text-right">{{ __('Số đơn') }}</th>
                                        <th class="text-right">{{ __('Tổng USDT') }}</th>
                                        <th class="text-right">{{ __('Tổng VND') }}</th>
                                    </tr>
                                </thead>
                                <tbody id="report-status-tbody"></tbody>
                                <tfoot>
                                    <tr class="font-weight-bold" style="background-color:#f8f9fa;">
                                        <td>{{ __('Tổng cộng') }}</td>
                                        <td class="text-right" id="report-total-count">0</td>
                                        <td class="text-right" id="report-total-usdt-foot">0</td>
                                        <td class="text-right" id="report-total-vnd-foot">0</td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Đóng') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    <!-- Select2 -->
    <script src="{{ asset('plugins/select2/js/select2.min.js') }}"></script>
    <!-- DataTables  & Plugins -->
    <script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
    <script type='text/javascript' src='https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js'></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <script src="{{ asset('plugins/toastr/toastr.min.js') }}"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/plug-ins/2.0.1/pagination/input.js"></script>
    <script>
        $('#export-withdraw-usdt').click(function(e) {
            e.preventDefault();
            var fromCreatedDate = document.getElementById('from_create_date').value;
            var toCreatedDate = document.getElementById('to_create_date').value;

            var fromCompleteDate = new Date(document.getElementById('from_complete_date').value);
            var toCompleteDate = new Date(document.getElementById('to_complete_date').value);

            if (fromCreatedDate > toCreatedDate || fromCompleteDate > toCompleteDate) {
                document.getElementById('date-error').textContent =
                    {{ \Illuminate\Support\Js::from(__('Ngày bắt đầu phải nhỏ hơn hoặc bằng ngày kết thúc.')) }};
                return;
            }
            fromCreatedDate = new Date(fromCreatedDate);
            toCreatedDate = new Date(toCreatedDate);
            var diffInTime = toCreatedDate.getTime() - fromCreatedDate.getTime();
            var diffInDays = diffInTime / (1000 * 3600 * 24);

            var checkCompleteTime = toCompleteDate.getTime() - fromCompleteDate.getTime();
            var diffCompleteInDays = checkCompleteTime / (1000 * 3600 * 24);

            if (diffInDays > 3 || diffCompleteInDays > 3) {
                document.getElementById('date-error').textContent =
                    {{ \Illuminate\Support\Js::from(__('Khoảng thời gian không được lớn hơn 3 ngày.')) }};
                return;
            }
            document.getElementById('date-error').textContent = '';

            // File do queue worker 'export' tạo — tải ở trang quản lí file.
            $.ajax({
                url: "{{ route('app.exportWithdrawUsdt') }}",
                type: "POST",
                data: $('#search-withdraw-usdt').serialize(),
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response) {
                    if (response.success) {
                        toastr.success(response.message ||
                            {{ \Illuminate\Support\Js::from(__('Đang tạo file, vui lòng vào "Quản lí file tải xuống" để tải.')) }});
                        // Sang trang quan li file de nguoi dung thay ngay tien do.
                        setTimeout(function() {
                            window.location.href = "{{ route('app.file.index') }}";
                        }, 3000);
                    } else {
                        toastr.error(response.message || {{ \Illuminate\Support\Js::from(__('Có lỗi khi xuất file.')) }});
                    }
                },
                error: function(xhr) {
                    const msg = (xhr.responseJSON && xhr.responseJSON.message) ||
                        {{ \Illuminate\Support\Js::from(__('Có lỗi khi xuất file. Vui lòng thử lại.')) }};
                    toastr.error(msg);
                }
            });
        });
    </script>
    <script>
        jQuery(document).ready(function($) {
            var userRole = "{{ checkRoleUser() }}";
            var dataTable = $('#listWithdrawUsdt').DataTable({
                dom: 'lifrtp',
                processing: true,
                serverSide: true,
                'pageLength': 20,
                'pagingType': 'input',
                'aLengthMenu': [
                    [20, 50, 100],
                    [20, 50, 100]
                ],
                ajax: {
                    url: "{{ route('app.withdrawUsdtData') }}",
                    type: 'GET',
                    data: function(d) {
                        d.partner = $('#search-withdraw-usdt [name="partner"]').val();
                        d.status = $('#search-withdraw-usdt [name="status"]').val();
                        d.from_create_date = $('#search-withdraw-usdt [name="from_create_date"]').val();
                        d.to_create_date = $('#search-withdraw-usdt [name="to_create_date"]').val();
                        d.from_complete_date = $('#search-withdraw-usdt [name="from_complete_date"]')
                            .val();
                        d.to_complete_date = $('#search-withdraw-usdt [name="to_complete_date"]').val();
                        d.request_id = $('#search-withdraw-usdt [name="request_id"]').val();
                    },
                    error: function(xhr, status, error) {
                        if (status == "parsererror") {
                            window.location.href = '/auth/login';
                        }
                    }
                },
                columns: [{
                        data: 'request_id',
                        className: 'text-center',
                    },
                    {
                        data: 'user',
                        className: 'text-center',
                        visible: userRole
                    },
                    {
                        data: 'handler',
                        orderable: false,
                        searchable: true,
                        className: 'text-center',
                    },
                    {
                        data: 'details',
                        orderable: false,
                    },
                    {
                        data: 'status',
                        render: (data) => {
                            if (data === 0) {
                                return `<span class="badge bg-danger">{{ __('error') }}</span>`
                            } else if (data === 1) {
                                return `<span class="badge bg-success">{{ __('success') }}</span>`
                            } else if (data === 2) {
                                return `<span class="badge bg-danger">{{ __('reject') }}</span>`
                            } else if (data === 3) {
                                return `<span class="badge bg-warning">{{ __('Waiting for processing') }}</span>`
                            } else if (data === 4) {
                                return `<span class="badge bg-success">{{ __('processed') }}</span>`
                            } else if (data === 5) {
                                return `<span class="badge bg-primary">{{ __('processing') }}</span>`
                            } else if (data === 6) {
                                return `<span class="badge bg-primary">{{ __('Validating') }}</span>`
                            } else if (data === 7) {
                                return `<span class="badge bg-primary">{{ __('Start processing') }}</span>`
                            } else if (data === 8) {
                                return `<span class="badge bg-warning">{{ __('Check again') }}</span>`
                            }
                        },
                        className: 'text-center',

                    },
                    {
                        data: 'is_approved',
                        render: (data) => {
                            if (data === 0) {
                                return `<span class="badge bg-warning">{{ __('Waiting for approval') }}</span>`
                            } else {
                                return `<span class="badge bg-success">{{ __('Approved') }}</span>`
                            }
                        },
                        className: 'text-center',
                    },
                    {
                        data: 'balance',
                        render: (data) => {
                            if (data === 0) {
                                return '__';
                            }
                            return '<span class="badge bg-danger">-' + numberFormat(data) +
                                '</span>';
                        },
                        className: 'text-right',
                    },
                    {
                        data: 'created_at',
                        className: 'text-center',
                    },
                    {
                        data: 'note',
                        className: 'text-center',
                    },
                    {
                        data: 'actions',
                        orderable: false,
                        searchable: false,
                        className: 'text-center',
                        visible: userRole ? true : false
                    }
                ],
                order: [
                    [7, 'desc']
                ],
                select: {
                    'style': 'multi'
                },
            }).on('draw', function() {});

            $('#listWithdrawUsdt tbody').on('click', 'td.collapse-column', function() {
                var cell = $(this);
                if (cell.data('expanded')) {
                    cell.css('max-width', 'none');
                    cell.removeClass('expanded');
                    cell.data('expanded', false);
                } else {
                    cell.css('max-width', '');
                    cell.addClass('expanded');
                    cell.data('expanded', true);
                }
            });

            $('#listWithdrawUsdt').css('width', '100%');

            function refreshData() {
                dataTable.ajax.reload();
            }

            var autoRefreshInterval;
            $(document).on('click', '#refresh-btn', function() {
                var isAutoRefresh = $(this).data('auto-refresh') || false;

                if (isAutoRefresh) {
                    clearInterval(autoRefreshInterval);
                    $(this).data('auto-refresh', false);
                    $(this).find('#refresh-text').text("{{ __('Auto refresh: Off') }}");
                } else {
                    $(this).data('auto-refresh', true);
                    $(this).find('#refresh-text').text("{{ __('Auto refresh: On') }}");
                    autoRefreshInterval = setInterval(refreshData, 5000);
                }
            });

            $(document).on('click', '#btn-search', function(event) {
                event.preventDefault();
                var fromCreatedDate = document.getElementById('from_create_date').value;
                var toCreatedDate = document.getElementById('to_create_date').value;

                var fromCompleteDate = new Date(document.getElementById('from_complete_date').value);
                var toCompleteDate = new Date(document.getElementById('to_complete_date').value);

                if (fromCreatedDate > toCreatedDate || fromCompleteDate > toCompleteDate) {
                    document.getElementById('date-error').textContent =
                        {{ \Illuminate\Support\Js::from(__('Ngày bắt đầu phải nhỏ hơn hoặc bằng ngày kết thúc.')) }};
                    return;
                }
                fromCreatedDate = new Date(fromCreatedDate);
                toCreatedDate = new Date(toCreatedDate);
                var diffInTime = toCreatedDate.getTime() - fromCreatedDate.getTime();
                var diffInDays = diffInTime / (1000 * 3600 * 24);

                var checkCompleteTime = toCompleteDate.getTime() - fromCompleteDate.getTime();
                var diffCompleteInDays = checkCompleteTime / (1000 * 3600 * 24);

                if (diffInDays > 31 || diffCompleteInDays > 31) {
                    document.getElementById('date-error').textContent =
                        {{ \Illuminate\Support\Js::from(__('Khoảng thời gian không được lớn hơn 31 ngày.')) }};
                    return;
                }
                document.getElementById('date-error').textContent = '';
                dataTable.ajax.reload();
            });
        });

        $(document).on('click', '#refund-btn', function() {
            var orderId = $(this).data('order_id');
            var dataTable = $('#listWithdrawUsdt').DataTable();
            var pageInfo = dataTable.page.info();
            Swal.fire({
                title: {{ \Illuminate\Support\Js::from(__('Xác nhận hoàn tiền và callback?')) }},
                html: {{ \Illuminate\Support\Js::from(__('Bạn có chắc chắn muốn hoàn tiền và callback đơn hàng này không?')) }},
                icon: "question",
                showCancelButton: true,
                confirmButtonText: "{{ __('Agree') }}",
                cancelButtonText: "{{ __('Cancel') }}"
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '/withdraw_usdt/' + orderId + '/refund',
                        type: 'POST',
                        data: {
                            _token: '{{ csrf_token() }}',
                        },
                        success: function(data) {
                            if (data.code == 1) {
                                dataTable.page(pageInfo.page).draw('page');
                                toastr.success(data.msg);
                            } else {
                                toastr.error(data.msg);
                            }
                        },
                        error: function(xhr, status, error) {
                            toastr.error({{ \Illuminate\Support\Js::from(__('Đã xảy ra lỗi:')) }} + ' ' + error);
                        }
                    });
                }
            });
        });

        function recallbackWithdrawUsdt(button) {
            var formAction = $(button).data('action-callback');
            var dataTable = $('#listWithdrawUsdt').DataTable();
            var pageInfo = dataTable.page.info();
            $.ajax({
                url: formAction,
                type: 'POST',
                data: $('#recallbackForm').serialize(),
                success: function(data) {
                    if (data.code == 1) {
                        dataTable.page(pageInfo.page).draw('page');
                        toastr.success(data.msg);
                    } else {
                        toastr.error(data.msg);
                    }
                },
                error: function(xhr, status, error) {
                    toastr.error({{ \Illuminate\Support\Js::from(__('Đã xảy ra lỗi:')) }} + ' ' + error);
                }
            });
        }

        $(document).on('click', '#success-flash-btn, #success-flash-modal-btn', function() {
            var order_id = $(this).data('order_id');
            var action = $(this).data('acticon');
            var dataTable = $('#listWithdrawUsdt').DataTable();
            var pageInfo = dataTable.page.info();
            Swal.fire({
                title: "{{ __('Hoàn thành đơn?') }}",
                html: "{{ __('Bạn có chắc chắn hoàn thành đơn không?') }}",
                icon: "question",
                showCancelButton: true,
                confirmButtonText: "{{ __('Agree') }}",
                cancelButtonText: "{{ __('Cancel') }}"
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '/withdraw_usdt/' + order_id + '/success-flash',
                        type: 'POST',
                        data: {
                            _token: '{{ csrf_token() }}',
                            action: action
                        },
                        success: function(data) {
                            if (data.code == 1) {
                                $('#qr-code-modal').modal('hide');
                                dataTable.page(pageInfo.page).draw('page');
                                toastr.success(data.msg);
                            } else {
                                toastr.error(data.msg);
                            }
                        },
                        error: function(xhr, status, error) {
                            toastr.error({{ \Illuminate\Support\Js::from(__('Đã xảy ra lỗi:')) }} + ' ' + error);
                        }
                    });
                }
            });
        });

        function showLoadingOverlay() {
            $("#loadingOverlay").fadeIn();
        }

        function hideLoadingOverlay() {
            $("#loadingOverlay").fadeOut();
        }

        function numberFormat(number) {
            return new Intl.NumberFormat('vi-VN').format(number);
        }

        function formatTimestamp(timestamp) {
            const date = new Date(timestamp);

            const day = ('0' + date.getDate()).slice(-2);
            const month = ('0' + (date.getMonth() + 1)).slice(-2);
            const year = date.getFullYear();
            const hours = ('0' + date.getHours()).slice(-2);
            const minutes = ('0' + date.getMinutes()).slice(-2);

            return `${day}/${month}/${year} ${hours}:${minutes}`;
        }

        function formatTimeHistory(timestamp) {
            try {
                const date = new Date(timestamp * 1000);

                const hours = date.getHours().toString().padStart(2, '0');
                const minutes = date.getMinutes().toString().padStart(2, '0');
                const seconds = date.getSeconds().toString().padStart(2, '0');
                const day = date.getDate().toString().padStart(2, '0');
                const month = (date.getMonth() + 1).toString().padStart(2, '0');
                const year = date.getFullYear();

                return `${year}/${month}/${day} ${hours}:${minutes}:${seconds}`;
            } catch (error) {
                return error.toString();
            }
        }

        function formatTime(isoTime) {
            const date = new Date(isoTime);
            const hours = date.getHours().toString().padStart(2, '0');
            const minutes = date.getMinutes().toString().padStart(2, '0');
            const seconds = date.getSeconds().toString().padStart(2, '0');
            const day = date.getDate().toString().padStart(2, '0');
            const month = (date.getMonth() + 1).toString().padStart(2, '0');
            const year = date.getFullYear();

            return `${hours}:${minutes}:${seconds} ${day}/${month}/${year}`;
        }
    </script>

    <script>
        function formatUsdtNumber(n) {
            n = parseFloat(n) || 0;
            return new Intl.NumberFormat('en-US', {
                minimumFractionDigits: 2,
                maximumFractionDigits: 6
            }).format(n);
        }

        $(document).on('click', '#btn-report-withdraw-usdt', function() {
            $('#report-loading').show();
            $('#report-content').hide();
            $('#reportWithdrawUsdtModal').modal('show');

            $.ajax({
                url: "{{ route('app.withdraw_usdt.report') }}",
                type: 'GET',
                data: $('#search-withdraw-usdt').serialize(),
                dataType: 'json',
                success: function(response) {
                    if (response.code == 1) {
                        const data = response.data;

                        $('#report-total-usdt').text(formatUsdtNumber(data.total_usdt));
                        $('#report-total-vnd').text(numberFormat(data.total_vnd));

                        let html = '';
                        let totalCount = 0,
                            totalUsdt = 0,
                            totalVnd = 0;

                        if (data.by_status && data.by_status.length > 0) {
                            data.by_status.forEach(function(row) {
                                html += '<tr>' +
                                    '<td>' + row.label + '</td>' +
                                    '<td class="text-right">' + numberFormat(row.count) +
                                    '</td>' +
                                    '<td class="text-right">' + formatUsdtNumber(row
                                    .total_usdt) + '</td>' +
                                    '<td class="text-right">' + numberFormat(row.total_vnd) +
                                    '</td>' +
                                    '</tr>';
                                totalCount += parseInt(row.count) || 0;
                                totalUsdt += parseFloat(row.total_usdt) || 0;
                                totalVnd += parseFloat(row.total_vnd) || 0;
                            });
                        } else {
                            html =
                                '<tr><td colspan="4" class="text-center text-muted">' + {{ \Illuminate\Support\Js::from(__('Không có dữ liệu')) }} + '</td></tr>';
                        }

                        $('#report-status-tbody').html(html);
                        $('#report-total-count').text(numberFormat(totalCount));
                        $('#report-total-usdt-foot').text(formatUsdtNumber(totalUsdt));
                        $('#report-total-vnd-foot').text(numberFormat(totalVnd));

                        $('#report-loading').hide();
                        $('#report-content').show();
                    } else {
                        toastr.error(response.msg || {{ \Illuminate\Support\Js::from(__('Lỗi tải báo cáo')) }});
                        $('#reportWithdrawUsdtModal').modal('hide');
                    }
                },
                error: function(xhr) {
                    toastr.error({{ \Illuminate\Support\Js::from(__('Đã xảy ra lỗi khi tải báo cáo')) }});
                    $('#reportWithdrawUsdtModal').modal('hide');
                }
            });
        });
    </script>

    <script>
        $(document).on('click', '#edit-withdraw-usdt', function() {
            const order_id = $(this).data('order_id');

            $.ajax({
                url: '/get-withdraw-usdt-data/' + order_id,
                method: 'GET',
                success: function(response) {
                    $('#order_id').val(response.withdraw_usdt.order_id);
                    $('#request_id').val(response.withdraw_usdt.request_id);
                    $('#partner').val(response.partner);
                    $('#balance').val(numberFormat(response.withdraw_usdt.balance));
                    $('#fee').val(response.withdraw_usdt.fee);
                    $('#message').val(response.withdraw_usdt.message);
                    $('#status').val(response.withdraw_usdt.status);
                    $('#disabled_status').val(response.withdraw_usdt.status);
                    $('#is_approved').val(response.withdraw_usdt.is_approved);

                    if (response.withdraw_usdt.status === 4) {
                        $('#status').prop('disabled', true);
                    } else {
                        $('#status').prop('disabled', false);
                    }
                    switch (response.withdraw_usdt.status) {
                        case 0:
                            $('#error').prop('selected', true);
                            break;
                        case 3:
                            $('#pending').prop('selected', true);
                            break;
                        case 5:
                            $('#processing').prop('selected', true);
                            break;
                        default:
                            break;
                    }

                    if (response.withdraw_usdt.is_approved === 0) {
                        $('#wait_approve').prop('selected', true);
                    } else if (response.withdraw_usdt.is_approved === 1) {
                        $('#approved').prop('selected', true);
                    }
                },
                error: function(error) {
                    console.error('Lỗi lấy thông tin đơn rút:', error);
                    toastr.error(error);
                }
            });
        });

        document.getElementById('saveButton').addEventListener('click', function(event) {
            event.preventDefault();
            saveData();
        });

        function saveData() {
            var status = document.getElementById('status').value;
            var disabled_status = document.getElementById('disabled_status').value;
            var order_id = document.getElementById('order_id').value;
            var dataTable = $('#listWithdrawUsdt').DataTable();
            var pageInfo = dataTable.page.info();
            if ((status == 0 && disabled_status == 0) || (disabled_status != 0 && status != 0)) {
                $.ajax({
                    url: '/withdraw_usdt/' + order_id,
                    type: 'PUT',
                    data: $('#updateForm').serialize(),
                    dataType: 'json',
                    success: function(data) {
                        if (data.code == 1) {
                            $('#offcanvasRight').offcanvas('hide');
                            dataTable.page(pageInfo.page).draw('page');
                            toastr.success(data.msg);
                        } else {
                            toastr.error(data.msg);
                        }
                    },
                    error: function(xhr, status, error) {
                        toastr.error({{ \Illuminate\Support\Js::from(__('Đã xảy ra lỗi:')) }} + ' ' + error);
                    }
                });
            } else if (status == 0 && disabled_status != 0) {
                Swal.fire({
                    title: "{{ __('Order cancellation confirmation?') }}",
                    html: "{{ __('Are you sure you want to cancel this order?') }}",
                    icon: "question",
                    showCancelButton: true,
                    confirmButtonText: "{{ __('Agree') }}",
                    cancelButtonText: "{{ __('Cancel') }}"
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: '/withdraw_usdt/' + order_id,
                            type: 'PUT',
                            data: $('#updateForm').serialize(),
                            dataType: 'json',
                            success: function(data) {
                                if (data.code == 1) {
                                    $('#offcanvasRight').offcanvas('hide');
                                    dataTable.page(pageInfo.page).draw('page');
                                    toastr.success(data.msg);
                                } else {
                                    toastr.error(data.msg);
                                }
                            },
                            error: function(xhr, status, error) {
                                toastr.error({{ \Illuminate\Support\Js::from(__('Đã xảy ra lỗi:')) }} + ' ' + error);
                            }
                        });
                    }
                });
            } else if (status == 4 && disabled_status == 0) {
                Swal.fire({
                    title: "{{ __('Confirmed order processing?') }}",
                    html: "{{ __('Are you sure you want to confirm your order successfully?') }}",
                    icon: "question",
                    showCancelButton: true,
                    confirmButtonText: {{ \Illuminate\Support\Js::from(__('Agree')) }},
                    cancelButtonText: {{ \Illuminate\Support\Js::from(__('Cancel')) }}
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: '/withdraw_usdt/' + order_id,
                            type: 'PUT',
                            data: $('#updateForm').serialize(),
                            dataType: 'json',
                            success: function(data) {
                                if (data.code == 1) {
                                    $('#offcanvasRight').offcanvas('hide');
                                    dataTable.page(pageInfo.page).draw('page');
                                    toastr.success(data.msg);
                                } else {
                                    toastr.error(data.msg);
                                }
                            },
                            error: function(xhr, status, error) {
                                toastr.error({{ \Illuminate\Support\Js::from(__('Đã xảy ra lỗi:')) }} + ' ' + error);
                            }
                        });
                    }
                });
            } else {
                toastr.error({{ \Illuminate\Support\Js::from(__('Không thể cập nhật đơn hàng với thông tin như vậy!')) }});
            }
        }

        function numberFormat(number) {
            return new Intl.NumberFormat('en-US').format(number);
        }
    </script>
    <script>
        $(document).ready(function() {
            $('#partner').select2({
                width: '100%',
                placeholder: "{{ __('select') }}",
                allowClear: true
            });

            $(document).on('click', '.open-note-modal', function() {

                let id = $(this).data('id');
                let note = $(this).data('note');

                $('#withdraw_id').val(id);
                $('#withdraw_note').val(note);

                $('#noteModal').modal('show');
            });
        });
    </script>
    <script>
        function formatNumberVn(value) {
            if (!value || isNaN(value)) return '0';
            return new Intl.NumberFormat('vi-VN').format(value);
        }

        // Ô nào được người dùng gõ gần nhất: 'usdt' hoặc 'vnd' -> đổi tỷ giá sẽ tính lại ô còn lại
        let usdtLastEdited = 'usdt';

        function calcVndFromUsdt() {
            const usdt = parseFloat($('#create_amount_usdt').val()) || 0;
            const rate = parseFloat($('#create_rate').val()) || 0;
            if (usdt > 0 && rate > 0) {
                $('#create_vnd_amount').val(Math.round(usdt * rate));
            }
        }

        function calcUsdtFromVnd() {
            const vnd = parseFloat($('#create_vnd_amount').val()) || 0;
            const rate = parseFloat($('#create_rate').val()) || 0;
            if (vnd > 0 && rate > 0) {
                // giữ đủ độ chính xác để USDT × tỷ giá khớp lại VND
                $('#create_amount_usdt').val((vnd / rate).toFixed(6));
            }
        }

        // Nhập USDT -> tính VND
        $(document).on('input', '#create_amount_usdt', function() {
            usdtLastEdited = 'usdt';
            calcVndFromUsdt();
        });

        // Nhập VND -> tính USDT
        $(document).on('input', '#create_vnd_amount', function() {
            usdtLastEdited = 'vnd';
            calcUsdtFromVnd();
        });

        // Đổi tỷ giá -> tính lại ô còn lại theo ô người dùng gõ gần nhất
        $(document).on('input', '#create_rate', function() {
            if (usdtLastEdited === 'vnd') {
                calcUsdtFromVnd();
            } else {
                calcVndFromUsdt();
            }
        });

        $('#createWithdrawUsdtForm').on('submit', function(e) {
            e.preventDefault();

            const network = $('#create_network').val();
            const rate = parseFloat($('#create_rate').val()) || 0;

            // Đồng bộ USDT <-> VND theo ô người dùng gõ gần nhất trước khi gửi
            if (rate > 0) {
                if (usdtLastEdited === 'vnd') calcUsdtFromVnd();
                else calcVndFromUsdt();
            }

            const usdtAmount = parseFloat($('#create_amount_usdt').val()) || 0;
            const walletAddress = $('#create_wallet_address').val().trim();
            const amount = parseFloat($('#create_vnd_amount').val()) || 0;

            if (!network) {
                toastr.error({{ \Illuminate\Support\Js::from(__('Vui lòng chọn network.')) }});
                return;
            }

            if (rate <= 0) {
                toastr.error({{ \Illuminate\Support\Js::from(__('Tỷ giá phải lớn hơn 0.')) }});
                return;
            }

            if (usdtAmount <= 0 || amount <= 0) {
                toastr.error({{ \Illuminate\Support\Js::from(__('Nhập số USDT hoặc số tiền VND (cái còn lại sẽ tự tính).')) }});
                return;
            }

            if (!walletAddress) {
                toastr.error({{ \Illuminate\Support\Js::from(__('Vui lòng nhập địa chỉ ví.')) }});
                return;
            }

            $('#btn-submit-create-withdraw-usdt').prop('disabled', true).html(
                '<i class="fa fa-spinner fa-spin"></i> ' + {{ \Illuminate\Support\Js::from(__('Đang xử lý...')) }}
            );

            $.ajax({
                url: "{{ route('app.withdraw_usdt.createWithdrawUsdt') }}",
                type: "POST",
                data: $(this).serialize(),
                dataType: "json",
                success: function(response) {
                    if (response.code == 1 || response.success) {
                        toastr.success(response.msg || response.message || {{ \Illuminate\Support\Js::from(__('Tạo lệnh rút thành công.')) }});

                        $('#createWithdrawUsdtForm')[0].reset();
                        $('#create_vnd_amount').val('');
                        usdtLastEdited = 'usdt';

                        $('#createWithdrawUsdtModal').modal('hide');

                        $('#listWithdrawUsdt').DataTable().ajax.reload(null, false);
                    } else {
                        toastr.error(response.msg || response.message || {{ \Illuminate\Support\Js::from(__('Tạo lệnh thất bại.')) }});
                    }
                },
                error: function(xhr) {
                    let message = {{ \Illuminate\Support\Js::from(__('Đã xảy ra lỗi khi tạo lệnh rút.')) }};

                    if (xhr.responseJSON) {
                        if (xhr.responseJSON.msg) {
                            message = xhr.responseJSON.msg;
                        } else if (xhr.responseJSON.message) {
                            message = xhr.responseJSON.message;
                        }

                        if (xhr.responseJSON.errors) {
                            message = Object.values(xhr.responseJSON.errors).flat().join('<br>');
                        }
                    }

                    toastr.error(message);
                },
                complete: function() {
                    $('#btn-submit-create-withdraw-usdt').prop('disabled', false).html(
                        '<i class="fas fa-save"></i> ' + {{ \Illuminate\Support\Js::from(__('Tạo lệnh rút')) }}
                    );
                }
            });
        });

        // Quản lý đối tác: rút nhanh hộ đối tác trong phạm vi quản lý (trừ số dư đối tác, ví whitelist)
        const QUICK_FOR_PARTNER = @json((bool) $canQuickWithdrawForPartner);
        const QUICK_SELF_ALLOWED = @json((bool) $canCreateWithdrawUsdt);
        const QUICK_WALLETS_URL = "{{ url('/withdraw-usdt/partner-wallets') }}";

        // Đổi đối tác -> nạp ví đối tác đã lưu, ẩn ô tự nhập network/địa chỉ ví
        $('#quick_partner').on('change', function() {
            const partnerId = $(this).val();
            const $wallet = $('#quick_wallet');

            $('#quick_wallet_hint').text('');

            if (!partnerId) {
                // Tài khoản quản lý thuần (không có số dư riêng) luôn ở chế độ rút hộ
                $wallet.prop('disabled', true).prop('required', false)
                    .html('<option value="">' + {{ \Illuminate\Support\Js::from(__('-- Chọn đối tác trước --')) }} + '</option>');
                $('#quick_wallet_group').toggle(!QUICK_SELF_ALLOWED);
                $('#quick_self_fields').toggle(QUICK_SELF_ALLOWED);
                $('#quick_network, #quick_wallet_address')
                    .prop('disabled', !QUICK_SELF_ALLOWED)
                    .prop('required', QUICK_SELF_ALLOWED);
                return;
            }

            $('#quick_self_fields').hide();
            $('#quick_network, #quick_wallet_address').prop('required', false).prop('disabled', true);
            $('#quick_wallet_group').show();
            $wallet.prop('disabled', true).prop('required', true).html('<option value="">' + {{ \Illuminate\Support\Js::from(__('Đang tải...')) }} + '</option>');

            $.getJSON(QUICK_WALLETS_URL + '/' + partnerId)
                .done(function(res) {
                    const list = (res && res.data) ? res.data : [];
                    if (!list.length) {
                        $wallet.prop('disabled', true).html('<option value="">' + {{ \Illuminate\Support\Js::from(__('Đối tác chưa có ví rút nào')) }} + '</option>');
                        $('#quick_wallet_hint').text({{ \Illuminate\Support\Js::from(__('Đối tác này chưa thêm ví rút USDT nào.')) }});
                        return;
                    }
                    let html = '<option value="">' + {{ \Illuminate\Support\Js::from(__('-- Chọn ví nhận --')) }} + '</option>';
                    list.forEach(function(w) {
                        const label = (w.label ? w.label + ' — ' : '') + w.network + ' — ' + w.address;
                        html += '<option value="' + w.id + '">' + $('<div>').text(label).html() + '</option>';
                    });
                    $wallet.prop('disabled', false).html(html);
                })
                .fail(function(xhr) {
                    $wallet.prop('disabled', true).html('<option value="">' + {{ \Illuminate\Support\Js::from(__('Lỗi tải ví')) }} + '</option>');
                    toastr.error((xhr.responseJSON && xhr.responseJSON.msg) || {{ \Illuminate\Support\Js::from(__('Không tải được danh sách ví.')) }});
                });
        });

        // Đóng modal -> trả form về trạng thái mặc định
        $('#quickWithdrawUsdtModal').on('hidden.bs.modal', function() {
            $('#quickWithdrawUsdtForm')[0].reset();
            if (QUICK_FOR_PARTNER) {
                $('#quick_partner').val('').trigger('change');
            }
        });

        if (QUICK_FOR_PARTNER) {
            $('#quick_partner').trigger('change');
        }

        $('#quickWithdrawUsdtForm').on('submit', function(e) {
            e.preventDefault();
            const partnerId = QUICK_FOR_PARTNER ? $('#quick_partner').val() : '';

            if (QUICK_FOR_PARTNER && !QUICK_SELF_ALLOWED && !partnerId) {
                toastr.error({{ \Illuminate\Support\Js::from(__('Vui lòng chọn đối tác cần rút hộ.')) }});
                return;
            }

            const amount = parseFloat($('#quick_vnd_amount').val()) || 0;
            if (amount <= 0) {
                toastr.error({{ \Illuminate\Support\Js::from(__('Vui lòng nhập số tiền VND hợp lệ.')) }});
                return;
            }
            if (partnerId) {
                if (!$('#quick_wallet').val()) {
                    toastr.error({{ \Illuminate\Support\Js::from(__('Vui lòng chọn ví nhận của đối tác.')) }});
                    return;
                }
            } else {
                if (!$('#quick_network').val()) {
                    toastr.error({{ \Illuminate\Support\Js::from(__('Vui lòng chọn loại ví (network).')) }});
                    return;
                }
                if (!$('#quick_wallet_address').val().trim()) {
                    toastr.error({{ \Illuminate\Support\Js::from(__('Vui lòng nhập địa chỉ ví.')) }});
                    return;
                }
            }
            $('#btn-submit-quick-withdraw-usdt').prop('disabled', true).html(
                '<i class="fa fa-spinner fa-spin"></i> ' + {{ \Illuminate\Support\Js::from(__('Đang xử lý...')) }}
            );
            $.ajax({
                url: "{{ route('app.withdraw_usdt.createWithdrawUsdtQuick') }}",
                type: "POST",
                data: $(this).serialize(),
                dataType: "json",
                success: function(response) {
                    if (response.code == 1 || response.success) {
                        toastr.success(response.msg || response.message || {{ \Illuminate\Support\Js::from(__('Tạo lệnh rút nhanh thành công.')) }});
                        $('#quickWithdrawUsdtForm')[0].reset();
                        $('#quickWithdrawUsdtModal').modal('hide');
                        $('#listWithdrawUsdt').DataTable().ajax.reload(null, false);
                    } else {
                        toastr.error(response.msg || response.message || {{ \Illuminate\Support\Js::from(__('Tạo lệnh thất bại.')) }});
                    }
                },
                error: function(xhr) {
                    let message = {{ \Illuminate\Support\Js::from(__('Đã xảy ra lỗi khi tạo lệnh rút.')) }};
                    if (xhr.responseJSON) {
                        if (xhr.responseJSON.msg) message = xhr.responseJSON.msg;
                        else if (xhr.responseJSON.message) message = xhr.responseJSON.message;
                        if (xhr.responseJSON.errors) message = Object.values(xhr.responseJSON.errors).flat().join('<br>');
                    }
                    toastr.error(message);
                },
                complete: function() {
                    $('#btn-submit-quick-withdraw-usdt').prop('disabled', false).html(
                        '<i class="fas fa-bolt"></i> ' + {{ \Illuminate\Support\Js::from(__('Rút nhanh')) }}
                    );
                }
            });
        });

        function saveWithdrawNote() {

            let id = $('#withdraw_id').val();
            let note = $('#withdraw_note').val();

            $.ajax({
                url: '/withdraw_usdt/' + id + '/note',
                method: 'POST',
                data: {
                    note: note,
                    _token: $('meta[name="csrf-token"]').attr('content')
                },
                success: function() {
                    $('#noteModal').modal('hide');
                    $('#listWithdrawUsdt').DataTable().ajax.reload(null, false);
                }
            })
        }
    </script>

    <script>
        // Chọn ví rút mẫu -> tự điền Network + Địa chỉ ví trong modal tạo lệnh
        $(document).on('change', '#create_wallet_template', function() {
            const opt = this.options[this.selectedIndex];
            const address = opt ? opt.getAttribute('data-address') : '';
            const network = opt ? opt.getAttribute('data-network') : '';

            if (address) {
                $('#create_wallet_address').val(address);
            }
            if (network) {
                $('#create_network').val(network).trigger('change');
            }
        });

        // Xác nhận trước khi xoá ví rút mẫu
        $(document).on('click', '.btn-delete-usdt-wallet', function() {
            const $form = $(this).closest('form');
            Swal.fire({
                title: {{ \Illuminate\Support\Js::from(__('Xoá ví rút mẫu?')) }},
                html: {{ \Illuminate\Support\Js::from(__('Bạn có chắc chắn muốn xoá ví rút USDT mẫu này không?')) }},
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: {{ \Illuminate\Support\Js::from(__('Xoá')) }},
                cancelButtonText: {{ \Illuminate\Support\Js::from(__('Cancel')) }},
                confirmButtonColor: '#dc3545',
                cancelButtonColor: '#6c757d',
                allowOutsideClick: false,
            }).then((result) => {
                if (result.isConfirmed) {
                    $form.submit();
                }
            });
        });
    </script>

    @if (auth()->user()->can('withdraw_create_for_partner') && !empty(auth()->user()->can_withdraw_for_partner))
        <script>
            const FP_WALLETS_URL = "{{ url('/withdraw-usdt/partner-wallets') }}";
            const FP_STORE_URL = "{{ route('app.withdraw_usdt.storeForPartner') }}";

            // Chọn đối tác -> nạp danh sách ví (address + network) do đối tác đã lưu
            $('#fp_partner').on('change', function() {
                const partnerId = $(this).val();
                const $wallet = $('#fp_wallet');
                $('#fp_network, #fp_address').val('');
                $('#fp_wallet_hint').text('');

                if (!partnerId) {
                    $wallet.prop('disabled', true).html('<option value="">' + {{ \Illuminate\Support\Js::from(__('-- Chọn đối tác trước --')) }} + '</option>');
                    return;
                }

                $wallet.prop('disabled', true).html('<option value="">' + {{ \Illuminate\Support\Js::from(__('Đang tải...')) }} + '</option>');

                $.getJSON(FP_WALLETS_URL + '/' + partnerId)
                    .done(function(res) {
                        const list = (res && res.data) ? res.data : [];
                        if (!list.length) {
                            $wallet.prop('disabled', true).html(
                                '<option value="">' + {{ \Illuminate\Support\Js::from(__('Đối tác chưa có ví rút nào')) }} + '</option>');
                            $('#fp_wallet_hint').text({{ \Illuminate\Support\Js::from(__('Đối tác này chưa thêm ví rút USDT nào.')) }});
                            return;
                        }
                        let html = '<option value="">' + {{ \Illuminate\Support\Js::from(__('-- Chọn ví nhận --')) }} + '</option>';
                        list.forEach(function(w) {
                            const label = (w.label ? w.label + ' — ' : '') + w.network + ' — ' + w
                                .address;
                            html += '<option value="' + w.id + '" data-network="' + w.network +
                                '" data-address="' + $('<div>').text(w.address).html() + '">' +
                                $('<div>').text(label).html() + '</option>';
                        });
                        $wallet.prop('disabled', false).html(html);
                    })
                    .fail(function(xhr) {
                        $wallet.prop('disabled', true).html('<option value="">' + {{ \Illuminate\Support\Js::from(__('Lỗi tải ví')) }} + '</option>');
                        toastr.error((xhr.responseJSON && xhr.responseJSON.msg) ||
                            {{ \Illuminate\Support\Js::from(__('Không tải được danh sách ví.')) }});
                    });
            });

            // Chọn ví -> tự điền network + address
            $('#fp_wallet').on('change', function() {
                const opt = this.options[this.selectedIndex];
                $('#fp_network').val(opt ? (opt.getAttribute('data-network') || '') : '');
                $('#fp_address').val(opt ? (opt.getAttribute('data-address') || '') : '');
            });

            // Tính 2 chiều USDT <-> VND. Tỷ giá bắt buộc; nhập 1 trong 2 ô sẽ tính ra ô còn lại.
            let fpLastEdited = 'usdt';

            function fpCalcVndFromUsdt() {
                const usdt = parseFloat($('#fp_amount_usdt').val()) || 0;
                const rate = parseFloat($('#fp_rate').val()) || 0;
                if (usdt > 0 && rate > 0) {
                    $('#fp_vnd').val(Math.round(usdt * rate));
                }
            }

            function fpCalcUsdtFromVnd() {
                const vnd = parseFloat($('#fp_vnd').val()) || 0;
                const rate = parseFloat($('#fp_rate').val()) || 0;
                if (vnd > 0 && rate > 0) {
                    $('#fp_amount_usdt').val((vnd / rate).toFixed(6));
                }
            }

            $('#fp_amount_usdt').on('input', function() {
                fpLastEdited = 'usdt';
                fpCalcVndFromUsdt();
            });
            $('#fp_vnd').on('input', function() {
                fpLastEdited = 'vnd';
                fpCalcUsdtFromVnd();
            });
            $('#fp_rate').on('input', function() {
                if (fpLastEdited === 'vnd') fpCalcUsdtFromVnd();
                else fpCalcVndFromUsdt();
            });

            // Submit
            $('#createWithdrawUsdtForPartnerForm').on('submit', function(e) {
                e.preventDefault();

                // Đồng bộ 2 ô trước khi gửi
                if ((parseFloat($('#fp_rate').val()) || 0) > 0) {
                    if (fpLastEdited === 'vnd') fpCalcUsdtFromVnd();
                    else fpCalcVndFromUsdt();
                }

                if (!$('#fp_partner').val()) return toastr.error({{ \Illuminate\Support\Js::from(__('Vui lòng chọn đối tác.')) }});
                if (!$('#fp_wallet').val()) return toastr.error({{ \Illuminate\Support\Js::from(__('Vui lòng chọn ví nhận.')) }});
                if (!$('#fp_rate').val() || Number($('#fp_rate').val()) <= 0) return toastr.error({{ \Illuminate\Support\Js::from(__('Nhập tỷ giá.')) }});
                if ((Number($('#fp_amount_usdt').val()) || 0) <= 0 || (Number($('#fp_vnd').val()) || 0) <= 0)
                    return toastr.error({{ \Illuminate\Support\Js::from(__('Nhập số USDT hoặc số tiền VND (cái còn lại sẽ tự tính).')) }});

                Swal.fire({
                    title: {{ \Illuminate\Support\Js::from(__('Xác nhận rút USDT hộ đối tác?')) }},
                    html: {{ \Illuminate\Support\Js::from(__('Lệnh sẽ trừ vào số dư của đối tác được chọn. Bạn có chắc chắn?')) }},
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonText: {{ \Illuminate\Support\Js::from(__('Agree')) }},
                    cancelButtonText: {{ \Illuminate\Support\Js::from(__('Cancel')) }},
                    allowOutsideClick: false,
                }).then((result) => {
                    if (!result.isConfirmed) return;

                    const $btn = $('#btn-submit-fp');
                    $btn.prop('disabled', true).html(
                        '<i class="fas fa-spinner fa-spin"></i> ' + {{ \Illuminate\Support\Js::from(__('Đang xử lý...')) }});

                    $.ajax({
                        url: FP_STORE_URL,
                        type: 'POST',
                        data: $('#createWithdrawUsdtForPartnerForm').serialize(),
                        dataType: 'json',
                        success: function(data) {
                            if (data.code == 1) {
                                toastr.success(data.msg || {{ \Illuminate\Support\Js::from(__('Tạo lệnh thành công')) }});
                                $('#createWithdrawUsdtForPartnerModal').modal('hide');
                                $('#listWithdrawUsdt').DataTable().ajax.reload(null, false);
                            } else {
                                toastr.error(data.msg || {{ \Illuminate\Support\Js::from(__('Tạo lệnh thất bại')) }});
                            }
                        },
                        error: function(xhr) {
                            const j = xhr.responseJSON;
                            toastr.error((j && (j.msg || j.message)) ||
                                {{ \Illuminate\Support\Js::from(__('Đã xảy ra lỗi khi tạo lệnh.')) }});
                        },
                        complete: function() {
                            $btn.prop('disabled', false).html(
                                '<i class="fas fa-save"></i> ' + {{ \Illuminate\Support\Js::from(__('Tạo lệnh rút')) }});
                        }
                    });
                });
            });
        </script>
    @endif
@endsection

@section('styles')
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">

    <style>
        .usdt-wallet-name {
            font-weight: 700;
            font-size: 15px;
            color: #1f2d3d;
            margin-bottom: 4px;
        }

        .usdt-wallet-net {
            display: inline-block;
            font-weight: 600;
            font-size: 13px;
            color: #0b5ed7;
            background: #e7f1ff;
            border: 1px solid #cfe2ff;
            border-radius: 6px;
            padding: 1px 8px;
            margin-bottom: 4px;
        }

        .usdt-wallet-addr {
            font-size: 13.5px;
            color: #2c3e50;
            font-weight: 600;
            word-break: break-all;
        }
    </style>
    <link rel="stylesheet" href="{{ asset('dist/css/cashout/cashout.css') }}">
    <link rel="stylesheet" href="{{ asset('dist/css/input.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/toastr/toastr.min.css') }}">
    <style>
        /* ===== Ép select2 nằm chung hàng với label trong input-group ===== */
        .input-group {
            flex-wrap: nowrap !important;
        }

        .input-group > .select2-container {
            flex: 1 1 auto !important;
            width: 1% !important;
        }

        /* ===== Đồng bộ chiều cao + bo góc với form-control ===== */
        .select2-container--default .select2-selection--single {
            height: 40px !important;
            display: flex !important;
            align-items: center !important;
            border-radius: 10px !important;
            border-color: rgba(0, 0, 0, .12) !important;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: normal !important;
            padding-left: 12px !important;
            color: #263238;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 40px !important;
            right: 8px;
        }

        .select2-dropdown {
            border-radius: 10px !important;
            border-color: rgba(0, 0, 0, .12) !important;
            overflow: hidden;
        }
    </style>
@endsection