@extends('agency.layouts.app')

@section('title', 'Tedarikçiler')
@section('page_title', 'Tedarikçi Yönetimi')

@php
    $breadcrumbs = [
        ['title' => 'Dashboard', 'url' => route('agency.dashboard')],
        ['title' => 'Tedarikçi Yönetimi', 'url' => '']
    ];

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

    $columns = [
        ['key' => 'name',         'label' => 'Tedarikçi',    'sortable' => true, 'sort' => 'company_name'],
        ['key' => 'responsible',  'label' => 'Yetkili Kişi'],
        ['key' => 'contact',      'label' => 'İletişim'],
        ['key' => 'type',         'label' => 'Yapı',         'sortable' => true, 'sort' => 'type', 'align' => 'center'],
        ['key' => 'supplier_type','label' => 'Hizmet Türü',  'sortable' => true, 'sort' => 'supplier_type'],
        ['key' => 'status',       'label' => 'Durum',        'sortable' => true, 'sort' => 'status', 'align' => 'center'],
        ['key' => 'created',      'label' => 'Kayıt Tarihi', 'sortable' => true, 'sort' => 'created_at', 'align' => 'center'],
    ];

    $filters = [
        ['key' => 'status', 'label' => 'Durum', 'value' => request('status'), 'placeholder' => 'Tüm Durumlar', 'options' => [
            'active' => 'Aktif', 'inactive' => 'Pasif', 'blocked' => 'Engellenmiş', 'potential' => 'Potansiyel',
        ]],
        ['key' => 'supplier_type', 'label' => 'Hizmet Türü', 'value' => request('supplier_type'), 'placeholder' => 'Tüm Hizmet Türleri',
            'options' => \App\Models\Supplier\Supplier::supplierTypes()],
        ['key' => 'type', 'label' => 'Yapı', 'value' => request('type'), 'placeholder' => 'Tüm Yapılar', 'options' => [
            'individual' => 'Kişiler', 'corporate' => 'Şirketler',
        ]],
    ];
@endphp

