@extends('layouts.app')

@section('headScripts')
<script src="https://cdn.tiny.cloud/1/opnb5tiaxvfkkojbej4xw1cr9h524cvb9aaw2srmg8t13cf9/tinymce/7/tinymce.min.js"
    referrerpolicy="origin"></script>
@endsection

@section('content')

{{-- İŞLEV ÇUBUĞU --}}
<header class="tracking-tight shadow bg-gradient-to-b from-stone-100 to-white">
    <div class="lg:divide-y lg:divide-gray-200">
        <nav class="hidden divide-x lg:flex" aria-label="Global">
            <div
                class="bg-gradient-to-b from-stone-600 to-stone-500 ps-2.5 pe-4 py-1.5 text-sm text-stone-50 shadow-sm rounded-e-2xl">
                {{ $company->name }}</div>
            <div x-data="{ saleMenu: false }" @mouseenter="saleMenu = true" @mouseleave="saleMenu = false"
                class="relative">
                <button type="button"
                    class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Satış
                </button>
                <div class="absolute grid py-2 shadow-md bg-stone-50 min-w-44" x-show="saleMenu" x-transition
                    x-cloak="">
                    <a href="{{ route('receipts.create', ['type' => 'sale', 'company' => $company->id]) }}"
                        type="button"
                        class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Satış Fişi</a>
                    @if ($company->addresses->count() > 0)
                    <a href="{{ route('create-invoice', ['id' => $company->id, 'type' => 'sales_invoice']) }}"
                        type="button"
                        class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Satış
                        Faturası</a>
                    @endif
                </div>
            </div>
            <a href="{{ route('transactions.create', ['id' => $company->id, 'type' => 'received']) }}" type="button"
                class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Tahsilat</a>
            <div x-data="{ purchaseMenu: false }" @mouseenter="purchaseMenu = true" @mouseleave="purchaseMenu = false"
                class="relative">
                <button type="button"
                    class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Alış
                </button>
                <div class="absolute grid py-2 shadow-md bg-stone-50 min-w-44" x-show="purchaseMenu" x-transition
                    x-cloak="">
                    <a href="{{ route('receipts.create', ['type' => 'purchase', 'company' => $company->id]) }}"
                        type="button"
                        class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Alış Fişi</a>
                    @if ($company->addresses->count() > 0)
                    <a href="{{ route('create-invoice', ['id' => $company->id, 'type' => 'purchase_invoice']) }}"
                        type="button"
                        class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Alış
                        Faturası</a>
                    @endif
                </div>
            </div>
            <a href="{{ route('transactions.create', ['id' => $company->id, 'type' => 'paid']) }}" type="button"
                class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Ödeme</a>
            <div x-data="{ purchaseMenu: false }" @mouseenter="purchaseMenu = true" @mouseleave="purchaseMenu = false"
                class="relative">
                <button type="button"
                    class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Diğer İşlemler
                </button>
                <div class="absolute grid py-2 shadow-md bg-stone-50 min-w-44" x-show="purchaseMenu" x-transition
                    x-cloak="">
                    <a href="{{ route('companies.print', $company->id) }}" type="button"
                        class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Cari Döküm</a>
                    <a href="{{ route('addresses.create', $company->id) }}" type="button"
                        class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Adres Ekle</a>
                </div>
            </div>
            <div x-data="{ purchaseMenu: false }" @mouseenter="purchaseMenu = true" @mouseleave="purchaseMenu = false"
                class="relative">
                <button type="button"
                    class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Ayarlar
                </button>
                <div class="absolute grid py-2 shadow-md bg-stone-50 min-w-44" x-show="purchaseMenu" x-transition
                    x-cloak="">
                    <a href="{{ route('companies.edit', $company->slug) }}" type="button"
                        class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">İşletme
                        Ayarları</a>
                    @if ($company->email != null)
                    <a href="{{ route('create-invoice', $company->id) }}" type="button"
                        class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Eposta
                        Ayarları</a>
                    @endif
                </div>
            </div>
        </nav>
    </div>
</header>

