@extends('layouts.admin')
@section('title', 'CRM Companies')
@section('content')
@php
  $columns = ['name'=>'Company','email'=>'Email','contacts'=>'Contacts','phone'=>'Phone','wholesale'=>'Wholesale','actions'=>''];
  $tone = fn ($s) => match ($s) { 'approved' => 'success', 'pending' => 'warning', 'rejected' => 'danger', default => 'muted' };
  $pills = [
    ['label' => 'All', 'url' => route('admin.crm.companies.index'), 'active' => ! request('wholesale')],
    ['label' => 'Approved', 'url' => route('admin.crm.companies.index', ['wholesale' => 'approved']), 'active' => request('wholesale') === 'approved', 'count' => $stats['approved']],
  ];
@endphp
<x-crm.shell title="Companies" subtitle="B2B accounts with contacts and deal linkage.">
    <x-slot:stats>
        <x-crm.stat label="Companies" :value="$stats['total']" />
        <x-crm.stat label="Wholesale approved" :value="$stats['approved']" tone="success" :href="route('admin.crm.companies.index', ['wholesale' => 'approved'])" />
        <x-crm.stat label="Applications pending" :value="$stats['pending']" :tone="$stats['pending'] ? 'warning' : null" />
    </x-slot:stats>
    <x-slot:filters>
        <x-crm.pills :items="$pills" />
    </x-slot:filters>

    <div class="p-4 sm:p-6 lg:px-8">
        <x-admin.advanced-table id="companies" :search-url="route('admin.crm.companies.index')" search-placeholder="Search name, email, ABN…" :columns="$columns">
            <x-slot:filters>
                <div>
                    <label class="admin-label">Wholesale</label>
                    <select name="wholesale" form="companies-filter" class="admin-input" onchange="document.getElementById('companies-filter').submit()">
                        <option value="">All</option>
                        @foreach(['approved','pending','rejected','none'] as $s)
                            <option value="{{ $s }}" @selected(request('wholesale')===$s)>{{ ucfirst($s) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="flex items-end">
                    <a href="{{ route('admin.crm.companies.index') }}" class="admin-btn w-full justify-center">Clear</a>
                </div>
            </x-slot:filters>
            <thead>
                <tr>
                    <th data-col="name">Company</th>
                    <th data-col="email">Email</th>
                    <th data-col="contacts">Contacts</th>
                    <th data-col="phone">Phone</th>
                    <th data-col="wholesale">Wholesale</th>
                    <th data-col="actions"></th>
                </tr>
            </thead>
            <tbody>
                @forelse($companies as $company)
                    <tr>
                        <td data-col="name">
                            <a href="{{ route('admin.crm.companies.show', $company) }}" class="font-medium text-[#2c6ecb] hover:underline">{{ $company->name }}</a>
                            @if($company->trading_name)
                                <div class="text-xs text-[#6d7175]">{{ $company->trading_name }}</div>
                            @endif
                        </td>
                        <td data-col="email">{{ $company->email ?: '—' }}</td>
                        <td data-col="contacts" class="tabular-nums">{{ $company->contacts_count ?? $company->contacts->count() }}</td>
                        <td data-col="phone" class="text-[#6d7175]">{{ $company->phone ?: '—' }}</td>
                        <td data-col="wholesale"><x-admin.badge :tone="$tone($company->wholesale_status)">{{ $company->wholesale_status ?: 'none' }}</x-admin.badge></td>
                        <td data-col="actions" class="text-right"><a href="{{ route('admin.crm.companies.show', $company) }}" class="admin-btn !py-1 text-xs">Open</a></td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="p-8"><x-admin.empty title="No companies" /></td></tr>
                @endforelse
            </tbody>
            <x-slot:footer>{{ $companies->links() }}</x-slot:footer>
        </x-admin.advanced-table>
        <form id="companies-filter" method="get" action="{{ route('admin.crm.companies.index') }}" class="hidden">
            <input type="hidden" name="q" value="{{ request('q') }}">
        </form>
    </div>
</x-crm.shell>
@endsection