@extends('agency.layouts.app')

@section('title', 'Müşteriler')
@section('page_title', 'Müşteri Yönetimi')

@php
    $breadcrumbs = [
        ['title' => 'Dashboard', 'url' => route('agency.dashboard')],
        ['title' => 'Müşteri Yönetimi', 'url' => '']
    ];

    $sort = request('sort', 'created_at');
    $dir = request('dir', 'desc');

    // -- Standart kolonlar
    $columns = [
        ['key' => 'name',       'label' => 'Müşteri',  'sortable' => true, 'sort' => 'first_name'],
        ['key' => 'contact',    'label' => 'İletişim'],
        ['key' => 'type',       'label' => 'Tip',      'sortable' => true, 'sort' => 'customer_type', 'align' => 'center'],
        ['key' => 'status',     'label' => 'Durum',    'sortable' => true, 'sort' => 'status', 'align' => 'center'],
        ['key' => 'priority',   'label' => 'Öncelik',  'sortable' => true, 'sort' => 'priority', 'align' => 'center'],
        ['key' => 'passengers', 'label' => 'Yolcular', 'align' => 'center'],
        ['key' => 'loyalty',    'label' => 'Sadakat',  'align' => 'center'],
        ['key' => 'credit',     'label' => 'Cari Limit', 'sortable' => true, 'sort' => 'credit_limit', 'align' => 'center'],
    ];
    // -- Müşteri kartındaki alanlar: varsayılan gizli, tablo ayarlarından açılır.
    //    Ayarlar panelinden sıralanabilir; "Görünümü Kaydet" ile kişisel ya da
    //    acente geneli düzen olarak saklanır.
    $cardColumns = [
        ['key' => 'kart_kimlik',       'label' => 'T.C. Kimlik',        'get' => fn ($c) => $c->national_id],
        ['key' => 'kart_pasaport',     'label' => 'Pasaport No',        'get' => fn ($c) => $c->passport_number],
        ['key' => 'kart_pas_gecerlilik','label' => 'Pasaport Geçerlilik','get' => fn ($c) => $c->passport_expiry ? \Carbon\Carbon::parse($c->passport_expiry)->format('d.m.Y') : null],
        ['key' => 'kart_dogum',        'label' => 'Doğum Tarihi',       'get' => fn ($c) => $c->birth_date ? \Carbon\Carbon::parse($c->birth_date)->format('d.m.Y') : null],
        ['key' => 'kart_dogum_yeri',   'label' => 'Doğum Yeri',         'get' => fn ($c) => $c->birth_place],
        ['key' => 'kart_cinsiyet',     'label' => 'Cinsiyet',           'get' => fn ($c) => match ($c->gender) { 'male' => 'Erkek', 'female' => 'Kadın', 'other' => 'Diğer', default => null }],
        ['key' => 'kart_uyruk',        'label' => 'Uyruk',              'get' => fn ($c) => $c->nationality],
        ['key' => 'kart_tel_alt',      'label' => 'Telefon 2',          'get' => fn ($c) => $c->phone_alt],
        ['key' => 'kart_eposta_alt',   'label' => 'E-posta 2',          'get' => fn ($c) => $c->email_alt],
        ['key' => 'kart_adres',        'label' => 'Adres',              'get' => fn ($c) => $c->address],
        ['key' => 'kart_sehir',        'label' => 'Şehir',              'get' => fn ($c) => $c->city],
        ['key' => 'kart_ilce',         'label' => 'İlçe',               'get' => fn ($c) => $c->district],
        ['key' => 'kart_ulke',         'label' => 'Ülke',               'get' => fn ($c) => $c->country],
        ['key' => 'kart_posta_kodu',   'label' => 'Posta Kodu',         'get' => fn ($c) => $c->postal_code],
        ['key' => 'kart_firma_tip',    'label' => 'Şirket Tipi',        'get' => fn ($c) => $c->company_type],
        ['key' => 'kart_vergi_no',     'label' => 'Vergi No',           'get' => fn ($c) => $c->company_tax_number],
        ['key' => 'kart_vergi_dairesi','label' => 'Vergi Dairesi',      'get' => fn ($c) => $c->company_tax_office],
        ['key' => 'kart_gorev',        'label' => 'Görev / Pozisyon',   'get' => fn ($c) => $c->company_position],
        ['key' => 'kart_fatura_adres', 'label' => 'Fatura Adresi',      'get' => fn ($c) => $c->billing_address],
        ['key' => 'kart_fatura_eposta','label' => 'Fatura E-postası',   'get' => fn ($c) => $c->billing_email],
        ['key' => 'kart_iletisim',     'label' => 'İletişim Tercihi',   'get' => fn ($c) => $c->preferred_contact_method],
        ['key' => 'kart_segment',      'label' => 'Segment',            'get' => fn ($c) => $c->customer_segment],
        ['key' => 'kart_kaynak',       'label' => 'Referans Kaynağı',   'get' => fn ($c) => $c->referral_source],
        ['key' => 'kart_toplam_rez',   'label' => 'Rezervasyon',        'get' => fn ($c) => $c->total_bookings, 'align' => 'center'],
        ['key' => 'kart_toplam_harcama','label' => 'Toplam Harcama',    'get' => fn ($c) => $c->total_spent ? number_format((float) $c->total_spent, 2, ',', '.') . ' ₺' : null, 'align' => 'end'],
        ['key' => 'kart_bakiye',       'label' => 'Bakiye',             'get' => fn ($c) => $c->current_balance ? number_format((float) $c->current_balance, 2, ',', '.') . ' ₺' : null, 'align' => 'end'],
        ['key' => 'kart_kredi_limiti', 'label' => 'Kredi Limiti',       'get' => fn ($c) => $c->credit_limit ? number_format((float) $c->credit_limit, 2, ',', '.') . ' ₺' : null, 'align' => 'end'],
        ['key' => 'kart_vade',         'label' => 'Vade (gün)',         'get' => fn ($c) => $c->payment_term_days, 'align' => 'center'],
        ['key' => 'kart_ilk_rez',      'label' => 'İlk Rezervasyon',    'get' => fn ($c) => $c->first_booking_date ? \Carbon\Carbon::parse($c->first_booking_date)->format('d.m.Y') : null],
        ['key' => 'kart_son_rez',      'label' => 'Son Rezervasyon',    'get' => fn ($c) => $c->last_booking_date ? \Carbon\Carbon::parse($c->last_booking_date)->format('d.m.Y') : null],
        ['key' => 'kart_puan',         'label' => 'Sadakat Puanı',      'get' => fn ($c) => $c->loyalty_points, 'align' => 'center'],
        ['key' => 'kart_etiketler',    'label' => 'Etiketler',          'get' => fn ($c) => is_array($c->tags) ? implode(', ', $c->tags) : $c->tags],
        ['key' => 'kart_notlar',       'label' => 'İç Notlar',          'get' => fn ($c) => $c->internal_notes],
    ];

    foreach ($cardColumns as $cc) {
        $columns[] = [
            'key' => $cc['key'],
            'label' => $cc['label'],
            'align' => $cc['align'] ?? 'start',
            'visible' => false,
        ];
    }

    // -- Listede gösterilen özel alanlar → dinamik kolon
    foreach ($listableFields as $field) {
        $columns[] = ['key' => 'cf_' . $field->field_key, 'label' => $field->label];
    }
    $columns = array_merge($columns, [
        ['key' => 'agent',    'label' => 'Temsilci'],
        ['key' => 'created',  'label' => 'Kayıt', 'sortable' => true, 'sort' => 'created_at', 'align' => 'center'],
        ['key' => '_actions', 'label' => 'İşlemler', 'fixed' => true, 'align' => 'end', 'width' => '90px'],
    ]);

    // -- Standart filtreler
    $filters = [
        ['key' => 'status', 'label' => 'Durum', 'value' => request('status'), 'placeholder' => 'Tüm Durumlar', 'options' => [
            'active' => 'Aktif', 'inactive' => 'Pasif', 'blocked' => 'Engellenmiş', 'potential' => 'Potansiyel',
        ]],
        ['key' => 'type', 'label' => 'Tip', 'value' => request('type'), 'placeholder' => 'Tüm Tipler', 'options' => [
            'individual' => 'Kişiler', 'corporate' => 'Şirketler',
        ]],
        ['key' => 'priority', 'label' => 'Öncelik', 'value' => request('priority'), 'placeholder' => 'Tüm Öncelikler', 'options' => [
            '1' => '⭐ Öncelikli', '0' => '⚪ Normal',
        ]],
        ['key' => 'credit', 'label' => 'Cari', 'value' => request('credit'), 'placeholder' => 'Tüm Müşteriler', 'options' => [
            '1' => '💳 Borçlandırılabilir', '0' => '🚫 Borçlandırma Kapalı',
        ]],
    ];
    // -- Filtrelenebilir özel alanlar → dinamik filtre
    foreach ($filterableFields as $field) {
        $key = 'cf_' . $field->field_key;
        if (in_array($field->field_type, ['select', 'multiselect'])) {
            $filters[] = [
                'key' => $key, 'label' => $field->label, 'value' => request($key),
                'options' => collect($field->options ?? [])->mapWithKeys(fn($o) => [$o['value'] => $o['label']])->toArray(),
            ];
        } elseif ($field->field_type === 'boolean') {
            $filters[] = ['key' => $key, 'label' => $field->label, 'value' => request($key), 'options' => ['1' => 'Evet', '0' => 'Hayır']];
        } elseif ($field->field_type === 'date') {
            $filters[] = ['key' => $key, 'label' => $field->label, 'value' => request($key), 'type' => 'date'];
        }
    }
