@extends('portal.layouts.app')

@section('title', 'Search')
@section('subtitle', $term === ''
    ? 'Search subscriptions, customers and file batches'
    : $total.' result'.($total === 1 ? '' : 's').' for "'.$term.'"')

@section('content')

    @if ($term === '')
        <x-card>
            <div class="py-10 text-center">
                <span class="mx-auto flex size-12 items-center justify-center rounded-full bg-brand-50 text-brand-600">
                    <x-icon name="search" class="size-6" />
                </span>
                <p class="mt-4 text-sm font-semibold text-slate-800">What are you looking for?</p>
                <p class="mx-auto mt-1 max-w-md text-sm text-slate-500">
                    Search by subscription or policy number, customer name, CNIC, mobile, account number,
                    or a batch reference.
                </p>
            </div>
        </x-card>

    @elseif ($total === 0)
        <x-card>
            <div class="py-10 text-center">
                <span class="mx-auto flex size-12 items-center justify-center rounded-full bg-slate-100 text-slate-400">
                    <x-icon name="search" class="size-6" />
                </span>
                <p class="mt-4 text-sm font-semibold text-slate-800">No results for &ldquo;{{ $term }}&rdquo;</p>
                <p class="mx-auto mt-1 max-w-md text-sm text-slate-500">
                    CNIC, mobile and account numbers are encrypted at rest, so those must be an exact
                    value rather than a partial one. Names and reference numbers match on any part.
                </p>
            </div>
        </x-card>
    @endif

    @if ($subscriptions->isNotEmpty())
        <x-card title="Subscriptions" icon="list"
                :subtitle="$subscriptions->count().($subscriptions->count() === $limit ? '+ matches, showing the most recent '.$limit : ' match'.($subscriptions->count() === 1 ? '' : 'es'))"
                :padded="false">
            <div class="overflow-x-auto">
                <table class="data-table">
                    <thead>
                    <tr>
                        <th>Reference</th>
                        <th>Customer</th>
                        <th>Product</th>
                        <th class="text-right">Contribution</th>
                        <th>Status</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($subscriptions as $subscription)
                        <tr>
                            <td>
                                <a href="{{ route('subscriptions.show', $subscription) }}" class="font-mono text-xs font-semibold text-brand-600 hover:underline">
                                    {{ $subscription->subscription_no }}
                                </a>
                                @if ($subscription->policy_no)
                                    <span class="block font-mono text-[11px] text-leaf-700">{{ $subscription->policy_no }}</span>
                                @endif
                            </td>
                            <td>
                                {{ $subscription->customer->full_name }}
                                <span class="block text-xs text-slate-400">{{ $subscription->customer->maskedCnic() }}</span>
                            </td>
                            <td class="text-xs">
                                <span class="font-mono text-slate-400">{{ $subscription->product->code }}</span>
                                {{ $subscription->product->short_name ?? $subscription->product->name }}
                                @if ($subscription->plan)
                                    <span class="text-slate-400">/ {{ $subscription->plan->code }}</span>
                                @endif
                            </td>
                            <td class="text-right tabular-nums">{{ number_format((float) $subscription->contribution_amount) }}</td>
                            <td><x-badge :variant="$subscription->status->badgeClass()">{{ $subscription->status->label() }}</x-badge></td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            <div class="border-t border-slate-100 px-5 py-3">
                <a href="{{ route('subscriptions.index', ['q' => $term]) }}" class="text-xs font-semibold text-brand-600 hover:underline">
                    Open in Subscriptions with filters &rarr;
                </a>
            </div>
        </x-card>
    @endif

    @if ($customers->isNotEmpty())
        <x-card title="Customers" icon="users" :padded="false">
            <div class="overflow-x-auto">
                <table class="data-table">
                    <thead>
                    <tr>
                        <th>Customer</th>
                        <th>CNIC</th>
                        <th>Mobile</th>
                        <th>Branch</th>
                        <th class="text-right">Plans</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($customers as $customer)
                        <tr>
                            <td>
                                <a href="{{ route('customers.show', $customer) }}" class="font-semibold text-brand-600 hover:underline">
                                    {{ $customer->full_name }}
                                </a>
                                <span class="block text-xs text-slate-400">{{ $customer->bank_customer_id ?? $customer->uuid }}</span>
                            </td>
                            <td class="font-mono text-xs">{{ $customer->maskedCnic() ?? '-' }}</td>
                            <td class="font-mono text-xs">{{ $customer->maskedMobile() ?? '-' }}</td>
                            <td class="text-xs">{{ $customer->branch_name ?? '-' }}</td>
                            <td class="text-right text-xs tabular-nums">
                                {{ $customer->active_subscriptions_count }} / {{ $customer->subscriptions_count }}
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            <div class="border-t border-slate-100 px-5 py-3">
                <a href="{{ route('customers.index', ['q' => $term]) }}" class="text-xs font-semibold text-brand-600 hover:underline">
                    Open in Customers with filters &rarr;
                </a>
            </div>
        </x-card>
    @endif

    @if ($batches->isNotEmpty())
        <x-card title="File batches" icon="folder" :padded="false">
            <div class="overflow-x-auto">
                <table class="data-table">
                    <thead>
                    <tr>
                        <th>Batch</th>
                        <th>Type</th>
                        <th class="text-right">Rows</th>
                        <th>Status</th>
                        <th>Created</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($batches as $batch)
                        <tr>
                            <td>
                                <a href="{{ route('batches.show', $batch) }}" class="font-mono text-xs font-semibold text-brand-600 hover:underline">
                                    {{ $batch->batch_no }}
                                </a>
                                <span class="block text-xs text-slate-400">{{ $batch->original_name }}</span>
                            </td>
                            <td class="text-xs">{{ $batch->type->label() }}</td>
                            <td class="text-right tabular-nums">{{ number_format($batch->total_rows) }}</td>
                            <td><x-badge :variant="$batch->status->badgeClass()">{{ $batch->status->label() }}</x-badge></td>
                            <td class="text-xs text-slate-500">
                                {{ $batch->created_at->format('d M Y H:i') }}
                                <span class="block text-slate-400">{{ $batch->creator?->name }}</span>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </x-card>
    @endif

@endsection