@extends('admin.layouts.app')
@section('title', __('admin.menu_complaints'))
@section('heading', __('admin.menu_complaints'))
@section('content')
<x-admin.filter-scope>
<x-admin.page-header :title="__('admin.menu_complaints')" :show-filter="true" />

@if (! empty($inbox))
    <section class="admin-card mb-4 overflow-hidden border border-slate-200">
        <div class="flex flex-wrap items-start gap-3 border-b border-slate-100 bg-slate-50/80 px-4 py-4 sm:px-6">
            <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-brand-navy text-sm font-bold text-white">
                @if (($inbox['mode'] ?? '') === 'scoped' && ! empty($inbox['slots'][0]['slot']))
                    {{ $inbox['slots'][0]['slot'] }}
                @else
                    ★
                @endif
            </span>
            <div class="min-w-0 flex-1">
                <h2 class="text-base font-bold text-slate-900">{{ $inbox['title'] }}</h2>
                <p class="mt-1 text-sm text-slate-500">{{ __('admin.lead_inbox_types_label') }}:
                    @foreach ($inbox['lead_types'] as $type)
                        <span class="ms-1 inline-flex rounded-full bg-white px-2.5 py-0.5 text-[11px] font-bold text-slate-700 ring-1 ">{{ $type }}</span>
                    @endforeach
                </p>
            </div>
        </div>

        @if (($inbox['mode'] ?? '') === 'all')
            <p class="px-4 py-4 text-sm text-slate-600 sm:px-6">{{ __('admin.lead_inbox_all_hint') }}</p>
        @elseif (($inbox['mode'] ?? '') === 'none')
            <p class="px-4 py-4 text-sm text-amber-800 sm:px-6">{{ __('admin.lead_inbox_none_hint') }}</p>
        @else
            <div class="space-y-4 px-4 py-4 sm:px-6">
                @foreach ($inbox['slots'] as $slotInfo)
                    <div class="rounded-xl border border-slate-100 bg-slate-50/50 p-4">
                        <div class="mb-3 flex flex-wrap items-center gap-2">
                            <span class="inline-flex h-7 w-7 items-center justify-center rounded-full bg-brand-accent text-xs font-bold text-white">{{ $slotInfo['slot'] }}</span>
                            <h3 class="text-sm font-bold text-slate-800">{{ $slotInfo['label'] }}</h3>
                            @if ($slotInfo['is_catch_all'])
                                <span class="rounded-full bg-amber-100 px-2.5 py-0.5 text-[11px] font-semibold text-amber-800">{{ __('admin.lead_catch_all_badge') }}</span>
                            @endif
                            @if ($slotInfo['phone'])
                                <span class="font-mono text-xs text-slate-500" dir="ltr">{{ $slotInfo['phone'] }}</span>
                            @endif
                        </div>
                        <p class="mb-2 text-xs font-semibold uppercase tracking-wide text-slate-500">{{ __('admin.lead_assigned_categories') }}</p>
                        @if (count($slotInfo['categories']) > 0)
                            <div class="flex flex-wrap gap-2">
                                @foreach ($slotInfo['categories'] as $catName)
                                    <span class="rounded-lg bg-white px-2.5 py-1 text-xs font-medium text-slate-700 ring-1 ">{{ $catName }}</span>
                                @endforeach
                            </div>
                        @else
                            <p class="text-sm text-slate-500">
                                @if ($slotInfo['is_catch_all'])
                                    {{ __('admin.lead_inbox_catch_all_categories') }}
                                @else
                                    {{ __('admin.lead_inbox_no_categories') }}
                                @endif
                            </p>
                        @endif
                    </div>
                @endforeach
                <p class="text-xs text-slate-500">{{ __('admin.lead_inbox_scoped_hint') }}</p>
            </div>
        @endif
    </section>
@endif

<x-admin.filter-panel>
<form method="get" class="admin-filter-form flex flex-wrap items-end gap-3">
    <div class="min-w-[12rem] flex-1">
        <label class="admin-label">{{ __('admin.search') }}</label>
        <input type="search" name="search" value="{{ request('search') }}" class="admin-input" placeholder="{{ __('admin.search_placeholder') }}" />
    </div>
    <label class="flex items-center gap-2 pb-2 text-sm">
        <input type="checkbox" name="unread" value="1" @checked(request()->boolean('unread')) class="rounded border-slate-300" />
        {{ __('admin.lead_unread_only') }}
    </label>
    <label class="flex items-center gap-2 pb-2 text-sm">
        <input type="checkbox" name="converted" value="1" @checked(request()->boolean('converted')) class="rounded border-slate-300" />
        {{ __('admin.lead_converted_archive') }}
    </label>
    <button type="submit" class="admin-btn-primary">{{ __('admin.search') }}</button>
