{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: applications.blade.php
------------------------------------------------------
Use: Operator queue of shop applications filed by regular
     users. Approve upgrades the user to a merchant and
     brings the shop live; reject leaves them a normal user.
=====================================================
--}}

@extends('layouts.admin')

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

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

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

    <h1 class="mb-1 text-2xl font-bold tracking-tight">{{ __('admin.shops.title') }}</h1>

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

    <div class="overflow-hidden rounded-2xl border border-line bg-white">
        <div class="overflow-x-auto">
            <table class="w-full min-w-[820px] text-right text-[13.5px]">
                <thead class="bg-[#faf9fd] text-xs text-ink-muted">
                    <tr>
                        <th class="px-5 py-3.5 font-bold">{{ __('admin.shops.columns.shop') }}</th>
                        <th class="px-5 py-3.5 font-bold">{{ __('admin.shops.columns.owner') }}</th>
                        <th class="px-5 py-3.5 font-bold">{{ __('admin.shops.columns.support_phone') }}</th>
                        <th class="px-5 py-3.5 font-bold">{{ __('admin.shops.columns.date') }}</th>
                        <th class="px-5 py-3.5 font-bold">{{ __('admin.shops.columns.actions') }}</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-line">
                    @forelse ($applications as $shop)
                        <tr>
                            <td class="px-5 py-4">
                                <div class="flex items-center gap-3">
                                    <span class="flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-xl border border-line bg-[#faf9fd]">
                                        @if ($shop->logo_path)
                                            <img src="{{ route('media.shop-logo', $shop) }}" alt="{{ $shop->name }}" class="size-full object-cover">
                                        @else
                                            <svg class="size-5 text-ink-faint" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M4 9.5 5.2 4h13.6L20 9.5"/><path d="M5.5 12v8h13v-8"/></svg>
                                        @endif
                                    </span>
                                    <div class="min-w-0">
                                        <div class="font-bold">{{ $shop->name }}</div>
                                        <div class="text-[12px] text-ink-faint" dir="ltr">{{ $shop->slug }}</div>
                                    </div>
                                </div>
                            </td>
                            <td class="px-5 py-4">
                                <a href="{{ route('admin.users.show', $shop->user) }}" target="_blank" class="font-bold transition hover:text-primary-600">{{ $shop->user?->fullName() ?? '—' }}</a>
                            </td>
                            <td class="px-5 py-4 text-ink-soft" dir="ltr">{{ $shop->support_phone ? \App\Support\Format::persianDigits($shop->support_phone) : '—' }}</td>
                            <td class="px-5 py-4 text-ink-soft">@jalali($shop->created_at)</td>
                            <td class="px-5 py-4">
                                @if ($canReview)
                                    <div class="flex items-center gap-2">
                                        <form method="POST" action="{{ route('admin.shops.approve', $shop) }}" x-data="{ busy: false }"
                                              x-on:submit.prevent="$store.confirm.ask({ message: @js(__('admin.shops.confirm_approve')), onConfirm: () => { busy = true; $el.submit(); } })">
                                            @csrf
                                            <button type="submit" x-bind:disabled="busy" class="rounded-lg bg-primary-600 px-4 py-2 text-[12.5px] font-bold text-white transition hover:bg-primary-700 disabled:opacity-60">{{ __('admin.shops.approve') }}</button>
                                        </form>
                                        <form method="POST" action="{{ route('admin.shops.reject', $shop) }}" x-data="{ busy: false }"
                                              x-on:submit.prevent="$store.confirm.ask({ message: @js(__('admin.shops.confirm_reject')), onConfirm: () => { busy = true; $el.submit(); } })">
                                            @csrf
                                            <button type="submit" x-bind:disabled="busy" class="rounded-lg bg-secondary-50 px-4 py-2 text-[12.5px] font-bold text-secondary-500 transition hover:bg-[#fbd5d9] disabled:opacity-60">{{ __('admin.shops.reject') }}</button>
                                        </form>
                                    </div>
                                @else
                                    <span class="text-ink-faint">—</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="px-5 py-12 text-center text-sm text-ink-muted">{{ __('admin.shops.empty') }}</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection