{{--
    Müşteri künyesi — Özet sekmesinin sağ sütunu.

    Amaç: telefon, e-posta, kimlik ve fatura bilgileri gibi gün içinde en çok
    kopyalanan veriler tek yerde ve tek tıkla panoya alınabilir olsun.
    Kopyalama drawer'daki genel [data-copy] mekanizmasıyla çalışır.

    Beklenen: $customer
--}}
@php
    // Fatura muhatabı seçenekleri: kurumsal profiller (kendi şirket kartı ya da
    // bağlı şirketler) + şahıs profili. Kurumsal varsa önce o gösterilir.
    $billingProfiles = app(\App\Services\Customer\CustomerBillingService::class)->profiles($customer);
    $isCorporate = app(\App\Services\Customer\CustomerBillingService::class)->isCorporate($customer);

    $addressLine = trim(implode(' ', array_filter([
        $customer->address, $customer->district, $customer->city, $customer->postal_code,
    ])));

    $billingAddress = $customer->billing_address ?: $addressLine;
    $billingTaxNo = $customer->billing_tax_number ?: ($isCorporate ? $customer->company_tax_number : $customer->national_id);
    $billingTaxOffice = $customer->billing_tax_office ?: $customer->company_tax_office;
    $billingTitle = $isCorporate ? ($customer->company_name ?: $customer->full_name) : $customer->full_name;

    // Fatura bilgisini tek blokta kopyalayabilmek için hazır metin
    $billingBlock = trim(implode("\n", array_filter([
        $billingTitle,
        $billingTaxOffice ? 'Vergi Dairesi: ' . $billingTaxOffice : null,
        $billingTaxNo ? ($isCorporate ? 'Vergi No: ' : 'T.C. Kimlik No: ') . $billingTaxNo : null,
        $billingAddress ?: null,
        $customer->billing_email ? 'E-posta: ' . $customer->billing_email : null,
    ])));

    // [etiket, değer, ikon] üçlüleri — değeri boş olanlar basılmaz
    $contactRows = array_filter([
        ['Telefon', $customer->phone, 'fa-phone'],
        ['İkinci Telefon', $customer->phone_alt, 'fa-mobile-screen'],
        ['E-posta', $customer->email, 'fa-envelope'],
        ['Adres', $addressLine, 'fa-location-dot'],
    ], fn ($r) => filled($r[1]));

    // Ad ve soyad tek tek de kopyalanabilsin (form doldururken parça parça lazım olur)
    $nameRows = array_filter([
        ['Ad', $customer->first_name, 'fa-user'],
        ['Soyad', $customer->last_name, 'fa-user'],
        ['Ad Soyad', $customer->full_name, 'fa-signature'],
        [$isCorporate ? 'Şirket Unvanı' : null, $isCorporate ? $customer->company_name : null, 'fa-building'],
    ], fn ($r) => filled($r[0]) && filled($r[1]));

    $identityRows = array_filter([
        [$isCorporate ? 'Vergi No' : 'T.C. Kimlik No', $isCorporate ? $customer->company_tax_number : $customer->national_id, 'fa-id-card'],
        ['Vergi Dairesi', $customer->company_tax_office, 'fa-building-columns'],
        ['Pasaport No', $customer->passport_number, 'fa-passport'],
    ], fn ($r) => filled($r[1]));

    $billingRows = array_filter([
        ['Fatura Unvanı', $billingTitle, 'fa-file-signature'],
        ['Vergi Dairesi', $billingTaxOffice, 'fa-building-columns'],
        [$isCorporate ? 'Vergi No' : 'T.C. Kimlik No', $billingTaxNo, 'fa-hashtag'],
        ['Fatura E-posta', $customer->billing_email, 'fa-envelope-open-text'],
        ['Fatura Adresi', $billingAddress, 'fa-location-dot'],
    ], fn ($r) => filled($r[1]));
@endphp

