@extends('admin.layout')
@section('title', 'Mitra')
@section('subtitle', 'Profil & status verifikasi mitra')

@php
    $mitraMeta = [
        'pending'  => ['Pending', 'amber'],
        'verified' => ['Terverifikasi', 'green'],
        'rejected' => ['Ditolak', 'red'],
    ];
@endphp

@section('content')
    <x-flash />

    <div class="flex flex-wrap items-center gap-2 mb-4">
        @php $filters = [['', 'Semua'], ['pending', 'Pending'], ['verified', 'Terverifikasi'], ['rejected', 'Ditolak']]; @endphp
        @foreach ($filters as [$val, $label])
            <a href="{{ route('admin.mitra', array_filter(['status' => $val, 'q' => request('q'), 'sort' => request('sort')])) }}"
               class="px-3.5 py-2 rounded-xl text-sm font-semibold transition
               {{ (string) request('status') === $val ? 'bg-brand text-white' : 'bg-white border border-line text-sub hover:text-brand' }}">
                {{ $label }}
            </a>
        @endforeach
        {{-- Urutan tanggal daftar. Bawaannya terbaru dulu — mitra baru yang
             perlu diverifikasi; "Paling lama" untuk menyisir akun lama yang
             tidak pernah tersentuh. --}}
        <span class="w-px h-6 bg-line mx-1"></span>
        @php $sorts = [['', 'Paling baru'], ['lama', 'Paling lama']]; @endphp
        @foreach ($sorts as [$val, $label])
            <a href="{{ route('admin.mitra', array_filter(['status' => request('status'), 'q' => request('q'), 'sort' => $val])) }}"
               class="px-3.5 py-2 rounded-xl text-sm font-semibold transition
               {{ (string) request('sort') === $val ? 'bg-brand text-white' : 'bg-white border border-line text-sub hover:text-brand' }}">
                {{ $label }}
            </a>
        @endforeach

        <form method="GET" class="ml-auto">
            @if (request('status'))<input type="hidden" name="status" value="{{ request('status') }}">@endif
            @if (request('sort'))<input type="hidden" name="sort" value="{{ request('sort') }}">@endif
            <input name="q" value="{{ request('q') }}" placeholder="Cari nama / HP / area / kategori…"
                   class="w-72 max-w-full rounded-xl border border-line px-3.5 py-2 text-sm outline-none focus:border-brand focus:ring-2 focus:ring-brand/20">
        </form>
        <x-export-buttons :csv="route('admin.mitra.export', ['format' => 'csv'] + request()->only('q', 'status', 'sort'))"
                          :pdf="route('admin.mitra.export', ['format' => 'pdf'] + request()->only('q', 'status', 'sort'))" />
        <a href="{{ route('admin.mitra.create') }}"
           class="px-3.5 py-2 rounded-xl bg-brand text-white text-sm font-semibold hover:bg-brand-dark transition">
            + Tambah Mitra
        </a>
    </div>

    <div class="bg-white rounded-2xl border border-line overflow-hidden">
        <div class="overflow-x-auto">
            <table class="w-full text-sm">
                <thead class="bg-canvas text-sub text-xs uppercase tracking-wide">
                    <tr>
                        <th class="text-left font-semibold px-5 py-3">Nama bisnis</th>
                        <th class="text-left font-semibold px-5 py-3">No. HP</th>
                        <th class="text-left font-semibold px-5 py-3">Area</th>
                        <th class="text-left font-semibold px-5 py-3">Status</th>
                        <th class="text-left font-semibold px-5 py-3">Online</th>
                        <th class="text-left font-semibold px-5 py-3">Terdaftar</th>
                        <th class="px-5 py-3"></th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-line">
                    @forelse ($mitra as $m)
                        <tr class="hover:bg-canvas transition">
                            <td class="px-5 py-3">
                                <div class="flex items-center gap-3">
                                    <span class="w-8 h-8 rounded-full bg-accent-soft text-accent grid place-items-center text-xs font-bold">{{ $m->user?->initials() }}</span>
                                    <div>
                                        <div class="font-semibold">{{ $m->user?->name ?? '—' }}</div>
                                    </div>
                                </div>
                            </td>
                            <td class="px-5 py-3 whitespace-nowrap">{{ $m->user?->phone ?? '—' }}</td>
                            <td class="px-5 py-3 text-sub max-w-[220px] truncate">{{ $m->address ?? $m->area_note ?? '—' }}</td>
                            <td class="px-5 py-3">
                                @php [$lbl, $tone] = $mitraMeta[$m->verification_status->value ?? $m->verification_status] ?? ['—','gray']; @endphp
                                <x-badge :color="$tone">{{ $lbl }}</x-badge>
                            </td>
                            <td class="px-5 py-3">
                                <span class="inline-flex items-center gap-1.5 text-xs font-semibold {{ $m->is_online ? 'text-emerald-600' : 'text-sub' }}">
                                    <span class="w-2 h-2 rounded-full {{ $m->is_online ? 'bg-emerald-500' : 'bg-line' }}"></span>
                                    {{ $m->is_online ? 'Online' : 'Offline' }}
                                </span>
                            </td>
                            {{-- Tanggal profil mitranya dibuat — bukan tanggal akun
                                 penggunanya. Itu yang dimaksud "kapan jadi mitra", dan
                                 itu pula yang dipakai tombol urutan di atas. --}}
                            <td class="px-5 py-3 text-sub whitespace-nowrap">{{ $m->created_at?->format('d M Y') ?? '—' }}</td>
                            <td class="px-5 py-3">
                                <div class="flex items-center justify-end gap-2 whitespace-nowrap">
                                    {{-- Verifikasi cepat untuk yang jelas beres. Tombol "Tolak" sengaja
                                         tidak ada di sini: menolak perlu melihat KTP-nya dulu, dan itu
                                         cuma ada di halaman detail. --}}
                                    @if (($m->verification_status->value ?? $m->verification_status) === 'pending')
                                        <form method="POST" action="{{ route('admin.mitra.verification', $m) }}">
                                            @csrf
                                            <input type="hidden" name="status" value="verified">
                                            <button class="px-3 py-1.5 rounded-lg bg-emerald-600 text-white text-xs font-semibold hover:bg-emerald-700 transition">
                                                Verifikasi
                                            </button>
                                        </form>
                                    @endif
                                    <a href="{{ route('admin.mitra.edit', $m) }}" class="text-sub font-semibold hover:text-brand">Edit</a>
                                    @php($impact = $m->user?->deletionImpact() ?? [])
                                    {{-- Peringatannya menyebut apa yang ikut hilang. Menghapus mitra
                                         baru dan menghapus mitra yang sudah lama bekerja sangat
                                         berbeda akibatnya. --}}
                                    <form method="POST" action="{{ route('admin.mitra.destroy', $m) }}"
                                          onsubmit="return confirm(@js($impact
                                              ? "Hapus permanen mitra {$m->user?->name}?\n\nIkut terhapus: ".implode(', ', $impact).", beserta foto pekerjaan & dokumennya.\n\nTindakan ini tidak bisa dibatalkan."
                                              : "Hapus permanen mitra {$m->user?->name}?\n\nFoto pekerjaan & dokumennya ikut terhapus.\n\nTindakan ini tidak bisa dibatalkan."))">
                                        @csrf @method('DELETE')
                                        <button class="font-semibold text-red-500 hover:text-red-600">Hapus</button>
                                    </form>
                                    <a href="{{ route('admin.mitra.show', $m) }}" class="text-brand font-semibold hover:text-brand-dark">Detail ›</a>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="7" class="px-5 py-8 text-center text-sub">Tidak ada data.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <x-pagination :paginator="$mitra" unit="mitra" />
@endsection