@extends('layouts.app')

@section('content')

<div class="">
    <main>
        <div class="px-4 py-4 mx-auto sm:px-6 lg:px-8">

            {{-- BREADCRUMB --}}
            <nav class="flex pb-4" 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('dashboard') }}"
                                class="ml-4 text-sm font-medium text-stone-500 hover:text-stone-700">DASHBOARD</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>
                            <span class="ml-4 text-sm font-medium text-stone-700" aria-current="page">GELEN
                                FATURA</span>
                        </div>
                    </li>
                </ol>
            </nav>

            <div
                class="grid items-start grid-cols-1 grid-rows-1 mx-auto gap-x-8 gap-y-8 lg:mx-0 lg:max-w-none lg:grid-cols-3">

                <!--SIDEBAR-->
                <div class="grid gap-y-4 lg:col-start-3 lg:row-end-1">

                    {{-- INTEGRATION STATUS --}}
                    <div class="rounded-lg bg-white shadow">
                        <div class="ring-1 ring-stone-300 sm:mx-0 rounded-lg">
                            <div class="grid grid-cols-1">
                                <div class="bg-white rounded-lg">
                                    <div
                                        class="grid items-center h-full px-3 py-2 bg-gradient-to-b from-emerald-300/40 to-emerald-100/30 rounded-lg">
                                        <div class="flex items-center">
                                            <div class="flex-shrink-0">
                                                <span
                                                    class="text-3xl material-symbols-rounded text-emerald-600">check</span>
                                            </div>
                                            <div class="flex-1 w-0 ml-3 tracking-tight">
                                                <dl>
                                                    <dd>
                                                        <div class="text-sm font-bold text-emerald-600">GELEN E-BELGE
                                                        </div>
                                                    </dd>
                                                    <dt class="text-xs font-light truncate text-emerald-600">{{
                                                        $efiles_integration->description ?? 'MYSOFT' }}</dt>
                                                    <dt class="text-xs font-light truncate text-emerald-600">{{
                                                        $invoiceData['profileId'] ?? '-' }}</dt>
                                                </dl>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- INVOICE INFO --}}
                    <div class="bg-white rounded-lg shadow-sm ring-1 ring-stone-300">
                        <div class="p-6">
                            <h3 class="text-lg font-semibold text-stone-900">FATURA BİLGİLERİ</h3>
                            <dl class="grid gap-1 mt-2 text-left text-stone-500">
                                <div class="flex flex-wrap items-center font-medium text-stone-900 gap-x-3">
                                    <label class="block text-xs leading-5 text-stone-500">ETTN</label>
                                    <span class="text-xs font-mono">{{ $invoiceData['invoiceETTN'] ?? '-' }}</span>
                                </div>
                                <div class="flex flex-wrap items-center font-medium text-stone-900 gap-x-3">
                                    <label class="block text-xs leading-5 text-stone-500">BELGE NO</label>
                                    <span class="text-xs">{{ $invoiceData['docNo'] ?? '-' }}</span>
                                </div>
                                @if(isset($invoiceData['invoiceTypeCode']))
                                <div class="flex flex-wrap items-center font-medium text-stone-900 gap-x-3">
                                    <label class="block text-xs leading-5 text-stone-500">FATURA TİPİ</label>
                                    <span class="text-xs">{{ $invoiceData['invoiceTypeCode'] }}</span>
                                </div>
                                @endif
                                @if(isset($invoiceData['documentCurrencyCode']))
                                <div class="flex flex-wrap items-center font-medium text-stone-900 gap-x-3">
                                    <label class="block text-xs leading-5 text-stone-500">PARA BİRİMİ</label>
                                    <span class="text-xs">{{ $invoiceData['documentCurrencyCode'] }}</span>
                                </div>
                                @endif
                                @if(isset($invoiceData['dueDate']))
                                <div class="flex flex-wrap items-center font-medium text-stone-900 gap-x-3">
                                    <label class="block text-xs leading-5 text-stone-500">VADE TARİHİ</label>
                                    <span class="text-xs">{{ $invoiceData['dueDate'] }}</span>
                                </div>
                                @endif
                            </dl>
                        </div>
                    </div>

                    {{-- NOTES --}}
                    @if(!empty($invoiceData['noteList']))
                    <div class="bg-white rounded-lg shadow-sm ring-1 ring-stone-300">
                        <div class="p-6">
                            <h3 class="text-lg font-semibold text-stone-900">NOTLAR</h3>
                            <div class="mt-2 space-y-1">
                                @foreach($invoiceData['noteList'] as $note)
                                <p class="text-xs text-stone-500">{{ $note }}</p>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @endif

                </div>

                <!--INVOICE CONTENT-->
                <div id="invoice"
                    class="px-4 py-8 -mx-4 bg-white shadow-sm ring-1 ring-stone-300 sm:mx-0 sm:rounded-lg sm:px-8 sm:pb-14 lg:col-span-2 lg:row-span-2 lg:row-end-2 xl:px-16 xl:pb-20 xl:pt-16">

                    {{-- HEADER --}}
                    <h2 class="text-2xl font-black leading-6 text-rose-600">GELEN FATURA</h2>

                    <dl class="grid grid-cols-2 mt-8 gap-y-4 text-sm leading-6">
                        <div class="grid gap-y-2">
                            {{-- SUPPLIER (GÖNDEREN) --}}
                            <div>
                                <dt class="text-lg font-bold text-stone-400">GÖNDEREN</dt>
                                @php $supplier = $invoiceData['supplierInfo'] ?? []; @endphp
                                <dd class="text-stone-500 uppercase">
                                    <span class="font-medium text-stone-900">{{ $supplier['partyName'] ?? '-' }}</span>
                                    <div class="text-xs">
                                        @if(!empty($supplier['identifierNumber']))
                                        <p class="leading-5 text-stone-500">VKN: {{ $supplier['identifierNumber'] }}</p>
                                        @endif
                                        @if(!empty($supplier['customerName']) || !empty($supplier['customerSurname']))
                                        <p class="leading-5 text-stone-500">{{ ($supplier['customerName'] ?? '') . ' ' .
                                            ($supplier['customerSurname'] ?? '') }}</p>
                                        @endif
                                        @if(!empty($supplier['streetName']))
                                        <p class="leading-5 text-stone-500">{{ $supplier['streetName'] ?? '' }} {{
                                            $supplier['buildingNumber'] ?? '' }}</p>
                                        @endif
                                        <p class="leading-5 text-stone-500">
                                            {{ $supplier['citySubdivisionName'] ?? '' }}{{ !empty($supplier['cityName'])
                                            ? '/' . $supplier['cityName'] : '' }}{{ !empty($supplier['countryName']) ?
                                            '/' . $supplier['countryName'] : '' }}
                                        </p>
                                        @if(!empty($supplier['taxOfficeName']))
                                        <p class="leading-5 text-stone-500">VD. {{ $supplier['taxOfficeName'] }}</p>
                                        @endif
                                        @if(!empty($supplier['email']))
                                        <p class="leading-5 text-stone-500">{{ $supplier['email'] }}</p>
                                        @endif
                                        @if(!empty($supplier['telephone']))
                                        <p class="leading-5 text-stone-500">{{ $supplier['telephone'] }}</p>
                                        @endif
                                    </div>
                                </dd>
                            </div>
                            {{-- CUSTOMER (ALICI/BİZ) --}}
                            <div>
                                <dt class="text-lg font-bold text-stone-400">ALICI</dt>
                                @php $customer = $invoiceData['customerInfo'] ?? []; @endphp
                                <dd class="text-stone-500 uppercase">
                                    <span class="font-medium text-stone-900">{{ $customer['partyName'] ?? '-' }}</span>
                                    <div class="text-xs">
                                        @if(!empty($customer['identifierNumber']))
                                        <p class="leading-5 text-stone-500">VKN: {{ $customer['identifierNumber'] }}</p>
                                        @endif
                                        @if(!empty($customer['taxOfficeName']))
                                        <p class="leading-5 text-stone-500">VD. {{ $customer['taxOfficeName'] }}</p>
                                        @endif
                                    </div>
                                </dd>
                            </div>
                        </div>
                        <div>
                            <dl class="flex">
                                <div class="flex-auto">
                                    <dt class="text-lg font-semibold text-right text-stone-900">FATURA BİLGİLERİ</dt>
                                    <dd class="grid mt-2 justify-items-end text-stone-500">
                                        <div class="flex flex-wrap items-center font-medium text-stone-900 gap-x-3">
                                            <label class="block text-xs leading-5 text-stone-500">TARİH</label>
                                            <span class="text-xs">{{ $invoiceData['docDate'] ?? '-' }}</span>
                                        </div>
                                        <div class="flex flex-wrap items-center font-medium text-stone-900 gap-x-3">
                                            <label class="block text-xs leading-5 text-stone-500">SAAT</label>
                                            <span class="text-xs">{{ $invoiceData['docTime'] ?? '-' }}</span>
                                        </div>
                                        <div class="flex flex-wrap items-center font-medium text-stone-900 gap-x-3">
                                            <label class="block text-xs leading-5 text-stone-500">BELGE NO</label>
                                            <span class="text-xs">{{ $invoiceData['docNo'] ?? '-' }}</span>
                                        </div>
                                        <div class="flex flex-wrap items-center font-medium text-stone-900 gap-x-3">
                                            <label class="block text-xs leading-5 text-stone-500">ETTN</label>
                                            <span class="text-xs font-mono">{{ $invoiceData['invoiceETTN'] ?? '-'
                                                }}</span>
                                        </div>
                                        @if(isset($invoiceData['documentCurrencyCode']))
                                        <div class="flex flex-wrap items-center font-medium text-stone-900 gap-x-3">
                                            <label class="block text-xs leading-5 text-stone-500">PARA BİRİMİ</label>
                                            <span class="text-xs">{{ $invoiceData['documentCurrencyCode'] }}</span>
                                        </div>
                                        @endif
                                    </dd>
                                </div>
                            </dl>
                        </div>
                    </dl>

                    {{-- LINE ITEMS --}}
                    @php $details = $invoiceData['detailList'] ?? []; @endphp
                    @if(count($details) > 0)
                    <table class="w-full mt-16 text-sm leading-6 text-left whitespace-nowrap">
                        <colgroup>
                            <col class="w-full">
                            <col>
                            <col>
                            <col>
                            <col>
                        </colgroup>
                        <thead class="text-stone-900 border-b border-stone-200">
                            <tr class="text-xs opacity-50">
                                <th scope="col" class="px-0 py-3 font-semibold">Ürün/Hizmet</th>
                                <th scope="col" class="hidden py-3 pl-8 pr-0 font-semibold text-right sm:table-cell">
                                    Miktar</th>
                                <th scope="col" class="hidden py-3 pl-8 pr-0 font-semibold text-right sm:table-cell">
                                    Birim Fiyat</th>
                                <th scope="col" class="hidden py-3 pl-8 pr-0 font-semibold text-right sm:table-cell">
                                    Vergi</th>
                                <th scope="col" class="py-3 pl-8 pr-0 font-semibold text-right">Tutar</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($details as $line)
                            <tr class="border-b border-stone-100">
                                <td class="px-0 py-3 align-top max-w-0">
                                    <div class="font-medium text-stone-900 truncate">{{ $line['detailItem']['itemName']
                                        ?? 'Ürün' }}</div>
                                    @if(!empty($line['detailItem']['itemDescription']))
                                    <div class="text-stone-500 truncate">{{ $line['detailItem']['itemDescription'] }}
                                    </div>
                                    @endif
                                </td>
                                <td
                                    class="hidden py-3 pl-8 pr-0 text-right text-stone-700 align-top tabular-nums sm:table-cell">
                                    {{ floatval($line['invoicedQuantity'] ?? 0) }} {{ $line['unitCode'] ?? 'ADET' }}
                                </td>
                                <td
                                    class="hidden py-3 pl-8 pr-0 text-right text-stone-700 align-top tabular-nums sm:table-cell">
                                    {{ number_format(floatval($line['unitPrice'] ?? 0), 2, ',', '.') }}
                                </td>
                                <td
                                    class="hidden py-3 pl-8 pr-0 text-right text-stone-700 align-top tabular-nums sm:table-cell">
                                    @php
                                    $lineTaxTotal = $line['taxTotal']['taxAmount'] ?? 0;
                                    @endphp
                                    {{ number_format(floatval($lineTaxTotal), 2, ',', '.') }}
                                </td>
                                <td class="py-3 pl-8 pr-0 text-right text-stone-700 align-top tabular-nums">
                                    {{ number_format(floatval($line['lineExtensionAmount'] ?? 0), 2, ',', '.') }}
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                        {{-- FOOTER / TOTALS --}}
                        @php $totals = $invoiceData['legalMonetaryTotal'] ?? []; @endphp
                        <tfoot>
                            <tr>
                                <th scope="row" class="px-0 pt-6 pb-0 font-normal text-stone-700 sm:hidden">Ara Toplam
                                </th>
                                <th scope="row" colspan="4"
                                    class="hidden px-0 pt-6 pb-0 font-normal text-right text-stone-700 sm:table-cell">
                                    Ara Toplam</th>
                                <td class="pt-6 pb-0 pl-8 pr-0 text-right text-stone-900 tabular-nums">
                                    {{ number_format(floatval($totals['lineExtensionAmount'] ?? 0), 2, ',', '.') }}
                                </td>
                            </tr>
                            <tr>
                                <th scope="row" class="pt-4 font-normal text-stone-700 sm:hidden">Vergiler</th>
                                <th scope="row" colspan="4"
                                    class="hidden pt-4 font-normal text-right text-stone-700 sm:table-cell">Vergiler
                                </th>
                                <td class="pt-4 pb-0 pl-8 pr-0 text-right text-stone-900 tabular-nums">
                                    @php
                                    $totalTax = 0;
                                    foreach ($invoiceData['taxTotal'] ?? [] as $taxGroup) {
                                    $totalTax += floatval($taxGroup['taxAmount'] ?? 0);
                                    }
                                    @endphp
                                    {{ number_format($totalTax, 2, ',', '.') }}
                                </td>
                            </tr>
                            @if(floatval($totals['allowanceTotalAmount'] ?? 0) > 0)
                            <tr>
                                <th scope="row" class="pt-4 font-normal text-stone-700 sm:hidden">İndirimler</th>
                                <th scope="row" colspan="4"
                                    class="hidden pt-4 font-normal text-right text-stone-700 sm:table-cell">İndirimler
                                </th>
                                <td class="pt-4 pb-0 pl-8 pr-0 text-right text-rose-600 tabular-nums">
                                    -{{ number_format(floatval($totals['allowanceTotalAmount']), 2, ',', '.') }}
                                </td>
                            </tr>
                            @endif
                            <tr>
                                <th scope="row" class="pt-4 font-semibold text-stone-900 sm:hidden">Ödenecek Tutar</th>
                                <th scope="row" colspan="4"
                                    class="hidden pt-4 font-semibold text-right text-stone-900 sm:table-cell">Ödenecek
                                    Tutar</th>
                                <td
                                    class="pt-4 pb-0 pl-8 pr-0 text-lg font-medium text-right text-stone-900 tabular-nums">
                                    {{ number_format(floatval($totals['payableAmount'] ?? $totals['taxInclusiveAmount']
                                    ?? 0), 2, ',', '.') }}
                                    <span class="pl-0.5 font-normal text-xs text-stone-400">{{
                                        $invoiceData['documentCurrencyCode'] ?? 'TRY' }}</span>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                    @else
                    <div class="mt-16 text-sm text-stone-400">Fatura kalemi bulunamadi.</div>
                    @endif

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

@endsection

@section('scripts')
<style>
    @media print {
        body * {
            visibility: hidden;
        }

        #invoice,
        #invoice * {
            visibility: visible;
        }

        #invoice {
            position: absolute;
            left: 0;
            top: 0;
            width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
            padding: 20px !important;
            box-shadow: none !important;
            border: none !important;
            border-radius: 0 !important;
            background: white !important;
            color: black !important;
        }

        button,
        .btn,
        .no-print {
            display: none !important;
        }

        @page {
            size: A4;
            margin: 1cm;
        }
    }
</style>
@endsection