@extends('layouts.app')

@section('title', 'سازمان‌ها')

@section('content')
<div class="flex justify-between items-center mb-4">
    <h1 class="text-xl font-bold">فهرست سازمان‌ها</h1>
    <a href="{{ route('organizations.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded text-sm">سازمان جدید</a>
</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>
            </tr>
        </thead>
        <tbody>
            @forelse($organizations as $org)
            <tr class="border-b hover:bg-gray-50">
                <td class="p-3">
                    <a href="{{ route('organizations.show', $org) }}" class="text-blue-600 hover:underline">{{ $org->name }}</a>
                </td>
                <td class="p-3">{{ $org->type ?? '—' }}</td>
                <td class="p-3">{{ $org->phone ?? '—' }}</td>
                <td class="p-3">{{ $org->email ?? '—' }}</td>
                <td class="p-3">{{ $org->contacts_count }}</td>
            </tr>
            @empty
            <tr><td colspan="5" class="p-6 text-center text-gray-500">سازمانی یافت نشد.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $organizations->withQueryString()->links() }}</div>
@endsection