@extends('agency.layouts.app')

@section('title', 'TUREB Rehber Sicili')
@section('page_title', 'TUREB Rehber Sicili')

@php
    $breadcrumbs = [
        ['title' => 'Dashboard', 'url' => route('agency.dashboard')],
        ['title' => 'TUREB Rehber Sicili', 'url' => '']
    ];

    $columns = [
        ['key' => 'name',      'label' => 'Rehber',    'sortable' => true, 'sort' => 'full_name'],
        ['key' => 'chamber',   'label' => 'Oda',       'sortable' => true, 'sort' => 'chamber_code', 'align' => 'center'],
        ['key' => 'languages', 'label' => 'Yabancı Dil'],
        ['key' => 'regions',   'label' => 'Bölge'],
        ['key' => 'contact',   'label' => 'İletişim'],
        ['key' => 'status',    'label' => 'Durum',     'sortable' => true, 'sort' => 'status', 'align' => 'center'],
        ['key' => '_actions',  'label' => 'Aksiyon',   'fixed' => true, 'align' => 'end', 'width' => '150px'],
    ];

    $filters = [
        ['key' => 'chamber',  'label' => 'Oda',    'value' => request('chamber'),  'placeholder' => 'Tüm Odalar',    'options' => $chambers],
        ['key' => 'region',   'label' => 'Bölge',  'value' => request('region'),   'placeholder' => 'Tüm Bölgeler',  'options' => $regions],
        ['key' => 'language', 'label' => 'Dil',    'value' => request('language'), 'placeholder' => 'Tüm Diller',    'options' => $languages],
        ['key' => 'status',   'label' => 'Durum',  'value' => request('status'),   'placeholder' => 'Tüm Durumlar',  'options' => [
            'Eylemli' => 'Eylemli', 'Eylemsiz' => 'Eylemsiz',
        ]],
        ['key' => 'imported', 'label' => 'Kaynağımda', 'value' => request('imported'), 'placeholder' => 'Hepsi', 'options' => [
            'yes' => 'Eklenmiş', 'no' => 'Eklenmemiş',
        ]],
    ];
@endphp