<div class="">
    <main>
        <div class="w-full px-4 pt-4 pb-60 sm:px-6 lg:px-8">
            <div
                class="grid items-start max-w-2xl grid-cols-1 grid-rows-1 gap-4 mx-auto lg:mx-0 lg:max-w-none lg:grid-cols-3">

                {{-- BREADCRUMB --}}
                <nav class="flex py-2" aria-label="Breadcrumb">
                    <ol role="list" class="flex items-center space-x-4 uppercase">
                        <li>
                            <div>
                                <a href="{{ route('dashboard') }}" class="text-stone-400 hover:text-stone-500">
                                    <svg class="flex-shrink-0 w-5 h-5" viewBox="0 0 20 20" fill="currentColor"
                                        aria-hidden="true">
                                        <path fill-rule="evenodd"
                                            d="M9.293 2.293a1 1 0 011.414 0l7 7A1 1 0 0117 11h-1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-3a1 1 0 00-1-1H9a1 1 0 00-1 1v3a1 1 0 01-1 1H5a1 1 0 01-1-1v-6H3a1 1 0 01-.707-1.707l7-7z"
                                            clip-rule="evenodd" />
                                    </svg>
                                    <span class="sr-only">Home</span>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="flex items-center">
                                <svg class="flex-shrink-0 w-5 h-5 text-stone-300" fill="currentColor"
                                    viewBox="0 0 20 20" aria-hidden="true">
                                    <path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z" />
                                </svg>
                                <a href="{{ route('companies.index') }}"
                                    class="ml-4 text-sm font-medium text-stone-500 hover:text-stone-700">HESAPLAR</a>
                            </div>
                        </li>
                        <li>
                            <div class="flex items-center">
                                <svg class="flex-shrink-0 w-5 h-5 text-stone-300" fill="currentColor"
                                    viewBox="0 0 20 20" aria-hidden="true">
                                    <path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z" />
                                </svg>
                                <a href="#" class="ml-4 text-sm font-medium text-stone-500 hover:text-stone-700"
                                    aria-current="page">{{ $company->name }}</a>
                            </div>
                        </li>
                    </ol>
                </nav>

                <div class="grid gap-4 lg:col-start-1 lg:col-end-3">
                    {{-- SAYFA BAŞLIĞI --}}
                    <div class="overflow-hidden bg-white rounded-lg shadow ring-1 ring-stone-300">
                        <h2 class="sr-only" id="profile-overview-title">Profile Overview</h2>
                        <div class="p-6 bg-white">
                            <div class="sm:flex sm:items-center sm:justify-between">
                                <div class="sm:flex sm:space-x-5">
                                    <div class="flex-shrink-0 rounded-full pattern-charlie-emerald">
                                        @if ($company->type == 'client')
                                        <span
                                            class="inline-flex items-center justify-center w-20 h-20 rounded-full bg-gradient-to-b from-emerald-100/80 to-emerald-100/30">
                                            <span class="text-3xl font-medium leading-none text-emerald-600">{{
                                                $company->shortname ?? mb_substr($company->name, 0, 3, 'UTF-8')
                                                }}</span>
                                        </span>
                                        @else
                                        <span
                                            class="inline-flex items-center justify-center w-20 h-20 rounded-full bg-amber-50 ring-1 ring-amber-200">
                                            <span class="text-3xl font-medium leading-none text-amber-600">{{
                                                $company->shortname ?? mb_substr($company->name, 0, 3, 'UTF-8')
                                                }}</span>
                                        </span>
                                        @endif
                                    </div>
                                    <div class="w-full mt-4 text-center sm:mt-0 sm:pt-1 sm:text-left">
                                        @if ($company->type == 'client')
                                        <p class="text-sm font-medium text-emerald-600">Müşteri</p>
                                        @else
                                        <p class="text-sm font-medium text-amber-600">Tedarikçi</p>
                                        @endif
                                        <p class="text-xl font-bold text-gray-900 uppercase truncate sm:text-2xl">
                                            {{ $company->name }}</p>
                                    </div>
                                </div>
                                <div class="flex justify-center gap-3 mt-5 sm:mt-0">
                                    {{--
                                    <a href="{{ route('companies.print', $company->id) }}"
                                        class="flex items-center justify-center px-3 py-2 text-sm font-semibold text-gray-900 bg-white rounded-md shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">Cari
                                        Döküm</a>
                                    <a href="#"
                                        class="flex items-center justify-center px-3 py-2 text-sm font-semibold text-gray-900 bg-white rounded-md shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">Düzenle</a>
                                    --}}
                                </div>
                            </div>
                        </div>
                    </div>
                    @if (count($company->invoices) > 0)
                    {{-- GRAFİKLER --}}
                    <div class="p-4 bg-white rounded-lg shadow ring-1 ring-stone-300">
                        <dl
                            class="grid grid-cols-1 overflow-hidden tracking-tighter divide-y divide-gray-200 md:grid-cols-3 md:divide-x md:divide-y-0">
                            <div class="grid content-center py-3">
                                <dd class="items-baseline mt-1">
                                    <div class="flex items-baseline text-xl font-semibold gap-x-1 text-stone-600">
                                        {{ number_format($transaction_volume, 0, ',', '.') }}<span>₺</span>
                                        <span class="text-xs italic font-medium text-gray-500">İşlem hacmi</span>
                                    </div>
                                    @if ($company->getCompanyTotalSale() > 0)
                                    <div class="flex items-baseline text-base font-semibold gap-x-1 text-stone-600">
                                        {{ number_format($company->getCompanyTotalSale(), 0, ',', '.') }}<span>₺</span>
                                        <span class="text-xs italic font-medium text-gray-500">Satışlar</span>
                                    </div>
                                    @endif
                                    @if ($company->getCompanyTotalPurchase() > 0)
                                    <div class="flex items-baseline text-base font-semibold gap-x-1 text-stone-600">
                                        {{ number_format($company->getCompanyTotalPurchase(), 0, ',', '.')
                                        }}<span>₺</span>
                                        <span class="text-xs italic font-medium text-gray-500">Alışlar</span>
                                    </div>
                                    @endif
                                    @if ($company->getCompanyTotalIncome() > 0)
                                    <div class="flex items-baseline text-base font-semibold gap-x-1 text-stone-600">
                                        {{ number_format($company->getCompanyTotalIncome(), 0, ',', '.')
                                        }}<span>₺</span>
                                        <span class="text-xs italic font-medium text-gray-500">Tahsilatlar</span>
                                    </div>
                                    @endif
                                    @if ($company->getCompanyTotalPaid() > 0)
                                    <div class="flex items-baseline text-base font-semibold gap-x-1 text-stone-600">
                                        {{ number_format($company->getCompanyTotalPaid(), 0, ',', '.') }}<span>₺</span>
                                        <span class="text-xs italic font-medium text-gray-500">Ödemeler</span>
                                    </div>
                                    @endif
                                </dd>
                            </div>
                            <div class="grid content-center py-3">
                                <dt class="text-sm font-normal text-center text-gray-900">
                                    {{ $company->type == 'client' ? 'Gelir Dağılımı' : 'Gider Dağılımı' }}
                                </dt>
                                <dd class="flex items-baseline justify-center mt-1 gap-x-1 md:block lg:flex">
                                    <div class="flex items-baseline text-xl font-semibold gap-x-1 text-stone-600">
                                        @if ($company->type == 'client')
                                        {{ number_format($company->getCompanyReceivedRatio(), 1, ',', '.')
                                        }}<span>%</span>
                                        @else
                                        {{ number_format($company->getCompanyPaidRatio(), 1, ',', '.') }}<span>%</span>
                                        @endif
                                        <span class="text-xs font-medium text-gray-500">Son bir yıl</span>
                                    </div>
                                </dd>
                            </div>
                            <div class="py-3">
                                <dt class="text-base font-normal text-right text-gray-900">Bakiye</dt>
                                <dd class="grid items-baseline justify-items-end">
                                    <div class="flex items-baseline text-2xl font-bold gap-x-1 text-stone-600">
                                        <span class="text-sm font-medium text-gray-500">{{ $company->getCompanyBalance()
                                            < 0 ? 'Borç' : 'Alacak' }} </span>{{
                                                number_format($company->getCompanyBalance(), 0, ',', '.')
                                                }}<span>₺</span>
                                    </div>
                                    @if ($company->getCompanyAverageIncome() > 0)
                                    <div class="flex items-baseline text-base font-semibold gap-x-1 text-stone-600">
                                        <span class="text-xs italic font-medium text-gray-500">Aylık tahsilat
                                            ort.</span>
                                        {{ number_format($company->getCompanyAverageIncome(), 0, ',', '.')
                                        }}<span>₺</span>
                                    </div>
                                    @endif
                                    @if ($company->getCompanyAveragePaid() > 0)
                                    <div class="flex items-baseline text-base font-semibold gap-x-1 text-stone-600">
                                        <span class="text-xs italic font-medium text-gray-500">Aylık ödeme
                                            ort.</span>
                                        {{ number_format($company->getCompanyAveragePaid(), 0, ',', '.')
                                        }}<span>₺</span>
                                    </div>
                                    @endif
                                </dd>
                            </div>
                        </dl>
                        {{-- AI UYARI AYARLARI --}}
                        <div class="p-2 mt-2 rounded-md shadow bg-stone-50 ring-1 ring-stone-200">
                            <livewire:company-alert-mute :company="$company" />
                        </div>

                        {{-- BİLGİLENDİRMELER --}}
                        @if ($last_paid > 0 || $last_invoice > 0)
                        <div x-data="{ showPopover: false }" @mouseenter="showPopover = true"
                            @mouseleave="showPopover = false" class="relative">
                            <div
                                class="p-2 mt-2 rounded-md shadow pattern-charlie-brown bg-stone-50 ring-1 ring-stone-300">
                                <div class="flex">
                                    <div class="flex-shrink-0">
                                        <svg class="w-5 h-5 text-stone-400" viewBox="0 0 20 20" fill="currentColor"
                                            aria-hidden="true">
                                            <path fill-rule="evenodd"
                                                d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z"
                                                clip-rule="evenodd" />
                                        </svg>
                                    </div>
                                    <div class="flex-1 ml-3 md:flex md:justify-between">
                                        <p class="text-sm text-stone-700">
                                            @if ($last_paid > 0)
                                            Son tahsilat üzerinden geçen süre {{ $last_paid }} gün.
                                            @endif
                                            @if ($last_invoice > 0)
                                            Son fiş/fatura üzerinden geçen süre {{ $last_invoice }} gün.
                                            @endif
                                        </p>
                                    </div>
                                </div>
                            </div>

                            {{--
                            <div x-show="showPopover" x-transition x-cloak=""
                                class="absolute z-10 inline-block w-64 text-sm text-gray-500 bg-white border border-gray-200 rounded-lg shadow-xl bottom-12 dark:text-gray-400 dark:border-gray-600 dark:bg-gray-800">
                                <div
                                    class="px-3 py-2 bg-gray-100 border-b border-gray-200 rounded-t-lg dark:border-gray-600 dark:bg-gray-700">
                                    <h3 class="font-semibold text-gray-900 dark:text-white">Popover title</h3>
                                </div>
                                <div class="px-3 py-2">
                                    <p>And here's some amazing content. It's very engaging. Right?</p>
                                </div>
                            </div>
                            --}}
                        </div>
                        @endif
                    </div>
                    {{-- FATURA & FİŞLER --}}
                    <div class="p-4 bg-white rounded-lg shadow ring-1 ring-stone-300">
                        <h2 class="flex items-center mb-4 text-lg leading-6 font-jbmono-bold text-stone-700">
                            <span class="mr-1 material-symbols-rounded">
                                receipt_long
                            </span>
                            Fatura & Fişler
                        </h2>
                        <div class="grid grid-cols-1">
                            <ul role="list" class="divide-y divide-gray-100">

                                @foreach ($rows as $item)
                                <div
                                    class="flex items-center justify-start px-4 py-2 transition-all hover:bg-stone-50 hover:ring-1 hover:ring-stone-200 hover:shadow hover:rounded-xl">
                                    <div class="min-w-0 grow">
                                        <div class="flex items-center gap-x-3">
                                            @if ($item->type == 'received')
                                            <p class="text-sm leading-6 text-emerald-600">
                                                TAHSİLAT,<span class="pl-1.5 font-semibold text-stone-800">{{
                                                    $item->note }}</span>
                                            </p>
                                            @elseif($item->type == 'paid')
                                            <p class="text-sm leading-6 text-rose-600">
                                                ÖDEME,<span class="pl-1.5 font-semibold text-stone-800">{{ $item->note
                                                    }}</span>
                                            </p>
                                            @elseif($item->type == 'sales_invoice' || $item->type == 'purchase_invoice')
                                            <a href="{{ route('invoices.show', $item->id) }}"
                                                class="flex items-center text-sm font-semibold leading-6 text-stone-800">
                                                <span class="pr-1.5 font-normal text-stone-600">SATIŞ
                                                    FATURASI,</span>{{ $item->note }}
                                                @if (!empty($item->has_stock_allocation))
                                                <span class="relative pl-1 inline-flex items-center group">
                                                    <span
                                                        class="text-lg text-amber-500 material-symbols-rounded">call_split</span>
                                                    <span
                                                        class="absolute invisible px-2 py-1 text-xs text-white transition-all -translate-x-1/2 rounded-lg opacity-0 bg-stone-800 left-1/2 -top-8 group-hover:visible group-hover:opacity-100 whitespace-nowrap">
                                                        Bu faturaya ait stok dağıtımı var
                                                        <span
                                                            class="absolute w-2 h-2 rotate-45 -translate-x-1/2 bg-stone-800 left-1/2 -bottom-1"></span>
                                                    </span>
                                                </span>
                                                @endif
                                                @if ($item->uuid != null)
                                                <span
                                                    class="ml-2 inline-flex items-center rounded-md bg-green-50 px-1.5 py-0.5 text-xs font-medium text-green-700 ring-1 ring-inset ring-green-600/20">eBelge</span>
                                                <span class="pl-2 text-xs font-normal text-stone-400">{{
                                                    $item->number
                                                    }}</span>
                                                @endif
                                                @if ($item->currency != 'TRL')
                                                <span class="text-xs font-normal"> -
                                                    {{ $item->currency }}</span>
                                                @endif
                                            </a>
                                            @elseif($item->type == 'sales_receipt' || $item->type == 'purchase_receipt')
                                            <a href="{{ route('receipts.show', $item->id) }}"
                                                class="text-sm font-semibold leading-6 text-stone-500">
                                                {{ $item->type == 'sales_receipt' ? 'SATIŞ' : 'ALIŞ' }} FİŞİ <span
                                                    class="text-xs font-normal text-stone-400">{{
                                                    $item->note }}</span>
                                            </a>
                                            @endif
                                        </div>
                                        <div class="flex text-xs leading-5 text-gray-500 gap-x-2">
                                            <p class="whitespace-nowrap">
                                                <date class="text-gray-500">
                                                    {{ date('d.m.Y', strtotime($item->date)) }}
                                                </date>
                                                @if (isset($item->document_type) && $item->document_type == 'invoice')
                                                @foreach ($item->lines as $line)
                                                <span class="text-gray-400">{{ $line->product->name }}</span>
                                                @endforeach
                                                @endif
                                                @if (isset($item->document_type) && $item->document_type ==
                                                'bank_transaction')
                                                <span class="text-gray-400">{{ $item->bank->name }}</span>
                                                @endif
                                            </p>
                                        </div>
                                    </div>
                                    <div class="items-center flex-none text-right gap-x-2">
                                        @if ($item->type == 'paid')
                                        <p class="font-semibold text-rose-600 sm:block">
                                            <span
                                                class="text-sm material-symbols-rounded text-rose-600">north_east</span>
                                            {{ number_format($item->total_amount, 2, ',', '.') }}<span
                                                class="pl-0.5 font-normal text-xs">{{ $item->currency }}</span>
                                        </p>
                                        @elseif($item->type == 'received')
                                        <p class="font-semibold text-emerald-600 sm:block">
                                            <span
                                                class="text-sm material-symbols-rounded text-emerald-600">south_west</span>
                                            {{ number_format($item->total_amount, 2, ',', '.') }}<span
                                                class="pl-0.5 font-normal text-xs">{{ $item->currency }}</span>
                                        </p>
                                        @else
                                        <p class="font-semibold text-stone-600 sm:block">
                                            @if ($item->currency != 'TRL')
                                            <span class="pl-0.5 mr-1 font-normal text-stone-400 text-xs">
                                                {{ number_format($item->ex_amount, 2, ',', '.') }}<span
                                                    class="pl-0.5 font-normal text-xs">{{ $item->currency }}</span>
                                            </span>
                                            @endif
                                            {{ number_format($item->total_amount, 2, ',', '.') }}<span
                                                class="pl-0.5 font-normal text-xs">TRL</span>
                                        </p>
                                        @endif
                                        <p class="text-sm text-stone-400">
                                            {{ number_format($item->balance, 2, ',', '.') }}<span
                                                class="pl-0.5 font-normal text-xs">TRL</span>
                                        </p>
                                    </div>
                                </div>
                                @endforeach

                            </ul>
                        </div>

                    </div>
                    @else
                    <x-alert-standard color="stone">
                        İşletmeye ait belge bulunmuyor.
                    </x-alert-standard>
                    @endif
                </div>

                {{-- SAĞ PANEL --}}
                <div
                    class="grid grid-cols-1 gap-4 p-4 bg-white shadow ring-1 ring-stone-400/20 sm:mx-0 sm:rounded-lg lg:col-start-3">
                    {{-- OTOMATİK EPOSTA --}}
                    {{-- <div>
                        <h2 class="flex items-center text-lg leading-6 font-jbmono-bold text-stone-700">
                            <span class="mr-1 material-symbols-rounded">
                                mail
                            </span>
                            Otomatik E-posta
                        </h2>
                        <div
                            class="p-4 mt-2 rounded-md bg-stone-50 ring-1 ring-inset ring-stone-200 sm:flex sm:items-start sm:justify-between">
                            <div class="sm:flex sm:items-start">
                                <span class="mr-1 material-symbols-rounded">
                                    update
                                </span>
                                <div class="mt-3 sm:mt-0 sm:ml-4">
                                    <div class="text-lg font-medium text-stone-900">30 gün</div>
                                    <div class="mt-1 text-sm tracking-tight text-stone-600 sm:flex sm:items-center">
                                        <div>İşletmenin bakiyesi varsa ve son tahsilatın üzerinden 30 gün geçmiş ise
                                            otomatik bakiye hatırlatma epostası gönderiliyor.</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> --}}
                    {{-- ADRESLER --}}
                    <div>
                        <h2 class="flex items-center text-lg leading-6 font-jbmono-bold text-stone-700">
                            <span class="mr-1 material-symbols-rounded">
                                pin_drop
                            </span>
                            Adresler
                            <span>
                            </span>
                        </h2>
                        <ul role="list" class="mt-2 space-y-2">
                            @forelse($company->addresses as $address)
                            <li class="relative flex">
                                <div
                                    class="flex-auto p-3 uppercase rounded-md bg-stone-50 ring-1 ring-inset ring-gray-200">
                                    <div class="flex justify-between">
                                        <div class="py-0.5 text-xs leading-5 text-gray-500"><span
                                                class="font-medium text-gray-900">{{ $address->title }}</span>
                                        </div>
                                        <time datetime="2023-01-23T15:56"
                                            class="flex-none py-0.5 text-xs leading-5 text-gray-500">
                                            @if ($address->type == 'billing')
                                            FATURA ADRESİ
                                            @elseif($address->type == 'shipping')
                                            TESLİMAT ADRESİ
                                            @elseif($address->type == 'branch')
                                            ŞUBE ADRESİ
                                            @endif
                                        </time>
                                    </div>
                                    <p class="text-sm leading-6 text-gray-500">
                                        {{ $address->line_1 }} {{ $address->line_2 }}</p>
                                    <p class="text-sm leading-6 text-gray-500">
                                        {{ $address->district }}{{ $address->city != '' ? '/' . $address->city : '' }}{{
                                        $address->country != '' ? '/' . $address->country : '' }}{{ $address->zip != ''
                                        ? ' - PK.' . $address->zip : '' }}
                                    </p>
                                    <p class="text-sm leading-6 text-gray-500">
                                        {{ $address->tax_office != '' ? 'VD.' . $address->tax_office : '' }}{{
                                        $address->vat_number != '' ? ' - VN.' . $address->vat_number : '' }}
                                    </p>
                                    <p class="text-sm leading-6 text-gray-500">
                                        <span class="lowercase">{{ $address->email != '' ? $address->email : ''
                                            }}</span>
                                        {{ $address->phone != '' ? $address->phone : '' }}
                                    </p>
                                    <div class="absolute right-2 bottom-2">
                                        <div x-data="{ open: false }" @click.away="open = false"
                                            class="relative flex justify-end">
                                            <button @click="open = !open" type="button"
                                                class="-m-2.5 block p-2.5 text-gray-400 hover:text-gray-500"
                                                id="options-menu-1-button" aria-expanded="false" aria-haspopup="true">
                                                <span class="sr-only">Open options</span>
                                                <svg class="w-5 h-5" viewBox="0 0 20 20" fill="currentColor"
                                                    aria-hidden="true" data-slot="icon">
                                                    <path
                                                        d="M3 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM8.5 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM15.5 8.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" />
                                                </svg>
                                            </button>
                                            <div x-show="open" x-cloak
                                                class="absolute top-6 z-10 mt-0.5 w-48 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none"
                                                role="menu" aria-orientation="vertical"
                                                aria-labelledby="options-menu-1-button" tabindex="-1">
                                                <a href="{{ route('addresses.edit', $address->id) }}"
                                                    class="block px-3 py-1 text-sm leading-6 transition-all text-stone-980 hover:bg-stone-100"
                                                    role="menuitem" tabindex="-1" id="options-menu-1-item-0">Düzenle</a>
                                                <a href="{{ route('addresses.destroy', $address->id) }}"
                                                    class="block px-3 py-1 text-sm leading-6 transition-all text-stone-980 hover:bg-stone-100"
                                                    role="menuitem" tabindex="-1" id="options-menu-1-item-1">Sil</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            @empty
                            <x-alert-standard color="stone">
                                İşletmeye fatura oluşturmak için fatura adresi eklemelisiniz.
                            </x-alert-standard>
                            @endforelse
                        </ul>
                    </div>
                    {{-- KİŞİLER --}}
                    <div>
                        <h2 class="flex items-center text-lg leading-6 font-jbmono-bold text-stone-700">
                            <span class="mr-1 material-symbols-rounded">
                                badge
                            </span>
                            Kişiler
                        </h2>
                        <ul role="list" class="mt-2 space-y-2">
                            @forelse($company->people as $person)
                            <li class="relative flex">
                                <div
                                    class="flex-auto p-3 uppercase rounded-md bg-stone-50 ring-1 ring-inset ring-gray-200">
                                    <div class="flex justify-between">
                                        <div class="py-0.5 text-xs leading-5 text-gray-500">
                                            <span class="font-medium text-gray-900">{{ $person->full_name }}</span>
                                        </div>
                                        <a href="{{ route('people.edit', $person->id) }}"
                                            class="flex-none py-0.5 text-xs leading-5 text-stone-400 hover:text-stone-600">DÜZENLE</a>
                                    </div>
                                    @if ($person->job_title || $person->department)
                                    <p class="text-sm leading-6 text-gray-500">
                                        {{ trim($person->job_title ?? '') }}{{ $person->job_title &&
                                        $person->department ? ' / ' : '' }}{{ trim($person->department ?? '') }}
                                    </p>
                                    @endif
                                    @if ($person->phone || $person->email)
                                    <p class="text-sm leading-6 text-gray-500">
                                        {{ $person->phone ?? '' }} <span class="lowercase">{{ $person->email ?? ''
                                            }}</span>
                                    </p>
                                    @endif
                                </div>
                            </li>
                            @empty
                            <x-alert-standard color="stone">
                                İşletmeye ait kişi bulunmuyor.
                            </x-alert-standard>
                            @endforelse
                        </ul>
                        <a href="{{ route('people.create', ['company_id' => $company->id]) }}"
                            class="inline-flex items-center gap-x-1 px-3 py-1.5 mt-3 text-xs font-semibold tracking-widest text-stone-700 uppercase transition-all bg-white rounded-md shadow-sm ring-1 ring-inset ring-stone-300 hover:bg-stone-50">
                            <span class="text-base material-symbols-rounded">person_add</span>
                            KİŞİ EKLE
                        </a>
                    </div>
                    {{-- NOTLAR --}}
                    <div>
                        <h2 class="flex items-center text-lg leading-6 font-jbmono-bold text-stone-700">
                            <span class="mr-1 material-symbols-rounded">
                                sticky_note_2
                            </span>
                            Notlar
                        </h2>
                        <ul role="list" class="mt-2 space-y-2">
                            @forelse($notes as $note)
                            <li class="relative flex overflow-hidden max-h-64 text-clip">
                                <div
                                    class="flex-auto text-sm bg-{{ $note->color }}-50 rounded-md px-3 py-1.5 ring-1 ring-inset ring-{{ $note->color }}-200 text-{{ $note->color }}-400">
                                    <div class="flex justify-between">
                                        <div class="py-0.5 leading-5 text-{{ $note->color }}-600">
                                            <span class="font-medium">
                                                {{ $note->title }}
                                            </span>
                                        </div>
                                        <div class="flex-none text-xs text-{{ $note->color }}-300 py-0.5 leading-5">
                                            NT{{ $note->id }}
                                        </div>
                                    </div>
                                    <div class="line-content" style="max-height: 600px; overflow-y: auto;"
                                        onclick="event.stopPropagation()">
                                        @foreach(explode("\n", e(strip_tags($note->content))) as $line)
                                        <div class="line-item overflow-hidden tracking-tight text-sm text-ellipsis cursor-pointer hover:bg-{{ $note->color }}-200/50 rounded flex justify-between items-center group"
                                            onclick="copyToClipboard( '{!! addslashes(trim($line)) !!}' ); event.stopPropagation();"
                                            <span class="flex-grow">{!! trim($line) !== '' ? $line : '&nbsp;' !!}</span>
                                            @if (trim($line) !== '')
                                            <span
                                                class="opacity-0 group-hover:opacity-100 pr-0.5 text-{{ $note->color }}-400 transition-opacity material-symbols-rounded text-sm">content_copy</span>
                                            @endif
                                        </div>
                                        @endforeach
                                    </div>
                                    <p class="text-xs leading-6">
                                        #{{ $note->user->name }} - {{ $note->created_at->diffForHumans() }}
                                    </p>
                                </div>
                            </li>
                            @empty
                            <x-alert-standard color="stone">
                                Henüz not eklemediniz.
                            </x-alert-standard>
                            @endforelse
                        </ul>
                    </div>
                    {{-- AKTİVİTELER --}}
                    <div>
                        <h2 class="flex items-center text-lg leading-6 font-jbmono-bold text-stone-700">
                            <span class="mr-1 material-symbols-rounded">
                                bolt
                            </span>
                            İşlem Geçmişi
                        </h2>
                        <ul role="list" class="space-y-6">

                            @foreach ($company_activities as $index => $activity)
                            @if ($activity->type == 'new' || 'update' || 'note')
                            <li class="relative flex gap-x-4">
                                @if (!$loop->last)
                                <div class="absolute top-0 left-0 flex justify-center w-6 -bottom-6">
                                    <div class="w-px bg-gray-200"></div>
                                </div>
                                @endif
                                <div class="relative flex items-center justify-center flex-none w-6 h-6 bg-white">
                                    <div class="h-1.5 w-1.5 rounded-full bg-gray-100 ring-1 ring-gray-300">
                                    </div>
                                </div>
                                <p class="flex-auto py-0.5 text-xs leading-5 text-gray-500">
                                    <span class="font-medium text-gray-900">{{ $activity->user->name }}</span>
                                    <br>{{ $activity->content }}
                                </p>
                                <time datetime="2023-01-23T10:32"
                                    class="flex-none py-0.5 text-xs leading-5 text-gray-500">{{
                                    $activity->created_at->diffForHumans() }}
                                </time>
                            </li>
                            @elseif($activity->type == 'action')
                            <li class="relative flex gap-x-4">
                                @if (!$loop->last)
                                <div class="absolute top-0 left-0 flex justify-center w-6 -bottom-6">
                                    <div class="w-px bg-gray-200"></div>
                                </div>
                                @endif
                                <img src="https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
                                    alt="" class="relative flex-none w-6 h-6 mt-3 rounded-full bg-gray-50">
                                <div class="flex-auto p-3 rounded-md bg-stone-50 ring-1 ring-inset ring-gray-200">
                                    <div class="flex justify-between gap-x-4">
                                        <div class="py-0.5 text-xs leading-5 text-gray-500">
                                            <span class="font-medium text-gray-900">{{ $activity->user->name }}</span>
                                            {{ $activity->content }}
                                        </div>
                                        <time datetime="2023-01-23T15:56"
                                            class="flex-none py-0.5 text-xs leading-5 text-gray-500">{{
                                            $activity->created_at->diffForHumans() }}
                                        </time>
                                    </div>
                                    <p class="text-sm leading-6 text-gray-500">{{ $activity->content }}</p>
                                    <p class="text-xs leading-6 text-gray-400">#{{ $activity->company->name }}
                                    </p>
                                </div>
                            </li>
                            @elseif($activity->type == 'income')
                            <li class="relative flex gap-x-4">
                                @if (!$loop->last)
                                <div class="absolute top-0 left-0 flex justify-center w-6 -bottom-6">
                                    <div class="w-px bg-gray-200"></div>
                                </div>
                                @endif
                                <div class="relative flex items-center justify-center flex-none w-6 h-6 bg-white">
                                    <svg class="w-6 h-6 text-emerald-600" viewBox="0 0 24 24" fill="currentColor"
                                        aria-hidden="true">
                                        <path fill-rule="evenodd"
                                            d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"
                                            clip-rule="evenodd" />
                                    </svg>
                                </div>
                                <p class="flex-auto py-0.5 text-xs leading-5 text-gray-500">
                                    <span class="font-medium text-gray-900">{{ $activity->company->name }}</span>
                                    {{ $activity->content }}
                                </p>
                                <time datetime="2023-01-24T09:20"
                                    class="flex-none py-0.5 text-xs leading-5 text-gray-500">{{
                                    $activity->created_at->diffForHumans() }}
                                </time>
                            </li>
                            @endif
                            @endforeach

                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </main>
