{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: accounts.blade.php
------------------------------------------------------
Use: Review of the bank accounts users filed. Nothing is
     paid out to an account until it is approved here.
=====================================================
--}}

@extends('layouts.admin')

@section('title', __('admin.bank_accounts.title'))

@section('breadcrumb')
    <x-ui.breadcrumb :items="[
        ['label' => __('admin.breadcrumb.home'), 'url' => route('admin.users.index')],
        ['label' => __('admin.withdrawals.breadcrumb'), 'url' => route('admin.withdrawals.index')],
        ['label' => __('admin.bank_accounts.breadcrumb')],
    ]" />
@endsection

@section('page')
    @php
        $canManage = auth('admin')->user()->allowed('withdrawals.manage');
        $pendingAccounts = \App\Models\BankAccount::query()->where('status', \App\Models\BankAccount::STATUS_PENDING)->count();
    @endphp

    <div class="mb-5">
        <h1 class="mb-1 text-2xl font-bold tracking-tight">{{ __('admin.bank_accounts.title') }}</h1>
        <p class="text-sm text-ink-muted">{{ __('admin.bank_accounts.subtitle') }}</p>
    </div>

    <x-ui.info-box class="mb-5">
        {{ __('admin.bank_accounts.info') }}
    </x-ui.info-box>

    <x-admin.payout-tabs />

    <div class="rounded-2xl border border-line bg-white p-5">
        <div class="mb-4.5 flex flex-wrap items-center justify-between gap-3.5">
            <div class="inline-flex flex-wrap gap-0.5 rounded-xl bg-[#f2f0fa] p-1">
                @foreach (__('admin.bank_accounts.filters') as $key => $label)
                    <a href="{{ route('admin.withdrawals.accounts', array_filter(['status' => $key === 'all' ? null : $key, 'q' => $search ?: null])) }}"
                       @class([
                           'rounded-[9px] px-4 py-2 text-[13px] font-bold transition',
                           'bg-white text-primary-600 shadow-sm' => $status === $key,
                           'text-ink-muted hover:text-primary-600' => $status !== $key,
                       ])>{{ $label }}</a>
                @endforeach
            </div>

            <form method="GET" action="{{ route('admin.withdrawals.accounts') }}" class="flex items-center rounded-[11px] border-[1.5px] border-[#e3e1ec] bg-[#fbfbfd] px-3 transition focus-within:border-primary-600 focus-within:bg-white">
                @if ($status !== 'all')
                    <input type="hidden" name="status" value="{{ $status }}">
                @endif
                <svg class="size-4 shrink-0 text-ink-faint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><line x1="21" y1="21" x2="16.5" y2="16.5"/></svg>
                <input type="text" name="q" value="{{ $search }}" placeholder="{{ __('admin.bank_accounts.search_placeholder') }}" class="w-44 border-none bg-transparent px-2 py-2.5 text-[13px] outline-none placeholder:text-ink-faint sm:w-60">
            </form>
        </div>

        <div class="overflow-x-auto rounded-[14px] border border-[#f0eff5]">
            <table class="w-full min-w-[900px] border-collapse text-right text-[13.5px]">
                <thead>
                    <tr class="bg-[#faf9fd] text-ink-muted">
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.bank_accounts.columns.user') }}</th>
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.bank_accounts.columns.bank') }}</th>
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.bank_accounts.columns.card') }}</th>
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.bank_accounts.columns.sheba') }}</th>
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.bank_accounts.columns.date') }}</th>
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.bank_accounts.columns.status') }}</th>
                        @if ($canManage)
                            <th class="px-4.5 py-3.5 font-bold">{{ __('admin.bank_accounts.columns.actions') }}</th>
                        @endif
                    </tr>
                </thead>
                <tbody>
                    @forelse ($accounts as $account)
                        <tr class="border-t border-[#f0eff5]">
                            <td class="px-4.5 py-3.5">
                                @if ($account->user)
                                    <a href="{{ route('admin.users.show', $account->user) }}" target="_blank" class="font-bold transition hover:text-primary-600">{{ $account->user->fullName() }}</a>
                                    <span class="block text-[11.5px] text-ink-faint" dir="ltr">@fa($account->user->mobile)</span>
                                @else
                                    <span class="text-ink-faint">&mdash;</span>
                                @endif
                            </td>
                            <td class="px-4.5 py-3.5 text-ink-soft">
                                <div class="flex items-center gap-2.5">
                                    <x-ui.bank-mark :account="$account" />
                                    <span>
                                        {{ $account->bankName() }}
                                        @if ($account->is_default)
                                            <span class="mr-1 rounded-md bg-[#efeafb] px-1.5 py-0.5 text-[10.5px] font-bold text-primary-600">{{ __('admin.bank_accounts.default') }}</span>
                                        @endif
                                    </span>
                                </div>
                            </td>
                            {{-- Full number, ASCII digits, click to copy: an operator
                                 pastes this into a banking form. --}}
                            <td class="px-4.5 py-3.5 text-right!">
                                <x-ui.copyable :value="$account->card_number" :display="$account->formattedCard()" class="text-[13px]" />
                            </td>
                            <td class="px-4.5 py-3.5 text-right!">
                                <x-ui.copyable :value="'IR'.$account->sheba" :display="$account->formattedSheba()" class="text-[12.5px] font-normal! text-ink-soft" />
                            </td>
                            <td class="px-4.5 py-3.5 text-ink-soft">@jalali($account->created_at)</td>
                            <td class="px-4.5 py-3.5">
                                <span @class([
                                    'rounded-2xl px-[11px] py-[5px] text-xs font-bold',
                                    'bg-[#fff5e6] text-amber-600' => $account->isPending(),
                                    'bg-[#e7f7ee] text-green-600' => $account->isApproved(),
                                    'bg-secondary-50 text-secondary-500' => $account->status === \App\Models\BankAccount::STATUS_REJECTED,
                                ])>{{ __("admin.bank_accounts.statuses.{$account->status}") }}</span>

                                @if ($account->reject_reason !== null)
                                    <span class="mt-1 block text-[11px] text-secondary-500">{{ $account->reject_reason }}</span>
                                @endif
                            </td>
                            @if ($canManage)
                                <td class="px-4.5 py-3.5">
                                    @if ($account->isPending())
                                        <div class="flex gap-2">
                                            <form method="POST" action="{{ route('admin.withdrawals.accounts.approve', $account) }}" x-data="{ busy: false }"
                                                  x-on:submit.prevent="$store.confirm.ask({ message: @js(__('admin.bank_accounts.confirm_approve', ['card' => \App\Support\Format::persianDigits($account->maskedCard()), 'user' => $account->user?->fullName() ?? ''])), onConfirm: () => { busy = true; $el.submit(); } })">
                                                @csrf
                                                <button type="submit" x-bind:disabled="busy" class="rounded-[10px] bg-[#e7f7ee] px-3 py-1.5 text-[12.5px] font-bold text-green-600 transition hover:bg-[#d6f0e2] disabled:opacity-60">
                                                    {{ __('admin.bank_accounts.approve') }}
                                                </button>
                                            </form>

                                            <form method="POST" action="{{ route('admin.withdrawals.accounts.reject', $account) }}" x-data="{ busy: false }"
                                                  x-on:submit.prevent="$store.confirm.ask({ message: @js(__('admin.bank_accounts.confirm_reject', ['card' => \App\Support\Format::persianDigits($account->maskedCard())])), onConfirm: () => { busy = true; $el.submit(); } })">
                                                @csrf
                                                <button type="submit" x-bind:disabled="busy" class="rounded-[10px] bg-secondary-50 px-3 py-1.5 text-[12.5px] font-bold text-secondary-500 transition hover:bg-secondary-100 disabled:opacity-60">
                                                    {{ __('admin.bank_accounts.reject') }}
                                                </button>
                                            </form>
                                        </div>
                                    @else
                                        <span class="text-ink-faint">&mdash;</span>
                                    @endif
                                </td>
                            @endif
                        </tr>
                    @empty
                        <tr class="border-t border-[#f0eff5]">
                            <td colspan="{{ $canManage ? 7 : 6 }}" class="px-4.5 py-10 text-center text-sm text-ink-muted">
                                {{ $search !== ''
                                    ? __('admin.bank_accounts.empty')
                                    : __("admin.bank_accounts.empty_filtered.{$status}") }}
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if ($accounts->hasPages())
            <div class="mt-4">{{ $accounts->links() }}</div>
        @endif
    </div>
@endsection