@endphp

@push('styles')
<style>
    /* Müşteri listesi hücre yardımcıları */
    .c-avatar { width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.9rem; flex-shrink:0; background:linear-gradient(135deg,#2563eb,#1e40af); color:#fff; }
    .c-avatar.corporate { background:linear-gradient(135deg,#3b82f6,#2563eb); }
    .c-name { font-weight:600; color:#0f172a; font-size:.875rem; }
    .c-email { font-size:.78rem; color:#64748b; }

    .badge-status { display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:20px; font-size:.72rem; font-weight:600; }
    .badge-status::before { content:''; width:6px; height:6px; border-radius:50%; }
    .bs-active   { background:#d1fae5; color:#065f46; } .bs-active::before { background:#10b981; }
    .bs-inactive { background:#f1f5f9; color:#475569; } .bs-inactive::before { background:#94a3b8; }
    .bs-blocked  { background:#fee2e2; color:#991b1b; } .bs-blocked::before { background:#ef4444; }
    .bs-potential{ background:#fef3c7; color:#92400e; } .bs-potential::before { background:#f59e0b; }

    .badge-priority { padding:3px 9px; border-radius:6px; font-size:.7rem; font-weight:700; letter-spacing:.3px; }
    .bp-priority-true  { background:linear-gradient(135deg,#ffd700,#ffa500); color:#451a03; }
    .bp-priority-false { background:#f1f5f9; color:#64748b; }

    .pax-pill { font-size:.82rem; font-weight:700; color:#475569; background:#f8fafc; padding:4px 10px; border-radius:10px; border:1px solid #f1f5f9; }

    /* Cari limit hücresi: üstte kullanılabilir tutar, altta limitin ne kadarının
       dolduğunu gösteren ince çubuk. Borçlandırma kapalıysa çubuk çizilmez. */
    .credit-cell { display:inline-flex; flex-direction:column; align-items:center; gap:3px; min-width:96px; }
    .credit-val { font-size:.8rem; font-weight:700; color:#065f46; }
    .credit-val.is-full { color:#b91c1c; }
    .credit-sub { font-size:.68rem; color:#94a3b8; font-weight:600; }
    .credit-bar { width:88px; height:4px; border-radius:999px; background:#e2e8f0; overflow:hidden; }
    .credit-bar span { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#10b981,#059669); }
    .credit-bar.is-warn span { background:linear-gradient(90deg,#f59e0b,#d97706); }
    .credit-bar.is-full span { background:linear-gradient(90deg,#ef4444,#b91c1c); }
    .credit-off { font-size:.72rem; font-weight:600; color:#94a3b8; }

    .loyalty-badge { display:inline-flex; align-items:center; gap:4px; padding:3px 8px; border-radius:6px; font-size:.72rem; font-weight:600; }
    .lb-platinum { background:linear-gradient(135deg,#e0e7ff,#c7d2fe); color:#3730a3; }
    .lb-gold     { background:linear-gradient(135deg,#fef3c7,#fde68a); color:#92400e; }
    .lb-silver   { background:linear-gradient(135deg,#f1f5f9,#e2e8f0); color:#475569; }
    .lb-bronze   { background:linear-gradient(135deg,#fef3c7,#fed7aa); color:#9a3412; }
</style>
@endpush

@section('content')
<div class="container-fluid">
    <x-data-table
        module="customers"
        title="Müşteri Yönetimi"
        subtitle="Müşterilerinizi (CRM) ve özel alanlarınızı yönetin"
        icon="fa-users"
        :columns="$columns"
        :filters="$filters"
        :bulk="true"
        :search="request('search', '')"
        search-placeholder="İsim, e-posta, telefon, firma veya özel alan ara..."
        :sort="$sort"
        :dir="$dir"
        create-onclick="openDraftQuickView('{{ route('agency.customers.quick-create') }}')"
        create-label="Yeni Müşteri"
        :paginator="$customers"
        :per-page-options="[20, 50, 100, 200]"
    >
        <x-slot:headerActions>
            <a href="{{ route('agency.customers.fields.index') }}" class="dt-btn dt-btn-ghost">
                <i class="fas fa-sliders-h"></i> Özel Alanlar
            </a>
        </x-slot:headerActions>

        <x-slot:bulkActions>
            <button type="button" class="dt-mini-btn" onclick="bulkStatus('active')"><i class="fas fa-check"></i> Aktif Et</button>
            <button type="button" class="dt-mini-btn" onclick="bulkStatus('inactive')"><i class="fas fa-pause"></i> Pasif Et</button>
            <button type="button" class="dt-mini-btn" onclick="bulkDelete()"><i class="fas fa-trash"></i> Sil</button>
        </x-slot:bulkActions>

        @forelse($customers as $customer)
            <tr class="customer-row" data-id="{{ $customer->id }}" style="cursor:pointer">
                <td data-col="_select" onclick="event.stopPropagation()">
                    <label class="dt-check"><input type="checkbox" class="dt-rowcheck" value="{{ $customer->id }}"><span></span></label>
                </td>
                <td data-col="name">
                    <div class="d-flex align-items-center gap-3">
                        <div class="c-avatar {{ $customer->customer_type === 'corporate' ? 'corporate' : '' }}">{{ $customer->initials }}</div>
                        <div>
                            <div class="c-name">
                                {{ $customer->full_name }}
                                @if($customer->blacklisted)
                                    <span style="color:#ef4444;font-size:11px" title="Kara listede"><i class="fas fa-ban"></i></span>
                                @endif
                            </div>
                            <div class="dt-cell-sub" style="font-size:.72rem">#{{ $customer->code }}</div>
                            @if($customer->company_name)
                                <div class="mt-1">
                                    <span class="dt-badge dt-badge-indigo"><i class="fas fa-building"></i> {{ $customer->company_name }}</span>
                                </div>
                            @endif
                        </div>
                    </div>
                </td>
                <td data-col="contact">
                    @if($customer->email)<div class="c-email"><i class="fas fa-envelope me-1"></i>{{ $customer->email }}</div>@endif
                    @if($customer->phone)<div class="c-email mt-1"><i class="fas fa-phone me-1"></i>{{ $customer->phone }}</div>@endif
                    @if(!$customer->email && !$customer->phone)<span class="dt-cell-sub">—</span>@endif
                </td>
                <td data-col="type" class="text-center">
                    <span style="font-size:.78rem;color:#64748b">{{ $customer->customer_type === 'corporate' ? '🏢 Şirket' : '👤 Kişi' }}</span>
                </td>
                <td data-col="status" class="text-center">
                    <span class="badge-status
                               @if($customer->status === 'active') bs-active
                               @elseif($customer->status === 'blocked') bs-blocked
                               @elseif($customer->status === 'potential') bs-potential
                               @else bs-inactive @endif">
                        {{ $customer->status_label }}
                    </span>
                </td>
                <td data-col="priority" class="text-center">
                    <span class="badge-priority bp-priority-{{ $customer->priority ? 'true' : 'false' }}">{{ $customer->priority_label }}</span>
                </td>
                <td data-col="passengers" class="text-center">
                    <span class="pax-pill"><i class="fas fa-users me-1" style="color:#2563eb"></i>{{ $customer->passengers_count }}</span>
                </td>
                <td data-col="loyalty" class="text-center">
                    @if($customer->loyalty_tier)
                        <span class="loyalty-badge
                                   @if($customer->loyalty_tier === 'platinum') lb-platinum
                                   @elseif($customer->loyalty_tier === 'gold') lb-gold
                                   @elseif($customer->loyalty_tier === 'silver') lb-silver
                                   @else lb-bronze @endif">
                            {{ $customer->loyalty_tier_label }}
                        </span>
                    @else
                        <span class="dt-cell-sub">—</span>
                    @endif
                </td>

                <td data-col="credit" class="text-center">
                    @php $cr = $credits[$customer->id] ?? null; @endphp
                    @if($cr && $cr['allowed'] && $cr['limit'] > 0)
                        <span class="credit-cell" title="Limit {{ $cr['symbol'] }}{{ number_format($cr['limit'], 2, ',', '.') }} — kullanılan {{ $cr['symbol'] }}{{ number_format($cr['used'], 2, ',', '.') }}{{ $cr['term_days'] > 0 ? ' — vade ' . $cr['term_days'] . ' gün' : '' }}">
                            <span class="credit-val {{ $cr['available'] <= 0 ? 'is-full' : '' }}">{{ $cr['symbol'] }}{{ number_format($cr['available'], 0, ',', '.') }}</span>
                            <span class="credit-bar {{ $cr['usage_rate'] >= 100 ? 'is-full' : ($cr['usage_rate'] >= 75 ? 'is-warn' : '') }}"><span style="width:{{ $cr['usage_rate'] }}%"></span></span>
                            <span class="credit-sub">/ {{ $cr['symbol'] }}{{ number_format($cr['limit'], 0, ',', '.') }}</span>
                        </span>
                    @elseif($cr && $cr['allowed'])
                        <span class="credit-off" title="Borçlandırma açık ama limit girilmemiş">Limit yok</span>
                    @else
                        <span class="credit-off" title="Ödeme alınmadan satış yapılamaz">Kapalı</span>
                    @endif
                </td>

                {{-- Müşteri kartı alanları (varsayılan gizli) --}}
                @foreach($cardColumns as $cc)
                    @php $cardVal = ($cc['get'])($customer); @endphp
                    <td data-col="{{ $cc['key'] }}" class="text-{{ $cc['align'] ?? 'start' }}"
                        style="font-size:.82rem;color:#475569;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"
                        title="{{ $cardVal }}">
                        @if($cardVal !== null && $cardVal !== '')
                            {{ $cardVal }}
                        @else
                            <span class="dt-cell-sub">—</span>
                        @endif
                    </td>
                @endforeach

                {{-- Özel alan kolonları --}}
                @foreach($listableFields as $field)
                    <td data-col="cf_{{ $field->field_key }}" style="font-size:.82rem;font-weight:600;color:#475569">
                        @php $val = $customer->getCustomFieldValue($field->field_key); @endphp
                        @if($val !== null && $val !== '')
                            {{ $field->formatValue($val) }}
                        @else
                            <span class="dt-cell-sub">—</span>
                        @endif
                    </td>
                @endforeach

                <td data-col="agent">
                    @if($customer->assignedAgent)
                        <div style="display:flex;align-items:center;gap:6px">
                            <img src="https://ui-avatars.com/api/?name={{ urlencode($customer->assignedAgent->full_name) }}&size=24&background=2563eb&color=fff" style="width:24px;height:24px;border-radius:6px" alt="">
                            <span style="font-size:.78rem;color:#475569">{{ $customer->assignedAgent->first_name }}</span>
                        </div>
                    @else
                        <span class="dt-cell-sub">Atanmamış</span>
                    @endif
                </td>
                <td data-col="created" class="text-center">
                    <span class="dt-cell-sub">{{ $customer->created_at->format('d.m.Y') }}</span>
                </td>
                <td data-col="_actions" class="text-end">
                    <div class="dt-rowact justify-content-end">
                        <button type="button" class="dt-iconbtn danger" title="Sil" onclick="deleteCustomer({{ $customer->id }})"><i class="fas fa-trash"></i></button>
                    </div>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="100">
                    <div class="dt-empty">
                        <i class="fas fa-users"></i>
                        <h4>Henüz müşteri yok</h4>
                        <p>İlk müşterinizi ekleyerek başlayın.</p>
                    </div>
                </td>
            </tr>
        @endforelse
    </x-data-table>
</div>

{{-- Silme formu --}}
<form id="deleteForm" method="POST" style="display:none">@csrf @method('DELETE')</form>
@endsection

@push('scripts')
<script>
function selectedCustomerIds() {
    return [...document.querySelectorAll('.dt-root .dt-rowcheck:checked')].map(cb => cb.value);
}

function deleteCustomer(id) {
    if (!confirm('Bu müşteriyi silmek istediğinizden emin misiniz?')) return;
    const form = document.getElementById('deleteForm');
    form.action = `/agency/customers/${id}`;
    form.submit();
}

function bulkDelete() {
    const ids = selectedCustomerIds();
    if (!ids.length || !confirm(`${ids.length} müşteriyi silmek istediğinizden emin misiniz?`)) return;
    fetch('{{ route("agency.customers.bulk-delete") }}', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
        body: JSON.stringify({ ids })
    }).then(r => r.json()).then(d => d.success && location.reload());
}

function bulkStatus(status) {
    const ids = selectedCustomerIds();
    if (!ids.length) return;
    fetch('{{ route("agency.customers.bulk-status") }}', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
        body: JSON.stringify({ ids, status })
    }).then(r => r.json()).then(d => d.success && location.reload());
}

// İstenirse müşteri drawer'ını otomatik aç
@if(request('open_customer_id'))
    document.addEventListener('DOMContentLoaded', () => {
        setTimeout(() => {
            openCustomerDrawer({{ request('open_customer_id') }}, '{{ request('tab', 'general') }}');
        }, 500);
    });
@endif
</script>
@endpush