@extends('layouts.app')
@section('title', 'ملف العميل')
@section('page_title', 'الملف الشامل 360 — ' . $customer->name)
@section('page_subtitle', 'كود العميل: ' . ($customer->code ?? '—'))

@section('page_actions')
    <button class="btn btn-success" data-call-phone="{{ $customer->phone }}" data-customer-id="{{ $customer->id }}">
        <i class="bi bi-telephone-outbound"></i> اتصال
    </button>
    @if (auth()->user()->hasPermission('calls.create'))
        <a class="btn btn-primary" href="{{ route('calls.create', ['customer_id' => $customer->id]) }}">
            <i class="bi bi-journal-plus"></i> تسجيل مكالمة
        </a>
    @endif
@endsection

@section('content')
<div class="row g-3">
    <div class="col-lg-4">
        <div class="card mb-3">
            <div class="card-header">بيانات العميل</div>
            <div class="card-body">
                <table class="table table-sm mb-0">
                    <tr><th style="width:120px;">الاسم</th><td>{{ $customer->name }}</td></tr>
                    <tr><th>الهاتف</th><td dir="ltr">{{ $customer->phone }}</td></tr>
                    <tr><th>هاتف إضافي</th><td dir="ltr">{{ $customer->alt_phone ?? '—' }}</td></tr>
                    <tr><th>البريد</th><td dir="ltr">{{ $customer->email ?? '—' }}</td></tr>
                    <tr><th>المدينة</th><td>{{ $customer->city ?? '—' }}</td></tr>
                    <tr><th>الجنسية</th><td>{{ $customer->nationality ?? '—' }}</td></tr>
                    <tr><th>التصنيف</th><td>@include('customers.partials.type-badge')</td></tr>
                    <tr><th>المصدر</th><td>{{ $customer->source ?? '—' }}</td></tr>
                    <tr><th>المسؤول</th><td>{{ $customer->owner?->name ?? '—' }}</td></tr>
                    <tr><th>الفريق</th><td>{{ $customer->team?->name ?? '—' }}</td></tr>
                    <tr><th>آخر تواصل</th><td>{{ $customer->last_contacted_at?->format('Y-m-d H:i') ?? '—' }}</td></tr>
                </table>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header">التفضيلات السياحية</div>
            <div class="card-body">{!! nl2br(e($customer->preferences ?? 'لا توجد تفضيلات مسجلة')) !!}</div>
        </div>

        <div class="card">
            <div class="card-header">ملاحظات</div>
            <div class="card-body">{!! nl2br(e($customer->notes ?? '—')) !!}</div>
        </div>
    </div>

    <div class="col-lg-8">
        <ul class="nav nav-tabs mb-3" role="tablist">
            <li class="nav-item">
                <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-calls">
                    المكالمات ({{ $customer->calls->count() }})
                </button>
            </li>
            <li class="nav-item">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-tickets">
                    التذاكر ({{ $customer->tickets->count() }})
                </button>
            </li>
            <li class="nav-item">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-followups">
                    المتابعات ({{ $customer->followUps->count() }})
                </button>
            </li>
        </ul>

        <div class="tab-content">
            @include('customers.partials.tab-calls')
            @include('customers.partials.tab-tickets')
            @include('customers.partials.tab-followups')
        </div>
    </div>
</div>
@endsection