@extends('layouts.app')

@section('title', $organization->name)

@section('content')
<div class="mb-3"><a href="{{ route('organizations.edit', $organization) }}" class="bg-slate-700 text-white px-3 py-1.5 rounded text-sm">{{ __('app.edit') }}</a></div>

<div class="max-w-3xl mx-auto">
    <div class="flex justify-between items-start mb-4">
        <h1 class="text-xl font-bold">{{ $organization->name }}</h1>
        <a href="{{ route('organizations.index') }}" class="text-sm text-blue-600">بازگشت</a>
    </div>

    <div class="bg-white rounded-lg shadow p-6 mb-6 text-sm space-y-2">
        <div class="flex justify-between border-b py-2"><span class="text-gray-500">نام انگلیسی</span><span>{{ $organization->name_en ?? '—' }}</span></div>
        <div class="flex justify-between border-b py-2"><span class="text-gray-500">نوع</span><span>{{ $organization->type ?? '—' }}</span></div>
        <div class="flex justify-between border-b py-2"><span class="text-gray-500">تلفن</span><span>{{ $organization->phone ?? '—' }}</span></div>
        <div class="flex justify-between border-b py-2"><span class="text-gray-500">ایمیل</span><span>{{ $organization->email ?? '—' }}</span></div>
        <div class="flex justify-between border-b py-2"><span class="text-gray-500">وب‌سایت</span><span>{{ $organization->website ?? '—' }}</span></div>
        @if($organization->address)
            <div class="pt-2"><span class="text-gray-500 block mb-1">آدرس</span><p>{{ $organization->address }}</p></div>
        @endif
    </div>

    <div class="bg-white rounded-lg shadow p-6">
        <h2 class="font-semibold mb-3">مخاطبان این سازمان ({{ $organization->contacts->count() }})</h2>
        @forelse($organization->contacts as $c)
            <div class="flex justify-between py-2 border-b text-sm">
                <a href="{{ route('contacts.card', $c) }}" class="text-blue-600 hover:underline">{{ $c->full_name }}</a>
                <span class="text-gray-500">{{ $c->position ?? '—' }}</span>
            </div>
        @empty
            <p class="text-gray-500 text-sm">مخاطبی ثبت نشده است.</p>
        @endforelse
    </div>
</div>
@include('partials.custom_fields_display')
@endsection