@extends('layouts.app')

@section('title')
    {{ __('Tạo lệnh rút USDT') }}
@endsection

@section('withdraw')
    active
@endsection

@section('section.header')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{ __('withdraw_usdt') }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('app.withdraw.index') }}">{{ __('withdraw') }}</a></li>
                        <li class="breadcrumb-item active">{{ __('withdraw_usdt') }}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('section.content')
    <!-- Main content -->
    <section class="content">
        <div id="loading-overlay" class="overlay d-none">
            <div class="loading-box text-center">
                <div class="spinner-border text-light" role="status">
                    <span class="sr-only">Loading...</span>
                </div>
                <div class="loading-text mt-3">{{ __('Đang tạo lệnh rút USDT, vui lòng chờ...') }}</div>
            </div>
        </div>

        <!-- Default box -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{ __('Tạo lệnh rút USDT') }}</h3>
            </div>
            <div class="card-body">
                @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 class="col-lg-8 mx-auto">
                    <form class="row" id="withdraw-usdt-form" action="{{ route('app.withdraw.handleWithdrawUSDT') }}"
                        method="POST">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <div class="col-lg-6">
                            <h2>{{ __('Thông tin rút tiền') }}</h2>
                            <p><i>{{ __('Vui lòng kiểm tra lại thông tin rút tiền của bạn trước khi gửi yêu cầu.') }}</i></p>

                            <div class="form-group">
                                <label for="coin">{{ __('Coin') }}</label>
                                <select class="form-control" id="coin" name="coin" required>
                                    <option value="USDT">{{ __('USDT') }}</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <label for="chain-type">{{ __('Chain type') }}</label>
                                <select class="form-control" id="chain-type" name="chain_type" required>
                                    <option value="TRC20">{{ __('TRC20') }}</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <label for="wallet-address">{{ __('Địa chỉ ví(*)') }}</label>
                                <input type="text" class="form-control" id="wallet-address" name="wallet_address"
                                    placeholder="{{ __('Địa chỉ ví USDT của bạn') }}" value="{{ old('wallet_address') }}" required>
                                @error('wallet_address')
                                    <span class="text-danger">* {{ $message }}</span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-6">
                                        <label for="amount-usd">{{ __('Số tiền USD(*)') }}</label>
                                        <input type="number" class="form-control" id="amount-usd" name="amount_usd"
                                            placeholder="{{ __('Số tiền USD bạn muốn rút') }}" value="{{ old('amount_usd') }}"
                                            required>
                                        @error('amount_usd')
                                            <span class="text-danger">* {{ $message }}</span>
                                        @enderror
                                    </div>
                                    <div class="col-md-6">
                                        <label for="amount-vnd">{{ __('Số tiền VND') }}</label>
                                        <input type="number" class="form-control" id="amount-vnd" name="amount_vnd"
                                            value="{{ old('amount_vnd') }}" placeholder="{{ __('Số tiền VND tương đương') }}">
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="transaction-fee">{{ __('Phí rút(%)') }}</label>
                                <input type="number" class="form-control" id="transaction-fee"
                                    value="{{ $partner->discount_withdraw['USDT'] ?? 0 }}" readonly>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group important">
                                <h4>{{ __('Lưu ý:') }}</h4>
                                <ul>
                                    <i>
                                        @php
                                            $usdToVND = config('config_app.usd_to_vnd');
                                            $minimumAmount = config('config_app.minimum_withdraw');
                                            $minWithdraw = (int) $minimumAmount / (int) $usdToVND;
                                            $discount = $partner->discount_withdraw['USDT'] ?? 0;
                                            $maxAmountVND = $partner->balance - ((int) $minimumAmount * $discount) / 100;
                                            $maxAmountUSD = $maxAmountVND / $usdToVND;
                                        @endphp
                                        <li>{{ __('Hệ thống chỉ nhận thanh toán USDT TRC20.') }}</li>
                                        <li>{{ __('Tỷ lệ quy đổi USD-VND: 1 USD = :rate VND.', ['rate' => number_format($usdToVND)]) }}</li>
                                        <li>{{ __('Số dư của bạn phải lớn hơn số tiền cần rút + phí rút') }}</li>
                                        <li>{{ __('Số tiền tối thiểu có thể rút là :amount USDT.', ['amount' => round($minWithdraw, 2)]) }}</li>
                                        <li>{{ __('Số tiền(USD) tối đa bạn có thể rút là :amount USD.', ['amount' => round($maxAmountUSD, 2)]) }}</li>
                                        <li>{{ __('Vui lòng điền đầy đủ thông tin yêu cầu.') }}</li>
                                    </i>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="text-center">
                                <button class="btn btn-primary" id="btn-submit-usdt" type="submit">
                                    <i class="fas fa-paper-plane mr-1"></i> {{ __('Gửi yêu cầu') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        @if (auth()->user()->view_template_withdraw_account)
            <div class="row">
                {{-- FORM THÊM VÍ RÚT MẪU --}}
                <div class="col-lg-6">
                    <div class="card card-info card-outline shadow-sm">
                        <div class="card-header border-0">
                            <h3 class="card-title font-weight-bold mb-0">{{ __('Thêm ví rút USDT mẫu') }}</h3>
                        </div>
                        <div class="card-body">
                            <form class="row" action="{{ route('app.addTemplateWithdrawUsdtAccount') }}" method="POST">
                                @csrf
                                <input type="hidden" name="asset" value="USDT">
                                <input type="hidden" name="network" value="TRC20">

                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="font-weight-semibold">{{ __('Nhãn (tuỳ chọn)') }}</label>
                                        <input type="text" class="form-control" name="label"
                                            value="{{ old('label') }}" placeholder="{{ __('VD: Ví Binance, Ví chính...') }}">
                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="font-weight-semibold">
                                            {{ __('Địa chỉ ví (TRC20)') }} <span class="text-danger">*</span>
                                        </label>
                                        <input type="text" class="form-control" name="address"
                                            value="{{ old('address') }}" placeholder="{{ __('Địa chỉ ví USDT TRC20') }}">
                                        @error('address')
                                            <span class="text-danger d-block mt-1">* {{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    <div class="text-center">
                                        <button class="btn btn-info px-4" type="submit">
                                            <i class="fas fa-save mr-1"></i> {{ __('submit') }}
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                {{-- DANH SÁCH VÍ RÚT MẪU --}}
                <div class="col-lg-6">
                    <div class="card card-secondary card-outline shadow-sm">
                        <div class="card-header border-0">
                            <h3 class="card-title font-weight-bold mb-0">{{ __('Danh sách ví rút USDT mẫu') }}</h3>
                        </div>
                        <div class="card-body">
                            @if ($lists->count())
                                <div class="template-account-list">
                                    @foreach ($lists as $list)
                                        <div class="template-account-item mb-3">
                                            <div class="template-account-card list-withdraw-usdt-account"
                                                data-address="{{ $list->address }}" data-network="{{ $list->network }}"
                                                data-asset="{{ $list->asset }}">
                                                <div class="d-flex justify-content-between align-items-center">
                                                    <div class="template-info">
                                                        <div class="template-name">
                                                            <i class="fas fa-wallet mr-1 text-primary"></i>{{ $list->label ?: __('Ví USDT') }}
                                                        </div>
                                                        <div class="template-bank">
                                                            <i class="fas fa-link mr-1"></i>{{ $list->asset }} - {{ $list->network }}
                                                        </div>
                                                        <div class="template-account-no">
                                                            <i class="fas fa-hashtag mr-1"></i>{{ $list->address }}
                                                        </div>
                                                    </div>
                                                    <span class="btn btn-sm btn-primary template-select-btn">
                                                        <i class="fas fa-hand-pointer mr-1"></i>{{ __('Chọn') }}
                                                    </span>
                                                </div>
                                            </div>

                                            <form
                                                action="{{ route('app.withdraw.deleteUsdtAccount', ['id' => $list->id]) }}"
                                                method="POST" class="mt-2 text-right template-delete-form">
                                                @csrf
                                                @method('DELETE')
                                                <button type="button"
                                                    class="btn btn-sm btn-outline-danger btn-delete-usdt-template">
                                                    <i class="fas fa-trash-alt mr-1"></i> {{ __('Xoá') }}
                                                </button>
                                            </form>
                                        </div>
                                    @endforeach
                                </div>
                            @else
                                <div class="text-center text-muted py-4">
                                    <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>
                </div>
            </div>
        @endif
    </section>
@endsection

@section('scripts')
    <script src="{{ asset('plugins/select2/js/select2.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            var amountUsdFormatted = null;
            var amountVndFormatted = null;
            $("#amount-usd").keyup(function() {
                var amountUsd = parseFloat($(this).val());
                if (!isNaN(amountUsd)) {
                    var amountVnd = toVnd(amountUsd);
                    $("#amount-vnd").val((amountVnd.toFixed(0)));

                    amountUsdFormatted = numberFormat(amountUsd);
                    amountVndFormatted = numberFormat(amountVnd);
                    if ($("#amount-usd").next(".amount-formatted").length === 0) {
                        $("#amount-usd").after(
                            `<span class="amount-formatted">(${amountUsdFormatted} USD)</span>`);
                    } else {
                        $("#amount-usd").next(".amount-formatted").text(`(${amountUsdFormatted} USD)`);
                    }

                    if ($("#amount-vnd").next(".amount-formatted").length === 0) {
                        $("#amount-vnd").after(
                            `<span class="amount-formatted">(${amountVndFormatted} VND)</span>`);
                    } else {
                        $("#amount-vnd").next(".amount-formatted").text(`(${amountVndFormatted} VND)`);
                    }
                }
            });

            $("#amount-vnd").keyup(function() {
                var amountVnd = parseFloat($(this).val());
                if (!isNaN(amountVnd)) {
                    var amountUsd = toUSD(amountVnd);
                    $("#amount-usd").val(amountUsd.toFixed(2));

                    var amountVndFormatted = numberFormat(amountVnd);
                    var amountUsdFormatted = numberFormat(amountUsd);
                    if ($("#amount-usd").next(".amount-formatted").length === 0) {
                        $("#amount-usd").after(
                            `<span class="amount-formatted">( ${amountUsdFormatted} USD )</span>`);
                    } else {
                        $("#amount-usd").next(".amount-formatted").text(`(${amountUsdFormatted} USD )`);
                    }

                    if ($("#amount-vnd").next(".amount-formatted").length === 0) {
                        $("#amount-vnd").after(
                            `<span class="amount-formatted">( ${amountVndFormatted} VND )</span>`);
                    } else {
                        $("#amount-vnd").next(".amount-formatted").text(`( ${amountVndFormatted} VND )`);
                    }
                }
            });

            // Chọn ví mẫu -> điền vào ô địa chỉ ví
            $(document).on('click', '.list-withdraw-usdt-account', function() {
                const address = $(this).data('address');
                if (address) {
                    $('#wallet-address').val(address);
                }
            });

            // Xác nhận trước khi xoá ví mẫu
            $(document).on('click', '.btn-delete-usdt-template', 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(__('Huỷ')) }},
                    confirmButtonColor: '#dc3545',
                    cancelButtonColor: '#6c757d',
                    allowOutsideClick: false,
                }).then((result) => {
                    if (result.isConfirmed) {
                        $form.submit();
                    }
                });
            });

            // Xác nhận trước khi gửi lệnh rút USDT
            let usdtConfirmed = false;
            $('#withdraw-usdt-form').on('submit', function(e) {
                if (usdtConfirmed) return; // đã xác nhận -> cho submit thật
                e.preventDefault();
                const form = this;

                Swal.fire({
                    title: {{ \Illuminate\Support\Js::from(__('Xác nhận lệnh rút USDT?')) }},
                    html: {{ \Illuminate\Support\Js::from(__('Vui lòng kiểm tra kỹ địa chỉ ví và số tiền. Bạn có chắc chắn muốn gửi yêu cầu?')) }},
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonText: {{ \Illuminate\Support\Js::from(__('Đồng ý')) }},
                    cancelButtonText: {{ \Illuminate\Support\Js::from(__('Huỷ')) }},
                    allowOutsideClick: false,
                }).then((result) => {
                    if (result.isConfirmed) {
                        usdtConfirmed = true;
                        $('#btn-submit-usdt').prop('disabled', true)
                            .html('<i class="fas fa-spinner fa-spin mr-1"></i> ' + {{ \Illuminate\Support\Js::from(__('Đang xử lý...')) }});
                        $('#loading-overlay').removeClass('d-none');
                        form.submit();
                    }
                });
            });
        });

        var usd_to_vnd = <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function config() in C:\xampp\htdocs\cms-hub-pay\resources\views\app\withdraw\create_withdraw_usdt.blade.php:363
Stack trace:
#0 {main}
  thrown in <b>C:\xampp\htdocs\cms-hub-pay\resources\views\app\withdraw\create_withdraw_usdt.blade.php</b> on line <b>363</b><br />