<aside class="ckey">

    {{-- Kimlik başlığı --}}
    <div class="ckey-head">
        <span class="ckey-av">{{ $customer->initials }}</span>
        <div class="ckey-head-txt">
            <b data-copy="{{ $isCorporate ? $customer->company_name : $customer->full_name }}" title="Kopyala">
                {{ $isCorporate ? ($customer->company_name ?: $customer->full_name) : $customer->full_name }}
            </b>
            <small>
                {{ $isCorporate ? 'Kurumsal' : 'Bireysel' }}
                @if($isCorporate && $customer->company_position) · {{ $customer->company_position }} @endif
            </small>
        </div>
    </div>

    @if(count($nameRows))
        <section class="ckey-sec">
            <div class="ckey-sec-h">
                <i class="fas fa-user-tag"></i> Ad Soyad
                <button type="button" class="ckey-blockcopy" data-copy="{{ $customer->full_name }}">
                    <i class="fas fa-copy"></i> Kopyala
                </button>
            </div>
            @foreach($nameRows as [$label, $value, $icon])
                <div class="ckey-row" data-copy="{{ $value }}" title="Kopyalamak için tıklayın">
                    <i class="fas {{ $icon }} ckey-row-ic"></i>
                    <div class="ckey-row-txt">
                        <span class="ckey-lbl">{{ $label }}</span>
                        <span class="ckey-val">{{ $value }}</span>
                    </div>
                    <i class="fas fa-copy ckey-copy"></i>
                </div>
            @endforeach
        </section>
    @endif

    @if(count($contactRows))
        <section class="ckey-sec">
            <div class="ckey-sec-h"><i class="fas fa-address-book"></i> İletişim</div>
            @foreach($contactRows as [$label, $value, $icon])
                <div class="ckey-row" data-copy="{{ $value }}" title="Kopyalamak için tıklayın">
                    <i class="fas {{ $icon }} ckey-row-ic"></i>
                    <div class="ckey-row-txt">
                        <span class="ckey-lbl">{{ $label }}</span>
                        <span class="ckey-val">{{ $value }}</span>
                    </div>
                    <i class="fas fa-copy ckey-copy"></i>
                </div>
            @endforeach
        </section>
    @endif

    @if(count($identityRows))
        <section class="ckey-sec">
            <div class="ckey-sec-h"><i class="fas fa-id-badge"></i> Kimlik</div>
            @foreach($identityRows as [$label, $value, $icon])
                <div class="ckey-row" data-copy="{{ $value }}" title="Kopyalamak için tıklayın">
                    <i class="fas {{ $icon }} ckey-row-ic"></i>
                    <div class="ckey-row-txt">
                        <span class="ckey-lbl">{{ $label }}</span>
                        <span class="ckey-val mono">{{ $value }}</span>
                    </div>
                    <i class="fas fa-copy ckey-copy"></i>
                </div>
            @endforeach
        </section>
    @endif

    {{-- Fatura bilgileri: kurumsal profil(ler) + şahıs; sekmelerle geçilir --}}
    <section class="ckey-sec">
        <div class="ckey-sec-h"><i class="fas fa-file-invoice-dollar"></i> Fatura Bilgileri</div>

        @if(count($billingProfiles) > 1)
            <div class="ckey-tabs" role="tablist">
                @foreach($billingProfiles as $i => $bp)
                    <button type="button" class="ckey-tab {{ $i === 0 ? 'active' : '' }}" data-bp="{{ $i }}">
                        <i class="fas {{ $bp['type'] === 'company' ? 'fa-building' : 'fa-id-card' }}"></i>
                        {{ $bp['type'] === 'company' ? \Illuminate\Support\Str::limit($bp['label'], 16) : 'Şahıs' }}
                    </button>
                @endforeach
            </div>
        @endif

        @foreach($billingProfiles as $i => $bp)
            @php
                $b = $bp['billing'];
                $rows = array_filter([
                    ['Unvan', $b['company_name'] ?: $b['name'], 'fa-file-signature'],
                    [$bp['type'] === 'company' ? 'Vergi No' : 'T.C. Kimlik No', $b['tax_number'], 'fa-hashtag'],
                    ['Vergi Dairesi', $b['tax_office'], 'fa-building-columns'],
                    ['E-posta', $b['email'], 'fa-envelope-open-text'],
                    ['Adres', $b['address'], 'fa-location-dot'],
                ], fn ($r) => filled($r[1]));

                $block = trim(implode("\n", array_filter([
                    $b['company_name'] ?: $b['name'],
                    $b['tax_office'] ? 'Vergi Dairesi: ' . $b['tax_office'] : null,
                    $b['tax_number'] ? ($bp['type'] === 'company' ? 'Vergi No: ' : 'T.C. Kimlik No: ') . $b['tax_number'] : null,
                    $b['address'] ?: null,
                    $b['email'] ? 'E-posta: ' . $b['email'] : null,
                ])));
            @endphp

            <div class="ckey-bp {{ $i === 0 ? '' : 'd-none' }}" data-bp-panel="{{ $i }}">
                <div class="ckey-bp-head">
                    <span class="ckey-bp-kind {{ $bp['type'] }}">{{ $bp['type'] === 'company' ? 'Kurumsal' : 'Şahıs' }}</span>
                    <small>{{ $bp['sub'] }}</small>
                    @if($block)
                        <button type="button" class="ckey-blockcopy" data-copy="{{ $block }}" title="Tümünü kopyala">
                            <i class="fas fa-clone"></i> Tümü
                        </button>
                    @endif
                </div>

                @if(!$bp['complete'])
                    <div class="ckey-warn">
                        <i class="fas fa-triangle-exclamation"></i>
                        {{ $bp['type'] === 'company' ? 'Vergi numarası girilmemiş — bu unvana resmi fatura kesilemez.' : 'T.C. kimlik numarası girilmemiş.' }}
                    </div>
                @endif

                @forelse($rows as [$label, $value, $icon])
                    <div class="ckey-row" data-copy="{{ $value }}" title="Kopyalamak için tıklayın">
                        <i class="fas {{ $icon }} ckey-row-ic"></i>
                        <div class="ckey-row-txt">
                            <span class="ckey-lbl">{{ $label }}</span>
                            <span class="ckey-val {{ in_array($label, ['Vergi No', 'T.C. Kimlik No']) ? 'mono' : '' }}">{{ $value }}</span>
                        </div>
                        <i class="fas fa-copy ckey-copy"></i>
                    </div>
                @empty
                    <div class="ckey-empty">
                        Fatura bilgisi girilmemiş.
                        <small>Profil Bilgileri sekmesinden ekleyebilirsiniz.</small>
                    </div>
                @endforelse
            </div>
        @endforeach
    </section>

    {{-- Hızlı aksiyonlar --}}
    <div class="ckey-acts">
        @if($customer->phone)
            <a href="tel:{{ $customer->phone }}" class="ckey-act"><i class="fas fa-phone"></i> Ara</a>
            <a href="https://wa.me/{{ preg_replace('/\D/', '', $customer->phone) }}" target="_blank" rel="noopener" class="ckey-act wa"><i class="fab fa-whatsapp"></i> WhatsApp</a>
        @endif
        @if($customer->email)
            <a href="mailto:{{ $customer->email }}" class="ckey-act"><i class="fas fa-envelope"></i> E-posta</a>
        @endif
    </div>