</form>
</x-admin.filter-panel>
<div class="admin-card">
    <div class="admin-table-wrap"><table class="admin-table">
        <thead><tr><th>#</th><th>{{ __('admin.lead_type') }}</th><th>{{ __('admin.subject') }}</th><th>{{ __('admin.category') }}</th><th>{{ __('admin.mobile') }}</th><th>{{ __('admin.date') }}</th><th class="admin-table-actions">{{ __('admin.actions') }}</th></tr></thead>
        <tbody>
        @forelse($complaints as $item)
            <tr @class(['bg-amber-30/60' => $item->read_at === null])>
                <td>{{ $item->id }}</td>
                <td>
                    @if ($item->leadType() === 'price_inquiry')
                        <span class="rounded-full bg-blue-100 px-2 py-0.5 text-[11px] font-bold text-blue-800">{{ $item->leadTypeLabel() }}</span>
                    @elseif ($item->leadType() === 'files_documents')
                        <span class="rounded-full bg-amber-100 px-2 py-0.5 text-[11px] font-bold text-amber-800">{{ $item->leadTypeLabel() }}</span>
                    @elseif ($item->leadType() === 'invites_reports')
                        <span class="rounded-full bg-violet-100 px-2 py-0.5 text-[11px] font-bold text-violet-800">{{ $item->leadTypeLabel() }}</span>
                    @elseif ($item->leadType() === 'support')
                        <span class="rounded-full bg-emerald-100 px-2 py-0.5 text-[11px] font-bold text-emerald-800">{{ $item->leadTypeLabel() }}</span>
                    @elseif ($item->leadType() === 'commission_membership')
                        <span class="rounded-full bg-cyan-100 px-2 py-0.5 text-[11px] font-bold text-cyan-800">{{ $item->leadTypeLabel() }}</span>
                    @else
                        <span class="rounded-full bg-slate-100 px-2 py-0.5 text-[11px] font-bold text-slate-700">{{ $item->leadTypeLabel() }}</span>
                    @endif
                </td>
                <td>
                    @if ($item->read_at === null)
                        <span class="me-1 inline-block h-2 w-2 rounded-full bg-brand-warmth" title="{{ __('admin.lead_unread') }}"></span>
                    @endif
                    {{ $item->subject ?: '—' }}
                    @if ($item->isCommissionMembershipLead() && $item->requestedCommissionCategory)
                        <div class="mt-1 text-[11px] font-medium text-cyan-800">{{ $item->requestedCommissionCategory->localizedName() }}</div>
                    @endif
                    @if ($item->isConverted())
                        <span class="ms-1 inline-flex rounded-full bg-emerald-100 px-2 py-0.5 text-[10px] font-bold text-emerald-800">{{ __('admin.lead_converted_badge') }}</span>
                    @endif
                </td>
                <td>{{ $item->category?->name_fa ?: '—' }}</td>
                <td dir="ltr">{{ $item->mobile ?: '—' }}</td>
                <td><x-admin.relative-date :date="$item->created_at" /></td>
                <td class="admin-table-actions">
                    <x-admin.table-actions
                        :view-href="route('admin.complaints.show', $item)"
                        :delete-action="(! $item->isConverted() && auth()->user()->can(\App\Models\Permission::COMPLAINTS_DELETE)) ? route('admin.complaints.destroy', $item) : null"
                    />
                    @if ($item->convertedRepairOrder)
                        @feature('repair_services')
                            <a href="{{ route('admin.repair-orders.show', $item->convertedRepairOrder) }}" class="ms-2 text-xs font-semibold text-brand-accent hover:underline">{{ __('admin.complaint_view_order') }}</a>
                        @endfeature
                    @endif
                </td>
            </tr>
        @empty
            <tr><td colspan="7" class="py-8 text-center text-slate-500">{{ __('admin.empty') }}</td></tr>
        @endforelse
        </tbody>
    </table></div>
    <div class="mt-4">{{ $complaints->links() }}</div>
</div>
</x-admin.filter-scope>
@endsection