@extends('layouts.app')

@section('content')

<header class="shadow bg-gradient-to-b from-stone-100 to-white">
    <div class="lg:divide-y lg:divide-gray-200">
        <nav class="hidden 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">
                E-BELGELER</div>
            <a href="{{ route('integrations.e-files.settings') }}" type="button"
                class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Ayarlar</a>
        </nav>
    </div>
</header>

<div class="w-full px-4 pb-60">
    <div class="grid grid-cols-1 gap-4 mt-4 md:grid-cols-3">
        <div class="grid col-span-1 gap-4 md:col-span-2">
            <div class="grid grid-cols-3 gap-x-4 gap-y-4 md:grid-cols-1">
                {{--SAYFA İŞLEMLERİ--}}
                <div
                    class="p-4 mx-auto bg-white shadow ring-1 ring-stone-300 sm:mx-0 sm:rounded-lg lg:col-span-2 lg:row-span-2 lg:row-end-2">
                    <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3">
                        {{--GELEN BELGELER--}}
                        <div
                            class="overflow-hidden transition-all rounded-lg shadow pattern-charlie-brown ring-1 ring-stone-200 hover:ring-stone-400 hover:shadow-xl">
                            <div
                                class="p-5 transition-all bg-gradient-to-b from-stone-300/40 hover:bg-stone-100 hover:shadow-2xl">
                                <div class="flex items-center">
                                    <div class="flex-shrink-0">
                                        <span class="text-4xl material-symbols-rounded text-stone-600">
                                            move_to_inbox
                                        </span>
                                    </div>
                                    <a href="{{ route('integrations.e-files.incoming-files') }}"
                                        class="flex-1 w-0 ml-5">
                                        <dl>
                                            <dt class="text-sm font-light truncate text-stone-600">1 KAYIT</dt>
                                            <dd>
                                                <div class="text-xl font-bold text-stone-600">GELEN BELGELER</div>
                                            </dd>
                                        </dl>
                                    </a>
                                </div>
                            </div>
                        </div>
                        {{--GİDEN BELGELER--}}
                        <div
                            class="overflow-hidden transition-all rounded-lg shadow pattern-charlie-brown ring-1 ring-stone-200 hover:ring-stone-400 hover:shadow-xl">
                            <div
                                class="p-5 transition-all bg-gradient-to-b from-stone-300/40 hover:bg-stone-100 hover:shadow-2xl">
                                <div class="flex items-center">
                                    <div class="flex-shrink-0">
                                        <span class="text-4xl material-symbols-rounded text-stone-600">
                                            outbox
                                        </span>
                                    </div>
                                    <a href="{{ route('integrations.e-files.outgoing-files') }}"
                                        class="flex-1 w-0 ml-5">
                                        <dl>
                                            <dt class="text-sm font-light truncate text-stone-600">4 KAYIT</dt>
                                            <dd>
                                                <div class="text-xl font-bold text-stone-600">GİDEN BELGELER</div>
                                            </dd>
                                        </dl>
                                    </a>
                                </div>
                            </div>
                        </div>
                        {{--HATALAR--}}
                        <div
                            class="overflow-hidden transition-all rounded-lg shadow pattern-charlie-rose ring-1 ring-rose-200 hover:ring-rose-400 hover:shadow-xl">
                            <div
                                class="p-5 transition-all bg-gradient-to-b from-rose-100/80 hover:bg-rose-100/30 hover:shadow-2xl">
                                <div class="flex items-center">
                                    <div class="flex-shrink-0">
                                        <span class="text-4xl material-symbols-rounded text-rose-600">
                                            report
                                        </span>
                                    </div>
                                    <a href="#" class="flex-1 w-0 ml-5">
                                        <dl>
                                            <dt class="text-sm font-light truncate text-rose-600">3 KAYIT</dt>
                                            <dd>
                                                <div class="text-xl font-bold text-rose-600">HATALAR</div>
                                            </dd>
                                        </dl>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="grid grid-cols-1 gap-x-4 gap-y-4 md:grid-cols-2">
                <div
                    class="p-4 mx-auto bg-white shadow ring-1 ring-stone-300 sm:mx-0 sm:rounded-lg lg:col-span-2 lg:row-span-2 lg:row-end-2">
                    <div class="px-4">
                        <div class="flow-root">
                            <div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
                                <div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
                                    <table class="min-w-full divide-y divide-gray-300">
                                        <thead>
                                            <tr>
                                                <th scope="col"
                                                    class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-0">
                                                    FATURA BİLGİLERİ</th>
                                                <th scope="col"
                                                    class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
                                                    TUTAR
                                                </th>
                                                <th scope="col"
                                                    class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
                                                    DURUM
                                                </th>
                                                <th scope="col"
                                                    class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
                                                    OLUŞTURAN</th>
                                                <th scope="col" class="relative py-3.5 pl-3 pr-4 sm:pr-0">
                                                    <span class="sr-only">GÖRÜNTÜLE</span>
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody class="bg-white divide-y divide-gray-200">
                                            @foreach($incoming_invoices as $item)
                                            <tr class="tracking-tighter">
                                                <td class="whitespace-nowrap py-1.5 pr-3 text-sm">
                                                    <div class="flex items-center">
                                                        <div>
                                                            <div class="font-bold truncate text-stone-900">{{
                                                                $item->saticiUnvan }}</div>
                                                            <div class="mt-1 text-xs font-medium text-stone-700">{{
                                                                $item->belgeNo }}</div>
                                                            <div class="mt-1 text-xs italic text-stone-500">{{
                                                                date('d.m.Y',
                                                                strtotime($item->belgeTarihi)) }}</div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="px-3 py-3 text-sm whitespace-nowrap text-stone-500">
                                                    <div class="font-bold text-stone-900">{{ $item->name }}</div>
                                                    <div class="mt-1 text-stone-500">
                                                        <span>{{ number_format($item->odenecekTutar, 2, ',', '.')
                                                            }}<span class="pl-1 text-sm text-stone-400">{{
                                                                $item->odenecekTutarDovizCinsi }}</span></span>
                                                    </div>
                                                </td>
                                                <td class="px-3 py-3 text-sm whitespace-nowrap text-stone-500">
                                                    @if($item->status == 'new' || $item->status == 'draft')
                                                    <span
                                                        class="items-center rounded-md px-1.5 py-1 text-sm font-medium bg-amber-50 text-amber-500 ring-1 ring-inset ring-amber-300">
                                                        Yeni
                                                    </span>
                                                    @elseif($item->status == 'send')
                                                    <span
                                                        class="items-center rounded-md px-1.5 py-1 text-sm font-medium bg-sky-50 text-sky-500 ring-1 ring-inset ring-sky-300">
                                                        Teklif gönderildi
                                                    </span>
                                                    @elseif($item->status == 'accepted')
                                                    <span
                                                        class="items-center rounded-md px-1.5 py-1 text-sm font-medium bg-emerald-50 text-emerald-500 ring-1 ring-inset ring-emerald-300">
                                                        Kabul edildi
                                                    </span>
                                                    @elseif($item->status == 'rejected')
                                                    <span
                                                        class="items-center rounded-md px-1.5 py-1 text-sm font-medium bg-rose-50 text-rose-500 ring-1 ring-inset ring-rose-300">
                                                        Reddedildi
                                                    </span>
                                                    @endif
                                                </td>
                                                <td class="px-3 py-3 text-sm text-gray-500 whitespace-nowrap">{{
                                                    \Illuminate\Support\Facades\Auth::user()->name }}</td>
                                                <td
                                                    class="relative py-3 pl-3 pr-4 text-sm font-medium text-right whitespace-nowrap sm:pr-0">
                                                    <a href="{{ route('integrations.e-files.show', $item->belgeSiraNo) }}"
                                                        class="text-slate-600 hover:text-slate-900">görüntüle<span
                                                            class="sr-only">, Lindsay Walton</span></a>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid col-span-1 gap-y-4 h-fit">
            {{--SİSTEM DURUMU & KONTÖR--}}
            <div class="grid grid-cols-3 mx-auto sm:mx-0 sm:rounded-lg gap-x-4 gap-y-4 md:grid-cols-1">
                <div
                    class="mx-auto ring-1 ring-stone-300 sm:mx-0 sm:rounded-lg lg:col-span-2 lg:row-span-2 lg:row-end-2">
                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2">
                        {{--SİSTEM DURUMU--}}
                        <div class="bg-white rounded-l-lg">
                            <div class="px-3 py-2 bg-gradient-to-b from-emerald-300/40 to-emerald-100/30">
                                <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">BAĞLI</div>
                                            </dd>
                                            <dt class="text-xs font-light truncate text-emerald-600">{{
                                                $efile_info->description }}</dt>
                                            <dt class="text-xs font-light truncate text-emerald-600">{{
                                                $efile_info->username }}</dt>
                                            <dt class="text-xs font-light truncate text-emerald-600">{{
                                                substr($efile_info->password, 0, 3) }}*****</dt>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{--BAKİYE DURUMU--}}
                        <div class="bg-white rounded-r-lg">
                            <div
                                class="grid items-center h-full px-3 py-3 bg-gradient-to-b from-amber-300/40 to-amber-100/30">
                                <div class="flex items-center text-right">
                                    <div class="flex-1 w-0 mr-3">
                                        <dl>
                                            <dd>
                                                <div class="text-base font-bold text-amber-600">47 KONTÖR</div>
                                            </dd>
                                            <dt class="text-xs font-light truncate text-amber-600">MEVCUT BAKİYE</dt>
                                        </dl>
                                    </div>
                                    <div class="flex-shrink-0">
                                        <span class="text-3xl material-symbols-rounded text-amber-600">
                                            toll
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- ENTEGRASYON BİLGİLERİ --}}
            <div class="bg-white rounded-lg shadow-sm ring-1 ring-stone-300">
                <dl class="flex flex-wrap">
                    <div class="flex-auto p-6">
                        <dt class="text-lg font-semibold text-gray-900">ENTEGRASYON BİLGİLERİ</dt>
                        <dd class="grid gap-1 mt-2 text-left text-gray-500 justify-items-start">
                            <div class="flex flex-wrap items-center font-medium text-gray-900 gap-x-3">
                                <label for="date"
                                    class="block text-sm font-medium leading-6 text-gray-500 uppercase">ENTEGRATÖR
                                    FİRMA</label>
                                <span>{{ $efile_info->description }}</span>
                            </div>
                            <div class="flex flex-wrap items-center font-medium text-gray-900 gap-x-3">
                                <label for="date" class="block text-sm font-medium leading-6 text-gray-500">KULLANICI
                                    ADI</label>
                                <span>{{ $efile_info->username }}</span>
                            </div>
                            <div class="flex flex-wrap items-center font-medium text-gray-900 gap-x-3">
                                <label for="number"
                                    class="block text-sm font-medium leading-6 text-gray-500">ŞİFRE</label>
                                <span>{{ substr($efile_info->password, 0, 3) }}*****</span>
                            </div>
                        </dd>
                    </div>
                </dl>
            </div>


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

@endsection

@section('scripts')

@endsection