</aside>

@once
<style>
    .ckey {
        position: sticky; top: 0;
        display: flex; flex-direction: column; gap: .85rem;
        font-family: 'Manrope', system-ui, sans-serif;
    }

    .ckey-head {
        display: flex; align-items: center; gap: .75rem; padding: .9rem 1rem;
        background: linear-gradient(135deg, #0f172a, #1e293b); border-radius: 18px; color: #fff;
    }
    .ckey-av {
        width: 42px; height: 42px; flex: none; border-radius: 13px; display: grid; place-items: center;
        background: linear-gradient(135deg, #3b82f6, #1d4ed8); font-size: .88rem; font-weight: 800; letter-spacing: .02em;
    }
    .ckey-head-txt { min-width: 0; }
    .ckey-head-txt b {
        display: block; font-size: .95rem; font-weight: 800; cursor: pointer;
        overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    }
    .ckey-head-txt b:hover { color: #93c5fd; }
    .ckey-head-txt small { display: block; font-size: .7rem; color: #94a3b8; font-weight: 600; }

    .ckey-sec { background: #fff; border: 1px solid #e8edf4; border-radius: 18px; padding: .55rem; }
    .ckey-sec-h {
        display: flex; align-items: center; gap: .45rem; padding: .35rem .55rem .5rem;
        font-size: .66rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: #94a3b8;
    }
    .ckey-sec-h i { color: #cbd5e1; }
    .ckey-blockcopy {
        margin-left: auto; display: inline-flex; align-items: center; gap: 4px; cursor: pointer;
        border: 1px solid #e2e8f0; background: #f8fafc; color: #475569; border-radius: 8px;
        font-family: inherit; font-size: .62rem; font-weight: 800; letter-spacing: 0; text-transform: none;
        padding: 3px 8px; transition: all .15s;
    }
    .ckey-blockcopy:hover { border-color: #93c5fd; color: #1d4ed8; background: #eff6ff; }

    .ckey-row {
        display: flex; align-items: center; gap: .6rem; padding: .5rem .55rem; border-radius: 12px;
        cursor: pointer; transition: background .13s, transform .13s;
    }
    .ckey-row:hover { background: #f5f9ff; transform: translateX(2px); }
    .ckey-row-ic { width: 15px; text-align: center; color: #cbd5e1; font-size: .75rem; flex: none; }
    .ckey-row-txt { min-width: 0; flex: 1; }
    .ckey-lbl { display: block; font-size: .62rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #b6bfd0; }
    .ckey-val {
        display: block; font-size: .84rem; font-weight: 700; color: #0f172a; line-height: 1.35;
        overflow-wrap: anywhere;
    }
    .ckey-val.mono { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .8rem; letter-spacing: .01em; }
    .ckey-copy { color: #e2e8f0; font-size: .72rem; flex: none; transition: color .13s; }
    .ckey-row:hover .ckey-copy { color: #3b82f6; }
    /* Kopyalandı geri bildirimi (drawer genel [data-copy] mekanizması ekler) */
    .ckey-row.qv-copied { background: #ecfdf5; }
    .ckey-row.qv-copied .ckey-copy { color: #059669; }

    .ckey-empty {
        padding: .9rem .6rem; text-align: center; font-size: .78rem; font-weight: 600; color: #94a3b8;
    }
    .ckey-empty small { display: block; font-size: .68rem; font-weight: 500; color: #cbd5e1; margin-top: 2px; }

    /* Fatura profili sekmeleri (kurumsal / şahıs) */
    .ckey-tabs { display: flex; gap: 4px; padding: 0 .3rem .5rem; flex-wrap: wrap; }
    .ckey-tab {
        display: inline-flex; align-items: center; gap: 5px; cursor: pointer;
        border: 1px solid #e8edf4; background: #fff; color: #64748b; border-radius: 9px;
        font-family: inherit; font-size: .68rem; font-weight: 800; padding: 4px 9px; transition: all .15s;
    }
    .ckey-tab i { font-size: .62rem; color: #cbd5e1; }
    .ckey-tab:hover { border-color: #93c5fd; color: #1d4ed8; }
    .ckey-tab.active { background: #0f172a; border-color: #0f172a; color: #fff; }
    .ckey-tab.active i { color: #93c5fd; }

    .ckey-bp-head { display: flex; align-items: center; gap: 7px; padding: .2rem .55rem .45rem; }
    .ckey-bp-kind { font-size: .6rem; font-weight: 800; padding: 2px 8px; border-radius: 999px; }
    .ckey-bp-kind.company { background: #eef2ff; color: #4338ca; }
    .ckey-bp-kind.individual { background: #ecfdf5; color: #047857; }
    .ckey-bp-head small { font-size: .65rem; color: #b6bfd0; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .ckey-bp-head .ckey-blockcopy { margin-left: auto; }
    .ckey-warn {
        display: flex; align-items: flex-start; gap: 6px; margin: 0 .3rem .4rem; padding: .45rem .6rem;
        background: #fffbeb; border: 1px solid #fde68a; border-radius: 10px;
        font-size: .68rem; font-weight: 600; color: #b45309; line-height: 1.45;
    }

    .ckey-acts { display: flex; flex-wrap: wrap; gap: 6px; }
    .ckey-act {
        flex: 1 1 auto; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
        padding: .55rem .7rem; border-radius: 12px; text-decoration: none;
        background: #fff; border: 1px solid #e8edf4; color: #475569;
        font-size: .76rem; font-weight: 800; transition: all .15s;
    }
    .ckey-act:hover { border-color: #93c5fd; color: #1d4ed8; background: #eff6ff; }
    .ckey-act.wa:hover { border-color: #86efac; color: #15803d; background: #f0fdf4; }
</style>

<script>
// Fatura profili sekmeleri — kart her enjekte edildiğinde tekrar bağlanmasın
(function () {
    if (window.__ckeyBound) return;
    window.__ckeyBound = true;

    document.addEventListener('click', function (e) {
        const tab = e.target.closest('.ckey-tab');
        if (!tab) return;
        const sec = tab.closest('.ckey-sec');
        sec.querySelectorAll('.ckey-tab').forEach(t => t.classList.toggle('active', t === tab));
        sec.querySelectorAll('[data-bp-panel]').forEach(p => {
            p.classList.toggle('d-none', p.dataset.bpPanel !== tab.dataset.bp);
        });
    });
})();
</script>
@endonce