@extends('layouts.app')

@section('content')
<div class="container">
    @include('desktop.partials.runningtext')
    @include('desktop.partials.breadcrumb')

    <section class="withdraw withdraw--d">

        <header class="page-header">
            <i class="icon-withdraw icon--2x"></i>
            <h3>Withdraw</h3>
        </header>

        <nav class="side-nav side-nav--d">
            <ul>
                <li class="side-nav__item {{ ($mode ?? 'bank') === 'bank' ? 'side-nav__item--active' : '' }}">
                    <a href="{{ route('withdraw.bank') }}">
                        <i class="icon-bank-transfer icon--lg"></i>
                        <span>Bank Transfer</span>
                    </a>
                </li>
            </ul>
        </nav>

        <div class="withdraw-content">

            @if($pending && $pending->payment_type === 'withdraw' && $pending->status === 'pending')
                <div class="withdraw-pending">
                    <div class="alert alert--success alert--icon-top">
                        <i class="icon-info icon--lg"></i>

                        <div class="alert__content">
                            <h4>Withdraw Pending</h4>

                            <p style="text-align:center;">
                                Permintaan withdraw anda sudah kami terima dan sedang diproses.
                            </p>

                            <ul class="withdraw-detail deposit-detail">
                                <li>
                                    <span>Nama Bank / E-Wallet</span>
                                    <p>{{ $pending->bank ?? '-' }}</p>
                                </li>

                                <li>
                                    <span>Nama Rekening</span>
                                    <p>{{ $pending->account_name ?? '-' }}</p>
                                </li>

                                <li>
                                    <span>Nomor Rekening</span>
                                    <p>{{ $pending->account_number ?? '-' }}</p>
                                </li>

                                <li>
                                    <span>Jumlah Withdraw</span>
                                    <p>Rp {{ number_format($pending->amount, 0, ',', '.') }}</p>
                                </li>

                                <li>
                                    <span>Status</span>
                                    <p>{{ strtoupper($pending->status ?? 'PENDING') }}</p>
                                </li>

                                <li>
                                    <span>Tanggal</span>
                                    <p>{{ optional($pending->created_at)->format('d-m-Y H:i') }}</p>
                                </li>
                            </ul>

                            <p style="text-align:center;">
                                Jika withdraw anda belum diproses dalam beberapa waktu,
                                silakan hubungi livechat untuk bantuan lebih lanjut.
                            </p>
                        </div>
                    </div>
                </div>

            @elseif(!$isAllowedWithdraw)
                <div class="alert alert--warning">
                    <i class="icon-exclamation-triangle icon--lg"></i>
                    <p>Saldo anda lebih rendah dari jumlah minimum penarikan.</p>
                </div>

            @elseif(!($menu['withdraw_enabled'] ?? false))
                <div class="alert alert--warning">
                    <i class="icon-exclamation-triangle icon--lg"></i>
                    <p>Withdraw Anda Telah Dinonaktifkan Harap Hubungi Livechat.</p>
                </div>

            @elseif(!$bank)
                <div class="alert alert--warning">
                    <i class="icon-exclamation-triangle icon--lg"></i>
                    <p>Rekening aktif tidak ditemukan. Silakan tambahkan rekening terlebih dahulu.</p>
                </div>

            @else
                <form method="POST" action="{{ route('withdraw.bank.submit') }}" class="wallet-form wallet-form--d">
                    @csrf

                    <div class="input__container">
                        <label>Jumlah</label>
                        <div class="input__root">
                            <input type="number" name="amount" class="input" required>
                            <i class="input__icon icon-coins icon--xs"></i>
                        </div>
                    </div>

                    <div class="preset-amounts">
                        <div class="preset-amounts__label">
                            <span>Pilih nominal</span>
                        </div>

                        <div class="preset-amounts__body">
                            @foreach([25000, 50000, 100000, 1000000] as $amt)
                                <div class="preset-amounts__item">
                                    <label for="wd{{ $amt }}" class="btn btn--flex btn--light">
                                        Rp {{ number_format($amt, 0, ',', '.') }}
                                    </label>
                                    <input
                                        id="wd{{ $amt }}"
                                        name="withdraw_amount_preset"
                                        type="radio"
                                        class="preset-amounts__input"
                                        value="{{ $amt }}">
                                </div>
                            @endforeach
                        </div>
                    </div>

                    @php
                        $paymentMethod = $bank->payment_method ?? null;

                        $paymentName = $paymentMethod === 'bank'
                            ? ($bank->bank ?? '-')
                            : ($bank->emoney ?? '-');

                        $rekening = strtoupper($bank->nomor_rekening ?? '');

                        $masked = strlen($rekening) > 4
                            ? str_repeat('*', strlen($rekening) - 4) . substr($rekening, -4)
                            : $rekening;
                    @endphp

                    <div class="wallet-detail wallet-detail__withdraw-to">
                        <div class="wallet-detail__label">
                            <span>Saldo akan ditransfer ke akun berikut</span>
                        </div>

                        <div class="wallet-detail__body">
                            <div class="wallet-detail__labels">
                                <label>{{ $paymentMethod === 'bank' ? 'Bank' : 'E-Wallet' }}</label>
                                <label>Nama</label>
                                <label>{{ $paymentMethod === 'bank' ? 'Rekening' : 'Nomor Akun' }}</label>
                            </div>

                            <div class="wallet-detail__values">
                                <span>{{ strtoupper($paymentName) }}</span>
                                <span>{{ strtoupper($bank->nama_rekening ?? '-') }}</span>
                                <span>{{ $masked ?: '-' }}</span>
                            </div>
                        </div>
                    </div>

                    <button type="submit" class="btn btn--block btn--brand">
                        <span>Kirim</span>
                    </button>

                    <div class="wallet-detail withdraw-notes">
                        <div class="wallet-detail__label">
                            <span>Catatan</span>
                        </div>

                        <div class="wallet-detail__body wallet-detail__body--muted">
                            <div class="wallet-detail__labels">
                                <label>Waktu proses</label>
                                <label>Withdraw minimal</label>
                                <label>Withdraw maksimal</label>
                            </div>

                            <div class="wallet-detail__values">
                                <span>{{ $config->process_time ?? '5 Menit' }}</span>
                                <span>Rp {{ number_format($config->withdraw_min ?? 25000, 0, ',', '.') }}</span>
                                <span>Rp {{ number_format($config->withdraw_max ?? 5000000000, 0, ',', '.') }}</span>
                            </div>
                        </div>
                    </div>
                </form>
            @endif

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

<script>
document.addEventListener('DOMContentLoaded', function () {
    const amountInput = document.querySelector('[name="amount"]');
    const presets = document.querySelectorAll('.preset-amounts__input');

    if (!amountInput || !presets.length) return;

    presets.forEach(radio => {
        radio.addEventListener('change', function () {
            amountInput.value = this.value;
            amountInput.dispatchEvent(new Event('input', { bubbles: true }));
            amountInput.dispatchEvent(new Event('blur', { bubbles: true }));
        });
    });
});
</script>
@endsection