{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: gateways.blade.php
------------------------------------------------------
Use: Admin gateway-request queue: shops awaiting a website
     review before their gateway is granted. The operator
     opens the site, checks the e-namad seal and legality,
     then approves or rejects (the merchant is told in-site
     and by SMS).
=====================================================
--}}

@extends('layouts.admin')

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

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

@section('page')
    @php $canReview = auth('admin')->user()->allowed('requests.gateways_review'); @endphp

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

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

    <x-admin.request-tabs />

    <div class="rounded-2xl border border-line bg-white p-5">
        {{-- Status filter; the ones needing review sit on top regardless. --}}
        <div class="mb-4.5 inline-flex flex-wrap gap-0.5 rounded-xl bg-[#f2f0fa] p-1">
            @foreach (__('admin.gateways.filters') as $key => $label)
                <a href="{{ route('admin.requests.gateways', ['status' => $key === 'all' ? null : $key]) }}"
                   @class([
                       'flex items-center gap-2 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 }}
                    @if ($key === 'pending' && $pendingCount > 0)
                        <span class="flex h-5 min-w-5 items-center justify-center rounded-full bg-secondary-500 px-1.5 text-[11px] font-bold text-white">@fa($pendingCount)</span>
                    @endif
                </a>
            @endforeach
        </div>

        <div class="overflow-x-auto rounded-[14px] border border-[#f0eff5]">
            <table class="w-full min-w-[880px] 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.gateways.columns.shop') }}</th>
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.gateways.columns.website') }}</th>
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.gateways.columns.user') }}</th>
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.gateways.columns.status') }}</th>
                        <th class="px-4.5 py-3.5 font-bold">{{ __('admin.gateways.columns.submitted_at') }}</th>
                        @if ($canReview)
                            <th class="px-4.5 py-3.5 text-center font-bold">{{ __('admin.gateways.columns.actions') }}</th>
                        @endif
                    </tr>
                </thead>
                <tbody>
                    @forelse ($shops as $shop)
                        <tr class="border-t border-[#f0eff5]">
                            <td class="px-4.5 py-3.5">
                                <a href="{{ route('admin.shops.show', $shop) }}" target="_blank" class="font-bold text-ink transition hover:text-primary-600">{{ $shop->name }}</a>
                            </td>
                            <td class="px-4.5 py-3.5" dir="ltr">
                                <a href="{{ $shop->website_url }}" target="_blank" rel="noopener" class="font-bold text-primary-600 underline decoration-primary-300 underline-offset-4 transition hover:text-primary-700">{{ $shop->website_url }}</a>
                            </td>
                            <td class="px-4.5 py-3.5 text-ink-soft">{{ $shop->user?->fullName() }}</td>
                            <td class="px-4.5 py-3.5">
                                <span @class([
                                    'inline-block rounded-2xl px-2.5 py-1 text-[11px] font-bold',
                                    'bg-[#fff5e6] text-amber-600' => $shop->websitePending(),
                                    'bg-[#e7f7ee] text-green-600' => $shop->websiteApproved(),
                                    'bg-secondary-50 text-secondary-500' => $shop->websiteRejected(),
                                ])>{{ __('admin.gateways.statuses.'.$shop->website_status) }}</span>
                                @if ($shop->websiteRejected() && $shop->website_reject_reason)
                                    <div class="mt-1 max-w-[220px] text-[11px] leading-5 text-ink-faint">{{ $shop->website_reject_reason }}</div>
                                @endif
                            </td>
                            <td class="whitespace-nowrap px-4.5 py-3.5 text-ink-soft">@jalaliDateTime($shop->website_reviewed_at ?? $shop->updated_at)</td>
                            @if ($canReview)
                                <td class="px-4.5 py-3.5">
                                    <div x-data class="flex items-center justify-center gap-2">
                                        <form method="POST" action="{{ route('admin.requests.gateways.approve', $shop) }}" x-ref="approveForm" class="hidden">@csrf</form>
                                        <form method="POST" action="{{ route('admin.requests.gateways.reject', $shop) }}" x-ref="rejectForm" class="hidden"><input type="hidden" name="reason" x-ref="reason">@csrf</form>
                                        @unless ($shop->websiteApproved())
                                            <button type="button"
                                                    x-on:click="$store.confirm.ask({ message: @js(__('admin.gateways.approve_confirm', ['website' => $shop->website_url])), onConfirm: () => $refs.approveForm.submit() })"
                                                    class="rounded-[9px] bg-[#e7f7ee] px-4 py-2 text-[12.5px] font-bold text-green-600 transition hover:bg-[#d6f0e1]">{{ __('admin.gateways.approve') }}</button>
                                        @endunless
                                        @unless ($shop->websiteRejected())
                                            <button type="button"
                                                    x-on:click="$store.confirm.ask({ message: @js($shop->websiteApproved() ? __('admin.gateways.rereject_confirm') : __('admin.gateways.reject_confirm')), prompt: { label: @js(__('admin.gateways.reject_reason_label')), placeholder: @js(__('admin.gateways.reject_reason_placeholder')) }, onConfirm: (reason) => { $refs.reason.value = reason ?? ''; $refs.rejectForm.submit(); } })"
                                                    class="rounded-[9px] bg-secondary-50 px-4 py-2 text-[12.5px] font-bold text-secondary-500 transition hover:bg-secondary-100">{{ $shop->websiteApproved() ? __('admin.gateways.reject_active') : __('admin.gateways.reject') }}</button>
                                        @endunless
                                    </div>
                                </td>
                            @endif
                        </tr>
                    @empty
                        <tr class="border-t border-[#f0eff5]">
                            <td colspan="{{ $canReview ? 6 : 5 }}" class="px-4.5 py-10 text-center text-sm text-ink-muted">{{ __('admin.gateways.empty') }}</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="mt-4">{{ $shops->links() }}</div>
    </div>
@endsection