@extends('layouts.admin')
@section('title', 'Wholesale applications')
@section('content')
@php
  $tone = fn ($s) => match ($s) { 'approved' => 'success', 'rejected' => 'danger', 'pending' => 'warning', default => 'muted' };
  $pills = [
    ['label' => 'All', 'url' => route('admin.wholesale.applications.index'), 'active' => ! request('status')],
    ['label' => 'Pending', 'url' => route('admin.wholesale.applications.index', ['status' => 'pending']), 'active' => request('status') === 'pending', 'count' => $stats['pending']],
    ['label' => 'Approved', 'url' => route('admin.wholesale.applications.index', ['status' => 'approved']), 'active' => request('status') === 'approved', 'count' => $stats['approved']],
    ['label' => 'Rejected', 'url' => route('admin.wholesale.applications.index', ['status' => 'rejected']), 'active' => request('status') === 'rejected', 'count' => $stats['rejected']],
  ];
@endphp
<x-crm.shell title="Wholesale applications" subtitle="Review trade accounts, approve price-list access, and keep a clear audit trail.">
    <x-slot:actions>
        <a href="{{ route('admin.wholesale.accounts.index') }}" class="admin-btn">Trade accounts</a>
    </x-slot:actions>
    <x-slot:stats>
        <x-crm.stat label="Pending" :value="$stats['pending']" :href="route('admin.wholesale.applications.index', ['status' => 'pending'])" :tone="$stats['pending'] ? 'warning' : null" />
        <x-crm.stat label="Approved" :value="$stats['approved']" tone="success" :href="route('admin.wholesale.applications.index', ['status' => 'approved'])" />
        <x-crm.stat label="Rejected" :value="$stats['rejected']" :href="route('admin.wholesale.applications.index', ['status' => 'rejected'])" />
    </x-slot:stats>
    <x-slot:filters>
        <x-crm.pills :items="$pills" />
    </x-slot:filters>

    <div class="space-y-3 p-4 sm:p-6 lg:px-8">
        @forelse($applications as $application)
            <article class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)] crm-fade-in">
                <div class="flex flex-wrap items-start justify-between gap-3">
                    <div class="flex items-start gap-3">
                        <x-crm.avatar :name="$application->company_name" />
                        <div>
                            <div class="flex flex-wrap items-center gap-2">
                                <h2 class="text-base font-semibold text-[#202223]">{{ $application->company_name }}</h2>
                                <x-admin.badge :tone="$tone($application->status)">{{ $application->status }}</x-admin.badge>
                            </div>
                            <p class="mt-1 text-sm text-[#6d7175]">{{ $application->contact_name }} · {{ $application->email }}@if($application->phone) · {{ $application->phone }}@endif</p>
                            <p class="mt-1 text-xs text-[#8c9196]">Submitted {{ $application->created_at?->format('d M Y H:i') }}</p>
                        </div>
                    </div>
                    @if($application->status === 'pending')
                        <form method="post" action="{{ route('admin.wholesale.applications.reject', $application) }}" class="flex gap-2">
                            @csrf
                            <input name="note" class="admin-input max-w-[12rem]" placeholder="Rejection note">
                            <button class="admin-btn">Reject</button>
                        </form>
                    @elseif($application->reviewed_at)
                        <div class="text-xs text-[#6d7175]">
                            Reviewed {{ $application->reviewed_at->format('d M Y') }}@if($application->reviewer) by {{ $application->reviewer->name }}@endif
                            @if($application->review_note)<div class="mt-1 max-w-xs">{{ $application->review_note }}</div>@endif
                            @if($application->status === 'approved' && $application->crm_company_id)
                                <a href="{{ route('admin.wholesale.accounts.show', $application->crm_company_id) }}" class="mt-1 inline-block font-medium text-[var(--color-gold-dark)] hover:underline">Open account →</a>
                            @endif
                        </div>
                    @endif
                </div>
                @if(is_array($application->payload) && count($application->payload))
                    <div class="mt-4 grid gap-2 border-t border-[var(--color-admin-border)] pt-4 sm:grid-cols-3">
                        @foreach(collect($application->payload)->except(['company_name', 'contact_name', 'email', 'phone']) as $key => $value)
                            @continue($value === null || $value === '' || $value === [])
                            <div class="text-xs">
                                <div class="uppercase tracking-wide text-[#8c9196]">{{ str_replace('_',' ', $key) }}</div>
                                <div class="mt-0.5 text-sm text-[#202223]">{{ is_scalar($value) ? $value : implode(', ', (array) $value) }}</div>
                            </div>
                        @endforeach
                    </div>
                @endif
                @if($application->status === 'pending')
                    <form method="post" action="{{ route('admin.wholesale.applications.approve', $application) }}" class="mt-4 grid gap-3 rounded-xl bg-[#f6f6f7] p-4 sm:grid-cols-2 lg:grid-cols-6">
                        @csrf
                        <label class="text-xs text-[#6d7175]">Tier
                            <select name="wholesale_tier_id" class="admin-input mt-1 w-full">
                                @foreach($tiers as $tier)<option value="{{ $tier->id }}">{{ $tier->name }} · {{ $tier->discountLabel() }}</option>@endforeach
                                @if($tiers->isEmpty())<option value="">No tiers yet</option>@endif
                            </select>
                        </label>
                        <label class="text-xs text-[#6d7175]">Payment terms
                            <select name="payment_term_id" class="admin-input mt-1 w-full">
                                <option value="">Tier default</option>
                                @foreach($paymentTerms as $term)<option value="{{ $term->id }}">{{ $term->name }}</option>@endforeach
                            </select>
                        </label>
                        <label class="text-xs text-[#6d7175]">Price list
                            <select name="price_list_id" class="admin-input mt-1 w-full">
                                <option value="">Retail prices</option>
                                @foreach($priceLists as $list)<option value="{{ $list->id }}">{{ $list->name }}</option>@endforeach
                            </select>
                        </label>
                        <label class="text-xs text-[#6d7175]">Credit limit (AUD)
                            <input name="credit_limit" type="number" min="0" step="100" class="admin-input mt-1 w-full" placeholder="Tier default">
                        </label>
                        <label class="text-xs text-[#6d7175] lg:col-span-2">Internal approval note
                            <div class="mt-1 flex gap-2">
                                <input name="note" class="admin-input w-full" placeholder="e.g. Verified ABN, referred by…">
                                <button class="admin-btn admin-btn-primary whitespace-nowrap">Approve &amp; open account</button>
                            </div>
                        </label>
                    </form>
                @endif
            </article>
        @empty
            <x-admin.empty title="No wholesale applications" description="Inbound wholesale form submissions will queue here for review." />
        @endforelse
        <div class="pt-2">{{ $applications->links() }}</div>
    </div>
</x-crm.shell>
@endsection