@extends('layouts.super_admin')

@section('title', 'Pencairan Komisi')

@section('content')
<!-- Stats Cards Row -->
<div class="row g-3 mb-4">
    @php
    // Taruh di mana aja, misal AppServiceProvider atau Helper file
    function formatCurrency($number) {
        if ($number >= 1_000_000_000) {
            return 'Rp ' . number_format($number / 1_000_000_000, 1, ',', '.') . 'B';
        } elseif ($number >= 1_000_000) {
            return 'Rp ' . number_format($number / 1_000_000, 1, ',', '.') . 'M';
        }
        
        return 'Rp ' . number_format($number, 0, ',', '.');
    }
    @endphp
    <div class="col-lg-6 col-md-6">
        <div class="stat-card">
            <div class="stat-image">
                <div class="stat-icon primary">
                    <i class="bi bi-wallet2"></i>
                </div>
            </div>
            <div class="stat-info">
                <div class="stat-value">{{ formatCurrency($totalWithdrawn) }}</div>
                <div class="stat-label">Total Pencairan</div>
            </div>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="stat-card">
            <div class="stat-image">
                <div class="stat-icon warning">
                    <i class="bi bi-clock"></i>
                </div>
            </div>
            <div class="stat-info">
                <div class="stat-value">{{ $pendingCount }}</div>
                <div class="stat-label">Pending Approval</div>
            </div>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="stat-card">
            <div class="stat-image">
                <div class="stat-icon success">
                    <i class="bi bi-check-circle"></i>
                </div>
            </div>
            <div class="stat-info">
                <div class="stat-value">{{ formatCurrency($approvedThisMonth) }}</div>
                <div class="stat-label">Disetujui Bulan Ini</div>
            </div>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="stat-card">
            <div class="stat-image">
                <div class="stat-icon info">
                    <i class="bi bi-cash-coin"></i>
                </div>
            </div>
            <div class="stat-info">
                <div class="stat-value">{{ formatCurrency($totalAdminFee) }}</div>
                <div class="stat-label">Biaya Admin</div>
            </div>
        </div>
    </div>
</div>

<!-- Filter & Search -->
<div class="card mb-4 border shadow-none">
    <div class="card-body px-4 py-3">

        {{-- Header label --}}
        <div class="d-flex align-items-center gap-2 mb-3">
            <div style="width: 3px; height: 16px; background: #185FA5; border-radius: 2px;"></div>
            <span class="text-muted fw-medium" style="font-size: 13px; letter-spacing: 0.03em;">Filter Pencairan</span>
        </div>

        <form method="GET" action="{{ route('super-admin.withdraw.index') }}"
              class="row g-3 align-items-end" autocomplete="off">
            @php
                $statuses = ['pending' => 'Pending', 'approved' => 'Disetujui', 'rejected' => 'Ditolak'];
            @endphp

            {{-- Status --}}
            <div class="col-md-3">
                <label for="status" class="form-label small fw-medium text-muted mb-1">Status</label>
                <div class="input-group input-group-sm">
                    <select id="status" name="status" class="form-select form-select-sm bg-light">
                        <option value="">Semua Status</option>
                        @foreach($statuses as $value => $label)
                            <option value="{{ $value }}" {{ request('status') === $value ? 'selected' : '' }}>
                                {{ $label }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>

            {{-- Sales --}}
            <div class="col-md-3">
                <label for="sales_id" class="form-label small fw-medium text-muted mb-1">Sales Person</label>
                <div class="input-group input-group-sm">
                    <select id="sales_id" name="sales_id" class="form-select form-select-sm bg-light">
                        <option value="">Semua Sales</option>
                        @foreach($salesList as $sales)
                            <option value="{{ $sales->id }}" {{ request('sales_id') == $sales->id ? 'selected' : '' }}>
                                {{ $sales->user->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>

            {{-- Tanggal --}}
            <div class="col-md-3">
                <label for="date" class="form-label small fw-medium text-muted mb-1">Tanggal Pencairan</label>
                <div class="input-group input-group-sm">
                    <input type="date" id="date" name="date"
                           class="form-control form-control-sm bg-light"
                           value="{{ request('date') }}">
                </div>
            </div>

            {{-- Actions --}}
            <div class="col-md-3">
                <div class="d-flex gap-2">
                    <button type="submit" class="btn btn-primary btn-sm w-100">
                        <i class="bi bi-funnel me-1"></i> Filter
                    </button>
                    <a href="{{ route('super-admin.withdraw.index') }}"
                       class="btn btn-danger btn-sm px-3"
                       title="Reset filter">
                        <i class="bi bi-arrow-counterclockwise"></i>
                    </a>
                </div>
            </div>

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

<!-- Withdraw Table -->
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <div>
            <i class="bi bi-wallet2 me-2"></i>
            Daftar Pencairan
            @if($pendingCount > 0)
                <span class="badge badge-warning ms-2">{{ $pendingCount }} Pending</span>
            @endif
        </div>
    </div>
    <div class="card-body p-0">
        @if($withdraws->count() > 0)
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th style="width: 60px;">No</th>
                        <th>Sales</th>
                        <th>Tanggal</th>
                        <th class="text-end">Nominal</th>
                        <th>Status</th>
                        <th class="text-end">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($withdraws as $withdraw)
                    <tr>
                        <td>{{ ($withdraws->currentPage() - 1) * $withdraws->perPage() + $loop->iteration }}</td>
                        <td>
                            <div class="fw-bold">{{ $withdraw->sales->user->name }}</div>
                            <div class="text-muted small">{{ $withdraw->sales->user->email }}</div>
                        </td>
                        <td>
                            <div class="fw-bold">{{ $withdraw->date ? $withdraw->date->format('d M Y') : '-' }}</div>
                        </td>
                        <td class="text-end">
                            <div class="money-display">Rp {{ number_format($withdraw->amount, 0, ',', '.') }}</div>
                        </td>
                        <td>
                            @if($withdraw->status === 'approved')
                                <span class="badge badge-success">Disetujui</span>
                            @elseif($withdraw->status === 'pending')
                                <span class="badge badge-warning">Pending</span>
                            @else
                                <span class="badge badge-danger">Ditolak</span>
                            @endif
                        </td>
                        <td class="text-end">
                            <button class="btn btn-sm btn-info" title="Lihat Detail" data-bs-toggle="modal" data-bs-target="#detailModal" onclick="setDetailModal({{ $withdraw->id }}, '{{ $withdraw->sales->user->name }}', '{{ $withdraw->sales->user->email }}', {{ $withdraw->amount }}, {{ $withdraw->admin_fee }}, {{ $withdraw->received_amount }}, '{{ $withdraw->date ? $withdraw->date->format('d M Y') : '-' }}', '{{ $withdraw->status }}', '{{ $withdraw->notes ?? '-' }}', '{{ $withdraw->proof_url ?? '' }}', '{{ $withdraw->sales->bank ?? '' }}', '{{ $withdraw->sales->account_name ?? '' }}', '{{ $withdraw->sales->account_number ?? '' }}')">
                                <i class="bi bi-eye"></i>
                            </button>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @else
            <div class="text-center py-5">
                <i class="bi bi-inbox fs-1 text-muted"></i>
                <p class="text-muted mt-3">Tidak ada data pencairan</p>
            </div>
        @endif
    </div>
    <!-- Pagination -->
    <div class="card-footer d-flex justify-content-between align-items-center">
        <div class="d-flex align-items-center">
            <span class="me-2">Tampilkan:</span>
            <select class="form-select form-select-sm" style="width: auto;" onchange="changePerPage(this.value)">
                <option value="5" {{ request('per_page') == 5 ? 'selected' : '' }}>5</option>
                <option value="10" {{ request('per_page') == 10 || !request('per_page') ? 'selected' : '' }}>10</option>
                <option value="20" {{ request('per_page') == 20 ? 'selected' : '' }}>20</option>
                <option value="50" {{ request('per_page') == 50 ? 'selected' : '' }}>50</option>
                <option value="100" {{ request('per_page') == 100 ? 'selected' : '' }}>100</option>
            </select>
            <span class="ms-2">per halaman</span>
        </div>
        <nav>
            <ul class="pagination pagination-sm mb-0">
                @if($withdraws->onFirstPage())
                    <li class="page-item disabled">
                        <span class="page-link"><i class="bi bi-chevron-left"></i></span>
                    </li>
                @else
                    <li class="page-item">
                        <a class="page-link" href="{{ $withdraws->appends(request()->query())->previousPageUrl() }}"><i class="bi bi-chevron-left"></i></a>
                    </li>
                @endif
                
                @foreach($withdraws->getUrlRange(1, $withdraws->lastPage()) as $page => $url)
                    @if($page == $withdraws->currentPage())
                        <li class="page-item active">
                            <span class="page-link">{{ $page }}</span>
                        </li>
                    @elseif($page == 1 || $page == $withdraws->lastPage() || ($page >= $withdraws->currentPage() - 1 && $page <= $withdraws->currentPage() + 1))
                        <li class="page-item">
                            <a class="page-link" href="{{ $withdraws->appends(request()->query())->url($page) }}">{{ $page }}</a>
                        </li>
                    @elseif($page == $withdraws->currentPage() - 2 || $page == $withdraws->currentPage() + 2)
                        <li class="page-item disabled">
                            <span class="page-link">...</span>
                        </li>
                    @endif
                @endforeach

                @if($withdraws->hasMorePages())
                    <li class="page-item">
                        <a class="page-link" href="{{ $withdraws->appends(request()->query())->nextPageUrl() }}"><i class="bi bi-chevron-right"></i></a>
                    </li>
                @else
                    <li class="page-item disabled">
                        <span class="page-link"><i class="bi bi-chevron-right"></i></span>
                    </li>
                @endif
            </ul>
        </nav>
    </div>
</div>

<!-- Approve Modal -->
<div class="modal fade" id="approveModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="bi bi-check-circle-fill text-success me-2"></i>
                    Approve Pencairan
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="info-box">
                    <h6>Detail Pencairan</h6>
                    <div class="row g-2">
                        <div class="col-6">
                            <div class="text-muted small">Sales</div>
                            <div class="fw-bold" id="approveSalesName">-</div>
                        </div>
                        <div class="col-6">
                            <div class="text-muted small">Nominal</div>
                            <div class="fw-bold" id="approveAmount">-</div>
                        </div>
                        <div class="col-6">
                            <div class="text-muted small">Biaya Admin</div>
                            <div class="fw-bold" id="approveAdminFee">-</div>
                        </div>
                        <div class="col-6">
                            <div class="text-muted small">Diterima</div>
                            <div class="fw-bold text-success" id="approveReceivedAmount">-</div>
                        </div>
                    </div>
                </div>
                <form method="POST" id="approveForm" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="withdraw_id" id="approveWithdrawId">
                    <div class="mb-3">
                        <label class="form-label">Upload Bukti Transfer</label>
                        <input type="file" name="proof" class="form-control" accept="image/*" required>
                        <div class="text-muted small mt-1">
                            <i class="bi bi-info-circle me-1"></i>
                            Format: JPG, PNG (Max 5MB)
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Catatan (Opsional)</label>
                        <textarea name="notes" class="form-control" rows="2" placeholder="Tambahkan catatan..."></textarea>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                <button type="button" class="btn btn-success" onclick="submitApprove()">
                    <i class="bi bi-check me-1"></i>
                    Approve & Upload
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Reject Modal -->
<div class="modal fade" id="rejectModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="bi bi-x-circle-fill text-danger me-2"></i>
                    Reject Pencairan
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="info-box" style="background: linear-gradient(135deg, #FEE2E2 0%, #FECACA 100%); border-color: #EF4444;">
                    <h6 style="color: #991B1B;">Detail Pencairan</h6>
                    <div class="row g-2">
                        <div class="col-6">
                            <div class="text-muted small">Sales</div>
                            <div class="fw-bold" id="rejectSalesName">-</div>
                        </div>
                        <div class="col-6">
                            <div class="text-muted small">Nominal</div>
                            <div class="fw-bold" id="rejectAmount">-</div>
                        </div>
                    </div>
                </div>
                <form method="POST" id="rejectForm">
                    @csrf
                    <input type="hidden" name="withdraw_id" id="rejectWithdrawId">
                    <div class="mb-3">
                        <label class="form-label">Alasan Reject <span class="text-danger">*</span></label>
                        <textarea name="notes" class="form-control" rows="4" placeholder="Jelaskan alasan penolakan..." required></textarea>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                <button type="button" class="btn btn-danger" onclick="submitReject()">
                    <i class="bi bi-x me-1"></i>
                    Reject
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Detail Modal -->
<div class="modal fade" id="detailModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="bi bi-info-circle-fill text-info me-2"></i>
                    Detail Pencairan
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <div class="card h-100">
                            <div class="card-body">
                                <h6 class="card-title text-primary mb-3">
                                    <i class="bi bi-person me-2"></i>Informasi Sales
                                </h6>
                                <div class="mb-2">
                                    <small class="text-muted">Nama Sales</small>
                                    <div class="fw-bold" id="detailSalesName">-</div>
                                </div>
                                <div class="mb-2">
                                    <small class="text-muted">Email</small>
                                    <div class="fw-bold" id="detailSalesEmail">-</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 mb-3">
                        <div class="card h-100">
                            <div class="card-body">
                                <h6 class="card-title text-info mb-3">
                                    <i class="bi bi-calendar3 me-2"></i>Status & Tanggal
                                </h6>
                                <div class="mb-2">
                                    <small class="text-muted">Tanggal Pengajuan</small>
                                    <div class="fw-bold" id="detailDate">-</div>
                                </div>
                                <div class="mb-2">
                                    <small class="text-muted">Status</small>
                                    <div id="detailStatus">-</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                <div class="row">
                <div class="col-md-6 mb-3">
                    <div class="card h-100">
                        <div class="card-body">
                            <h6 class="card-title text-success mb-3">
                                <i class="bi bi-cash-coin me-2"></i>Informasi Pencairan
                            </h6>
                            <div class="mb-2">
                                <small class="text-muted">Nominal Pengajuan</small>
                                <div class="fw-bold" id="detailAmount">-</div>
                            </div>
                            <div class="mb-2">
                                <small class="text-muted">Biaya Admin</small>
                                <div class="fw-bold text-warning" id="detailAdminFee">-</div>
                            </div>
                            <div class="mb-2">
                                <small class="text-muted">Jumlah Diterima</small>
                                <div class="fw-bold text-success fs-5" id="detailReceivedAmount">-</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 mb-3">
                    <div class="card h-100">
                        <div class="card-body">
                            <h6 class="card-title text-secondary mb-3">
                                <i class="bi bi-file-text me-2"></i>Rekening Sales
                            </h6>
                            <div class="mb-2">
                                <small class="text-muted">Nama Bank</small>
                                <div class="fw-bold" id="detailBank">-</div>
                            </div>
                            <div class="mb-2">
                                <small class="text-muted">Nama Pemilik Rekening</small>
                                <div class="fw-bold" id="detailAccountName">-</div>
                            </div>
                            <div class="mb-2">
                                <small class="text-muted">Nomor Rekening</small>
                                <div class="d-flex align-items-center gap-2">
                                    <div class="fw-bold" id="detailAccountNumber">-</div>
                                    <button class="btn btn-sm btn-outline-secondary" onclick="copyAccountNumber()" title="Salin Nomor Rekening">
                                        <i class="bi bi-clipboard"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer" id="detailModalFooter">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
            </div>
        </div>
    </div>
</div>

<script>
function changePerPage(perPage) {
    const urlParams = new URLSearchParams(window.location.search);
    urlParams.set('per_page', perPage);
    if (urlParams.has('page')) {
        urlParams.delete('page');
    }
    const newUrl = window.location.pathname + '?' + urlParams.toString();
    window.location.href = newUrl;
}
let currentWithdrawId = null;

// Copy account number to clipboard
function copyAccountNumber() {
    const accountNumber = document.getElementById('detailAccountNumber').textContent;
    navigator.clipboard.writeText(accountNumber).then(() => {
        AppAlert.success('Nomor rekening berhasil disalin!');
    }).catch(err => {
        console.error('Gagal menyalin nomor rekening:', err);
    });
}

// Set detail modal data
function setDetailModal(id, salesName, salesEmail, amount, adminFee, receivedAmount, date, status, notes, proof, bank, accountName, accountNumber) {
    currentWithdrawId = id;
    
    // Sales Information
    document.getElementById('detailSalesName').textContent = salesName;
    document.getElementById('detailSalesEmail').textContent = salesEmail;
    
    // Withdraw Information
    document.getElementById('detailAmount').textContent = 'Rp ' + amount.toLocaleString('id-ID');
    document.getElementById('detailAdminFee').textContent = 'Rp ' + adminFee.toLocaleString('id-ID');
    document.getElementById('detailReceivedAmount').textContent = 'Rp ' + receivedAmount.toLocaleString('id-ID');
    
    // Status & Date
    document.getElementById('detailDate').textContent = date;
    
    let statusBadge = '';
    let statusText = '';
    if (status === 'approved') {
        statusBadge = '<span class="badge badge-success fs-6">Disetujui</span>';
        statusText = 'Disetujui';
    } else if (status === 'pending') {
        statusBadge = '<span class="badge badge-warning fs-6">Pending</span>';
        statusText = 'Pending';
    } else {
        statusBadge = '<span class="badge badge-danger fs-6">Ditolak</span>';
        statusText = 'Ditolak';
    }
    document.getElementById('detailStatus').innerHTML = statusBadge;
    
    // Bank Account Information
    const bankElement = document.getElementById('detailBank');
    const accountNameElement = document.getElementById('detailAccountName');
    const accountNumberElement = document.getElementById('detailAccountNumber');
    
    if (bankElement) bankElement.textContent = bank || '-';
    if (accountNameElement) accountNameElement.textContent = accountName || '-';
    if (accountNumberElement) accountNumberElement.textContent = accountNumber || '-';

    // Update footer based on status
    const footer = document.getElementById('detailModalFooter');
    let footerHtml = '<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>';
    
    if (status === 'pending') {
        // For pending withdrawals, show approve and reject buttons
        footerHtml += `
            <button type="button" class="btn btn-success" onclick="openApproveModalFromDetail()">
                <i class="bi bi-check-circle me-1"></i>
                Setujui
            </button>
            <button type="button" class="btn btn-danger" onclick="openRejectModalFromDetail()">
                <i class="bi bi-x-circle me-1"></i>
                Tolak
            </button>
        `;
    }
    
    footer.innerHTML = footerHtml;
}

// Open approve modal from detail
function openApproveModalFromDetail() {
    // Close detail modal
    bootstrap.Modal.getInstance(document.getElementById('detailModal')).hide();
    
    // Set approve modal data
    const salesName = document.getElementById('detailSalesName').textContent;
    const amount = document.getElementById('detailAmount').textContent;
    const adminFee = document.getElementById('detailAdminFee').textContent;
    const receivedAmount = document.getElementById('detailReceivedAmount').textContent;
    
    // Parse amounts (remove "Rp " and format)
    const amountNum = parseInt(amount.replace(/[^\d]/g, ''));
    const adminFeeNum = parseInt(adminFee.replace(/[^\d]/g, ''));
    const receivedAmountNum = parseInt(receivedAmount.replace(/[^\d]/g, ''));
    
    setApproveModal(currentWithdrawId, salesName, amountNum, adminFeeNum, receivedAmountNum);
    
    // Show approve modal
    new bootstrap.Modal(document.getElementById('approveModal')).show();
}

// Open reject modal from detail
function openRejectModalFromDetail() {
    // Close detail modal
    bootstrap.Modal.getInstance(document.getElementById('detailModal')).hide();
    
    // Set reject modal data
    const salesName = document.getElementById('detailSalesName').textContent;
    const amount = document.getElementById('detailAmount').textContent;
    const amountNum = parseInt(amount.replace(/[^\d]/g, ''));
    
    setRejectModal(currentWithdrawId, salesName, amountNum);
    
    // Show reject modal
    new bootstrap.Modal(document.getElementById('rejectModal')).show();
}

// Set approve modal data
function setApproveModal(id, salesName, amount, adminFee, receivedAmount) {
    currentWithdrawId = id;
    document.getElementById('approveSalesName').textContent = salesName;
    document.getElementById('approveAmount').textContent = 'Rp ' + amount.toLocaleString('id-ID');
    document.getElementById('approveAdminFee').textContent = 'Rp ' + adminFee.toLocaleString('id-ID');
    document.getElementById('approveReceivedAmount').textContent = 'Rp ' + receivedAmount.toLocaleString('id-ID');
    document.getElementById('approveWithdrawId').value = id;
    document.getElementById('approveForm').action = '/super-admin/withdraw/' + id + '/approve';
}

// Set reject modal data
function setRejectModal(id, salesName, amount) {
    currentWithdrawId = id;
    document.getElementById('rejectSalesName').textContent = salesName;
    document.getElementById('rejectAmount').textContent = 'Rp ' + amount.toLocaleString('id-ID');
    document.getElementById('rejectWithdrawId').value = id;
    document.getElementById('rejectForm').action = '/super-admin/withdraw/' + id + '/reject';
}

// Show reject reason
function showRejectReason(reason) {
    Swal.fire({
        title: 'Alasan Penolakan',
        text: reason,
        icon: 'info',
        confirmButtonColor: '#3B82F6',
        showClass: {
            popup: 'animate__animated animate__fadeInDown'
        },
        hideClass: {
            popup: 'animate__animated animate__fadeOutUp'
        }
    });
}

// Submit approve form
function submitApprove() {
    const form = document.getElementById('approveForm');
    const fileInput = form.querySelector('input[name="proof"]');
    
    if (!fileInput.files.length) {
        AppAlert.warning('Silakan upload bukti transfer.');
        return;
    }
    
    AppAlert.update(
        'Approve Pencairan?',
        'Apakah Anda yakin ingin menyetujui pencairan ini?',
        function() {
            form.submit();
        }
    );
}

// Submit reject form
function submitReject() {
    const form = document.getElementById('rejectForm');
    const notesInput = form.querySelector('textarea[name="notes"]');
    
    if (!notesInput.value.trim()) {
        AppAlert.warning('Silakan isi alasan penolakan.');
        return;
    }
    
    AppAlert.delete(
        'Reject Pencairan?',
        'Apakah Anda yakin ingin menolak pencairan ini?',
        function() {
            form.submit();
        }
    );
}

</script>
@endsection