@extends('layouts.admin')
@section('title', 'Wholesale accounts')
@section('content')
@php
  $money = fn (int $cents) => 'AUD '.number_format($cents / 100);
  $pills = [
    ['label' => 'All', 'url' => route('admin.wholesale.accounts.index'), 'active' => ! request('status') && ! request('tier')],
    ['label' => 'Active', 'url' => route('admin.wholesale.accounts.index', ['status' => 'approved']), 'active' => request('status') === 'approved', 'count' => $stats['accounts']],
    ['label' => 'Suspended', 'url' => route('admin.wholesale.accounts.index', ['status' => 'suspended']), 'active' => request('status') === 'suspended'],
  ];
  foreach ($tiers as $tier) {
      $pills[] = ['label' => $tier->name, 'url' => route('admin.wholesale.accounts.index', ['tier' => $tier->id]), 'active' => (int) request('tier') === $tier->id];
  }
@endphp
<x-crm.shell title="Wholesale accounts" subtitle="Trade partners, their tiers, credit exposure and spend.">
    <x-slot:actions>
        <a href="{{ route('admin.wholesale.applications.index', ['status' => 'pending']) }}" class="admin-btn">Applications @if($stats['pending_applications'])<span class="ml-1 rounded-full bg-[var(--color-warning)] px-1.5 text-[11px] text-white">{{ $stats['pending_applications'] }}</span>@endif</a>
        <a href="{{ route('admin.wholesale.tiers.index') }}" class="admin-btn">Tiers</a>
        <a href="{{ route('admin.wholesale.rules.index') }}" class="admin-btn admin-btn-primary">Volume discounts</a>
    </x-slot:actions>
    <x-slot:stats>
        <x-crm.stat label="Active accounts" :value="$stats['accounts']" tone="success" />
        <x-crm.stat label="Trade revenue · 30 days" :value="$money($stats['revenue_30d'])" />
        <x-crm.stat label="Outstanding on account" :value="$money($stats['outstanding'])" />
        <x-crm.stat label="Overdue" :value="$money($stats['overdue'])" :tone="$stats['overdue'] ? 'danger' : null" />
        <x-crm.stat label="Applications waiting" :value="$stats['pending_applications']" :href="route('admin.wholesale.applications.index', ['status' => 'pending'])" :tone="$stats['pending_applications'] ? 'warning' : null" />
    </x-slot:stats>
    <x-slot:filters>
        <div class="flex flex-wrap items-center justify-between gap-3">
            <x-crm.pills :items="$pills" />
            <form method="get" class="flex gap-2">
                @foreach(request()->only('status', 'tier') as $key => $value)<input type="hidden" name="{{ $key }}" value="{{ $value }}">@endforeach
                <input name="q" value="{{ request('q') }}" class="admin-input w-64" placeholder="Search company or email">
            </form>
        </div>
    </x-slot:filters>

    <div class="p-4 sm:p-6 lg:px-8">
        <div class="admin-table-shell">
            <div class="admin-table-wrap">
                <table class="admin-table">
                    <thead>
                        <tr><th>Company</th><th>Tier</th><th>Terms</th><th class="text-right">Lifetime spend</th><th>Credit used</th><th class="text-right">Team</th><th>Status</th><th></th></tr>
                    </thead>
                    <tbody>
                        @forelse($companies as $company)
                            @php
                              $outstanding = (int) $company->outstanding_cents;
                              $limit = (int) $company->credit_limit_cents;
                              $ratio = $limit > 0 ? min(1, $outstanding / $limit) : 0;
                            @endphp
                            <tr>
                                <td>
                                    <a href="{{ route('admin.wholesale.accounts.show', $company) }}" class="font-medium text-[#2c6ecb] hover:underline">{{ $company->name }}</a>
                                    <div class="text-xs text-[#6d7175]">{{ $company->email }} · since {{ $company->wholesale_approved_at?->format('M Y') ?? '—' }}</div>
                                </td>
                                <td>
                                    @if($company->tier)
                                        <span class="inline-flex items-center gap-1.5 text-sm font-medium"><span class="h-2.5 w-2.5 rounded-full" style="background: {{ $company->tier->color }}"></span>{{ $company->tier->name }}</span>
                                    @else
                                        <span class="text-[#8c9196]">—</span>
                                    @endif
                                </td>
                                <td class="text-sm">{{ $company->paymentTerm?->name ?? 'Proforma' }}</td>
                                <td class="text-right tabular-nums">{{ $money((int) $company->wholesale_spend_cents) }}</td>
                                <td class="min-w-[160px]">
                                    @if($limit > 0)
                                        <div class="flex justify-between text-xs text-[#6d7175]"><span>{{ $money($outstanding) }}</span><span>{{ $money($limit) }}</span></div>
                                        <div class="mt-1 h-1.5 overflow-hidden rounded-full bg-[#e4e5e7]"><span class="block h-full rounded-full {{ $ratio > .9 ? 'bg-[var(--color-danger)]' : ($ratio > .7 ? 'bg-[var(--color-warning)]' : 'bg-[var(--color-success)]') }}" style="width: {{ $ratio * 100 }}%"></span></div>
                                    @else
                                        <span class="text-xs text-[#8c9196]">No credit line{{ $outstanding ? ' · '.$money($outstanding).' owing' : '' }}</span>
                                    @endif
                                </td>
                                <td class="text-right tabular-nums">{{ $company->members_count }}</td>
                                <td><x-admin.badge :tone="$company->wholesale_status === 'approved' ? 'success' : 'danger'">{{ $company->wholesale_status === 'approved' ? 'active' : 'suspended' }}</x-admin.badge></td>
                                <td class="text-right"><a href="{{ route('admin.wholesale.accounts.show', $company) }}" class="admin-btn !py-1 text-xs">Open</a></td>
                            </tr>
                        @empty
                            <tr><td colspan="8" class="p-8"><x-admin.empty title="No wholesale accounts yet" body="Approve an application to open the first trade account." /></td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        <div class="pt-4">{{ $companies->links() }}</div>
    </div>
</x-crm.shell>
@endsection