@extends('layouts.app')

@section('title', 'مخاطبان')

@section('content')
<div class="flex justify-between items-center mb-4">
    <h1 class="text-xl font-bold">فهرست مخاطبان</h1>
    <div class="flex gap-2">
        <a href="{{ route('organizations.index') }}" class="bg-gray-600 text-white px-4 py-2 rounded text-sm">سازمان‌ها</a>
        <a href="{{ route('contacts.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded text-sm">مخاطب جدید</a>
    </div>
</div>

<form method="GET" class="mb-4">
    <input type="text" name="q" value="{{ request('q') }}" placeholder="جستجو در نام، ایمیل، تلفن..."
           class="border rounded px-3 py-2 text-sm w-full max-w-md">
</form>

<div class="bg-white rounded-lg shadow overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-gray-50 border-b">
            <tr>
                <th class="text-right p-3">نام</th>
                <th class="text-right p-3">سمت</th>
                <th class="text-right p-3">سازمان</th>
                <th class="text-right p-3">تلفن / موبایل</th>
                <th class="text-right p-3">ایمیل</th>
                <th class="text-right p-3">عملیات</th>
            </tr>
        </thead>
        <tbody>
            @forelse($contacts as $contact)
            <tr class="border-b hover:bg-gray-50">
                <td class="p-3 font-medium">{{ $contact->full_name }}</td>
                <td class="p-3">{{ $contact->position ?? '—' }}</td>
                <td class="p-3">{{ $contact->organization?->name ?? '—' }}</td>
                <td class="p-3">{{ $contact->mobile ?? $contact->phone ?? '—' }}</td>
                <td class="p-3">{{ $contact->email ?? '—' }}</td>
                <td class="p-3 space-x-2 space-x-reverse">
                    <a href="{{ route('contacts.card', $contact) }}" class="text-blue-600 hover:underline text-xs">کارت</a>
                    <a href="{{ route('contacts.edit', $contact) }}" class="text-slate-600 hover:underline text-xs">ویرایش</a>
                </td>
            </tr>
            @empty
            <tr><td colspan="6" class="p-6 text-center text-gray-500">مخاطبی یافت نشد.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $contacts->withQueryString()->links() }}</div>
@endsection