@push('styles')
<style>
    /* Tedarikçi listesi hücre yardımcıları */
    .s-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; }
    .s-avatar.corporate { background:linear-gradient(135deg,#3b82f6,#2563eb); }
    .s-name { font-weight:600; color:#0f172a; font-size:.875rem; }
    .s-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-supplier-type { display:inline-flex; align-items:center; gap:4px; padding:4px 10px; border-radius:8px; font-size:.75rem; font-weight:600; }
    .bst-hotel { background:#eff6ff; color:#2563eb; }
    .bst-transportation { background:#ede9fe; color:#8b5cf6; }
    .bst-restaurant { background:#fff7ed; color:#ea580c; }
    .bst-insurance { background:#ecfdf5; color:#059669; }
    .bst-visa { background:#fdf2f8; color:#db2777; }
    .bst-airline { background:#f0fdfa; color:#0d9488; }
</style>
@endpush

@section('content')
<div class="container-fluid">
    <x-data-table
        module="suppliers"
        title="Tedarikçi Yönetimi"
        subtitle="Tedarikçilerinizi ve fiyat listelerini yönetin"
        icon="fa-handshake"
        :columns="$columns"
        :filters="$filters"
        :bulk="true"
        :search="request('search', '')"
        search-placeholder="Tedarikçi adı, yetkili veya telefon ara..."
        :sort="$sort"
        :dir="$dir"
        :create-url="route('agency.suppliers.create')"
        create-label="Yeni Tedarikçi"
        :paginator="$suppliers"
        :per-page-options="[20, 50, 100, 200]"
    >
        <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>
        </x-slot:bulkActions>

        @forelse($suppliers as $supplier)
            <tr class="supplier-row" data-id="{{ $supplier->id }}" style="cursor:pointer">
                <td data-col="_select" onclick="event.stopPropagation()">
                    <label class="dt-check"><input type="checkbox" class="dt-rowcheck" value="{{ $supplier->id }}"><span></span></label>
                </td>
                <td data-col="name">
                    <div class="d-flex align-items-center gap-3">
                        <div class="s-avatar {{ $supplier->type === 'corporate' ? 'corporate' : '' }}">{{ $supplier->initials }}</div>
                        <div>
                            <div class="s-name">{{ $supplier->full_name }}</div>
                            @if($supplier->city)
                                <div class="s-email"><i class="fas fa-map-marker-alt me-1" style="color:#94a3b8"></i>{{ $supplier->city }}@if($supplier->district), {{ $supplier->district }}@endif</div>
                            @endif
                        </div>
                    </div>
                </td>
                <td data-col="responsible">
                    @if($supplier->type === 'corporate' && $supplier->responsible_person_name)
                        <div class="s-name" style="font-size:.83rem"><i class="fas fa-user-tie me-1 text-muted"></i>{{ $supplier->responsible_person_name }}</div>
                        @if($supplier->responsible_person_phone)
                            <div class="s-email mt-1">{{ $supplier->responsible_person_phone }}</div>
                        @endif
                    @else
                        <span class="dt-cell-sub">—</span>
                    @endif
                </td>
                <td data-col="contact">
                    @if($supplier->phone)
                        <div class="s-email"><i class="fas fa-phone me-1"></i>{{ $supplier->phone }}</div>
                    @elseif($supplier->phones && count($supplier->phones) > 0)
                        <div class="s-email"><i class="fas fa-phone me-1"></i>{{ $supplier->phones[0] }}</div>
                    @endif
                    @if($supplier->emails && count($supplier->emails) > 0)
                        <div class="s-email mt-1"><i class="fas fa-envelope me-1"></i>{{ $supplier->emails[0] }}</div>
                    @endif
                </td>
                <td data-col="type" class="text-center">
                    <span style="font-size:.78rem;color:#64748b">
                        {{ $supplier->type === 'corporate' ? '🏢 Şirket' : '👤 Kişi' }}
                    </span>
                </td>
                <td data-col="supplier_type">
                    <span class="badge-supplier-type bst-{{ $supplier->supplier_type }}">
                        @if($supplier->supplier_type === 'hotel') <i class="fas fa-hotel"></i>
                        @elseif($supplier->supplier_type === 'transportation') <i class="fas fa-shuttle-van"></i>
                        @elseif($supplier->supplier_type === 'restaurant') <i class="fas fa-utensils"></i>
                        @elseif($supplier->supplier_type === 'insurance') <i class="fas fa-shield-alt"></i>
                        @elseif($supplier->supplier_type === 'visa') <i class="fas fa-passport"></i>
                        @elseif($supplier->supplier_type === 'airline') <i class="fas fa-plane"></i>
                        @endif
                        {{ $supplier->supplier_type_label }}
                    </span>
                </td>
                <td data-col="status" class="text-center">
                    <span class="badge-status
                               @if($supplier->status === 'active') bs-active
                               @elseif($supplier->status === 'blocked') bs-blocked
                               @elseif($supplier->status === 'potential') bs-potential
                               @else bs-inactive @endif">
                        {{ $supplier->status_label }}
                    </span>
                </td>
                <td data-col="created" class="text-center">
                    <span class="dt-cell-sub">{{ $supplier->created_at->format('d.m.Y') }}</span>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="100">
                    <div class="dt-empty">
                        <i class="fas fa-handshake"></i>
                        <h4>Henüz tedarikçi bulunamadı</h4>
                        <p>Yeni bir tedarikçi ekleyerek fiyat listelerini yönetmeye başlayın.</p>
                    </div>
                </td>
            </tr>
        @endforelse
    </x-data-table>
</div>
@endsection

@push('scripts')
<script>
function bulkStatus(status) {
    const ids = [...document.querySelectorAll('.dt-root .dt-rowcheck:checked')].map(cb => cb.value);
    if (!ids.length) return;

    fetch('{{ route("agency.suppliers.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 tedarikçi drawer'ını otomatik aç
@if(request('open_supplier_id'))
    document.addEventListener('DOMContentLoaded', () => {
        setTimeout(() => {
            openSupplierDrawer({{ request('open_supplier_id') }}, '{{ request('tab', 'general') }}');
        }, 500);
    });
@endif
</script>
@endpush