</div>

@endsection

@section('scripts')
<script>
    tinymce.init({
            selector: 'textarea',
            plugins: 'autoresize',
            toolbar: false,
            menubar: false,
            max_height: 500,
            statusbar: false,
            content_css: tinymce - 5,
        });

            function copyToClipboard(text) {
	        // Sanitize the text to prevent XSS
	        const sanitizedText = String(text)
	            .replace(/<script[^>]*>.*?<\/script>/gi, '')
	            .replace(/<iframe[^>]*>.*?<\/iframe>/gi, '')
	            .replace(/<form[^>]*>.*?<\/form>/gi, '');

	        // Create a temporary textarea to properly handle the text
	        const textarea = document.createElement('textarea');
	        textarea.value = sanitizedText;
	        document.body.appendChild(textarea);
	        textarea.select();

	        try {
	            document.execCommand('copy');
	            // Optional: Show a brief notification
	            const notification = document.createElement('div');
	            notification.textContent = 'Kopyalandı!';
	            notification.style.position = 'fixed';
	            notification.style.top = '20px';
	            notification.style.right = '20px';
	            notification.style.padding = '10px';
	            notification.style.backgroundColor = '#0d9488';
	            notification.style.color = 'white';
	            notification.style.borderRadius = '8px';
	            notification.style.zIndex = '10000';
	            notification.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.1)';
	            notification.style.opacity = '0.9';
	            notification.style.transition = 'opacity 0.5s ease-in-out';
	            document.body.appendChild(notification);

	            setTimeout(function() {
	                document.body.removeChild(notification);
	            }, 2000);
	        } catch (err) {
	            console.error('Kopyalama başarısız oldu:', err);
	        }

	        // Clean up the temporary textarea
	        document.body.removeChild(textarea);
	    }
</script>
@endsection