@push('styles')
<style>
    .gr-avatar { width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center;
                 font-weight:700; font-size:.85rem; flex-shrink:0; color:#fff; background:linear-gradient(135deg,#3b82f6,#2563eb); }
    .gr-chip { display:inline-flex; align-items:center; padding:3px 9px; border-radius:8px; font-size:.7rem; font-weight:700; background:#eff6ff; color:#2563eb; }
    .gr-tag { display:inline-block; padding:2px 7px; margin:1px 2px 1px 0; border-radius:6px; font-size:.68rem; background:#f1f5f9; color:#475569; }
    .gr-status { display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:20px; font-size:.72rem; font-weight:600; }
    .gr-status::before { content:''; width:6px; height:6px; border-radius:50%; }
    .gr-on  { background:#d1fae5; color:#065f46; } .gr-on::before  { background:#10b981; }
    .gr-off { background:#f1f5f9; color:#475569; } .gr-off::before { background:#94a3b8; }
    .gr-add { border:none; background:#334155; color:#fff; font-size:.75rem; font-weight:700; border-radius:9px; padding:7px 12px; cursor:pointer; transition:.15s; }
    .gr-add:hover { background:#1e293b; }
    .gr-added { display:inline-flex; align-items:center; gap:5px; font-size:.75rem; font-weight:700; color:#059669; }
    .gr-note { display:flex; gap:10px; align-items:flex-start; background:#fffbeb; border:1px solid #fde68a; color:#92400e;
               border-radius:12px; padding:11px 14px; font-size:.78rem; margin-bottom:14px; }
</style>
@endpush

@section('content')
<div class="container-fluid">

    <div class="gr-note">
        <i class="fas fa-circle-info mt-1"></i>
        <div>
            <strong>Kaynak:</strong> TUREB Rehber Veritabanı (tureb.org.tr) — yayımlanan resmî sicilin aynısıdır.
            Bu veriler acentenizin kendi kaynak listesinden ayrıdır; bir rehberi <strong>Kaynağa Ekle</strong> ile kendi
            kaynaklarınıza kopyalayabilirsiniz.
            @if($lastSyncedAt)
                <br><span class="text-muted">Son güncelleme: {{ \Carbon\Carbon::parse($lastSyncedAt)->translatedFormat('d F Y H:i') }} · {{ number_format($totalCount, 0, ',', '.') }} rehber</span>
            @endif
        </div>
    </div>

    @if($totalCount === 0)
        <div class="alert alert-warning">
            <i class="fas fa-triangle-exclamation me-1"></i>
            Sicil henüz doldurulmamış. Terminalde <code>php artisan tureb:sync</code> çalıştırın.
        </div>
    @endif

    <x-data-table
        module="guide-registry"
        title="TUREB Rehber Sicili"
        subtitle="Türkiye'deki kayıtlı turist rehberleri"
        icon="fa-address-book"
        :columns="$columns"
        :filters="$filters"
        :search="request('search', '')"
        search-placeholder="İsim, telefon veya e-posta ara..."
        :sort="$sort"
        :dir="$dir"
        :paginator="$guides">

        @forelse($guides as $guide)
            @php $mine = $guide->resources->first(); @endphp
            <tr>
                <td data-col="name">
                    <div class="d-flex align-items-center gap-2">
                        <div class="gr-avatar">{{ mb_strtoupper(mb_substr($guide->full_name, 0, 1)) }}</div>
                        <div style="min-width:0">
                            <div class="dt-cell-main text-truncate">{{ $guide->full_name }}</div>
                            <div class="dt-cell-sub">
                                <a href="#" onclick="openQuickView('{{ route('agency.guide-registry.quick-view', $guide) }}'); return false;">Detay</a>
                            </div>
                        </div>
                    </div>
                </td>
                <td data-col="chamber" class="text-center">
                    @if($guide->chamber_code)
                        <span class="gr-chip">{{ $guide->chamber_code }}</span>
                    @else
                        <span class="dt-cell-sub">—</span>
                    @endif
                </td>
                <td data-col="languages">
                    @forelse($guide->languages ?? [] as $lang)
                        <span class="gr-tag">{{ $lang }}</span>
                    @empty
                        <span class="dt-cell-sub">—</span>
                    @endforelse
                </td>
                <td data-col="regions">
                    @forelse($guide->regions ?? [] as $region)
                        <span class="gr-tag">{{ $region }}</span>
                    @empty
                        <span class="dt-cell-sub">—</span>
                    @endforelse
                </td>
                <td data-col="contact">
                    @if($guide->phone)
                        <div style="font-size:.8rem;color:#334155"><i class="fas fa-phone text-muted me-1"></i>{{ $guide->phone }}</div>
                    @endif
                    @if($guide->email)
                        <div class="dt-cell-sub text-truncate" style="max-width:200px"><i class="fas fa-envelope me-1"></i>{{ $guide->email }}</div>
                    @endif
                    @if(!$guide->phone && !$guide->email)
                        <span class="dt-cell-sub">—</span>
                    @endif
                </td>
                <td data-col="status" class="text-center">
                    <span class="gr-status {{ $guide->is_active_guide ? 'gr-on' : 'gr-off' }}">{{ $guide->status ?: '—' }}</span>
                </td>
                <td data-col="_actions" class="text-end">
                    @if($mine)
                        <span class="gr-added" title="Kaynaklarınızda: {{ $mine->name }}">
                            <i class="fas fa-circle-check"></i> Eklendi
                        </span>
                    @else
                        <form method="POST" action="{{ route('agency.guide-registry.import', $guide) }}" class="d-inline">
                            @csrf
                            <button class="gr-add"><i class="fas fa-plus me-1"></i>Kaynağa Ekle</button>
                        </form>
                    @endif
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="{{ count($columns) }}" class="text-center text-muted py-5">
                    <i class="fas fa-user-slash fa-2x mb-2 d-block opacity-50"></i>
                    Aramanıza uyan rehber bulunamadı.
                </td>
            </tr>
        @endforelse
    </x-data-table>
</div>
@endsection