@extends('layouts.app')

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

@section('content')

    <div class="">
        <main>
            <div class="w-full px-4 pb-60">
                <div class="">
                    <div class="sm:flex sm:items-center">

                        <header class="rounded-lg shadow bg-gradient-to-b from-stone-100 to-white">
                            <div class="lg:divide-y lg:divide-stone-200">
                                <nav class="items-center content-center hidden lg:flex" aria-label="Global">
                                    <div
                                        class="bg-gradient-to-b from-{{ $integration->color }}-600 to-{{ $integration->color }}-500 px-2.5 py-2 text-sm text-{{ $integration->color }}-50 shadow-sm rounded-s-lg">
                                        {{ $integration->title }} | {{ $integration->description }}</div>
                                    <a href="{{ route('integrations.' . $integration->slug . '.index', $integration->company_id) }}"
                                        type="button"
                                        class="px-3.5 py-2 text-sm text-stone-500 hover:bg-stone-100 transition-all {{ request()->routeIs('integrations.' . $integration->slug . '.index') ? 'font-black' : '' }}">Son
                                        30 Gün</a>
                                    <a href="{{ route('integrations.e-files.settings') }}" type="button"
                                        class="px-3.5 py-2 text-sm text-stone-500 hover:bg-stone-100 transition-all {{ request()->routeIs('invoices.sales') ? 'font-bold' : '' }}">Satışlar</a>
                                    <a href="{{ route('integrations.e-files.settings') }}" type="button"
                                        class="px-3.5 py-2 text-sm text-stone-500 hover:bg-stone-100 transition-all {{ request()->routeIs('invoices.') ? 'font-bold' : '' }}">Alışlar</a>
                                    <a href="{{ route('integrations.e-files.settings') }}" type="button"
                                        class="px-3.5 py-2 text-sm text-stone-500 hover:bg-stone-100 transition-all {{ request()->routeIs('invoices') ? 'font-bold' : '' }}">E-Belgeler</a>
                                    <div x-data="{ saleMenu: false }" @mouseenter="saleMenu = true"
                                        @mouseleave="saleMenu = false" class="relative">
                                        <button type="button"
                                            class="px-3.5 py-2 text-sm text-stone-500 hover:bg-stone-100 transition-all">İşlemler
                                        </button>
                                        <div class="absolute grid py-2 rounded-b-lg shadow-md bg-stone-50 min-w-44"
                                            x-show="saleMenu" x-transition x-cloak="">
                                            <a href="#" type="button"
                                                class="px-3.5 py-2 text-sm text-stone-500 hover:bg-stone-100 transition-all">Dışa
                                                Aktar</a>
                                            <a href="#" type="button"
                                                class="px-3.5 py-2 text-sm text-stone-500 hover:bg-stone-100 transition-all">Yazdır</a>
                                        </div>
                                    </div>
                                </nav>
                            </div>
                        </header>

                    </div>
                    <div class="flow-root mt-2">
                        <div class="-my-2 overflow-x-auto">
                            <div class="inline-block min-w-full py-2 align-middle">
                                <table class="min-w-full divide-y divide-stone-300">
                                    <thead>
                                        <tr class="p-2 text-sm font-normal text-right whitespace-nowrap text-stone-900">
                                            <th scope="col" class="text-left">
                                                Tarih</th>
                                            <th scope="col" class="">
                                                Net Satışlar</th>
                                            <th scope="col" class="p-2">
                                                Nakit</th>
                                            <th scope="col" class="p-2">
                                                K.Kartı</th>
                                            <th scope="col" class="p-2">
                                                Online</th>
                                            <th scope="col" class="p-2">
                                                Ticket</th>
                                            <th scope="col" class="p-2">
                                                Sabee</th>
                                            <th scope="col" class="p-2">
                                                Getir</th>
                                            <th scope="col" class="p-2">
                                                Y.sepeti</th>
                                            <th scope="col" class="p-2">
                                                Vadeli</th>
                                            <th scope="col" class="p-2">
                                                Vergiler</th>
                                            <th scope="col" class="p-2">
                                                Hiz.Bed.</th>
                                            <th scope="col" class="p-2">
                                                İndirim</th>
                                            <th scope="col" class="p-2">
                                                İptal</th>
                                            <th scope="col" class="p-2">
                                                Genel Toplam</th>
                                        </tr>
                                    </thead>
                                    <tbody class="bg-white divide-y divide-stone-200">
                                        @if (count($financial_days) > 0)
                                            @foreach ($financial_days as $item)
                                                <tr class="transition-all hover:bg-stone-50">
                                                    <td class="px-2 py-2 text-sm text-stone-500 whitespace-nowrap">
                                                        {{ date('d.m.Y', strtotime($item->day)) }}</td>
                                                    <td
                                                        class="flex content-center justify-end gap-x-1.5 px-2 py-2 text-sm font-bold text-right text-stone-600 whitespace-nowrap">
                                                        @if (isset($processed_movements) && in_array($item->id, $processed_movements))
                                                            <span class="text-sm text-teal-600 material-symbols-rounded">
                                                                done_all
                                                            </span>
                                                        @else
                                                            <div x-data="{ showProcessOptions: false }" class="font-normal">
                                                                <button x-show="!showProcessOptions"
                                                                    @click.prevent="showProcessOptions = true"
                                                                    class="text-stone-400 hover:text-stone-600">Kaydet</button>
                                                                <div x-show="showProcessOptions"
                                                                    class="flex px-3 py-1 space-x-2">
                                                                    <a href="{{ route('integrations.bulutadisyon.store-financial-day', ['id' => $item->id, 'integration_id' => $integration->id]) }}"
                                                                        class="text-teal-600 hover:text-teal-900">Onayla</a>
                                                                    <button x-show="showProcessOptions"
                                                                        @click.prevent="showProcessOptions = false"
                                                                        class="text-rose-600 hover:text-rose-900">İptal</button>
                                                                </div>
                                                            </div>
                                                        @endif
                                                        {{ number_format($item->net_sales, 2, ',', '.') }}
                                                        {{ $item->currency }}
                                                    </td>
                                                    <td
                                                        class="px-2 py-2 text-sm text-right text-stone-500 whitespace-nowrap">
                                                        {{ number_format($item->cash_sales, 2, ',', '.') }}</td>
                                                    <td
                                                        class="px-2 py-2 text-sm text-right text-stone-500 whitespace-nowrap">
                                                        {{ number_format($item->credit_card_sales, 2, ',', '.') }}</td>
                                                    <td
                                                        class="px-2 py-2 text-sm text-right text-stone-500 whitespace-nowrap">
                                                        {{ number_format($item->online_sales, 2, ',', '.') }}</td>
                                                    <td
                                                        class="px-2 py-2 text-sm text-right text-stone-500 whitespace-nowrap">
                                                        {{ number_format($item->ticket_sales, 2, ',', '.') }}</td>
                                                    <td
                                                        class="px-2 py-2 text-sm text-right text-stone-500 whitespace-nowrap">
                                                        {{ number_format($item->sabee_sales, 2, ',', '.') }}</td>
                                                    <td
                                                        class="px-2 py-2 text-sm text-right text-stone-500 whitespace-nowrap">
                                                        {{ number_format($item->getir_sales, 2, ',', '.') }}</td>
                                                    <td
                                                        class="px-2 py-2 text-sm text-right text-stone-500 whitespace-nowrap">
                                                        {{ number_format($item->yemeksepeti_sales, 2, ',', '.') }}</td>
                                                    <td
                                                        class="px-2 py-2 text-sm text-right text-stone-500 whitespace-nowrap">
                                                        {{ number_format($item->credit_sales, 2, ',', '.') }}</td>
                                                    <td
                                                        class="px-2 py-2 text-sm text-right text-stone-500 whitespace-nowrap">
                                                        {{ number_format($item->vat, 2, ',', '.') }}</td>
                                                    <td
                                                        class="px-2 py-2 text-sm text-right text-stone-500 whitespace-nowrap">
                                                        {{ number_format($item->service_fee, 2, ',', '.') }}</td>
                                                    <td
                                                        class="px-2 py-2 text-sm text-right text-stone-500 whitespace-nowrap">
                                                        {{ number_format($item->discount, 2, ',', '.') }}</td>
                                                    <td
                                                        class="px-2 py-2 text-sm text-right text-stone-500 whitespace-nowrap">
                                                        {{ number_format($item->cancel, 2, ',', '.') }}</td>
                                                    <td
                                                        class="px-2 py-2 text-sm text-right text-stone-500 whitespace-nowrap">
                                                        {{ number_format($item->gross_sales, 2, ',', '.') }}</td>
                                                    <td class="px-2 py-2 text-sm text-stone-900 whitespace-nowrap">
                                                        {{ $item->number }}</td>
                                                    <td class="px-2 py-2 text-sm text-stone-500 whitespace-nowrap">
                                                        @if ($item->type == 'sales_invoice' || $item->type == 'purchase_invoice')
                                                            @foreach ($item->lines as $line)
                                                                <span
                                                                    class="uppercase text-stone-400">{{ $line->product->name }}{{ !$loop->last ? ',' : '' }}</span>
                                                            @endforeach
                                                        @elseif ($item->type == 'sales_receipt' || $item->type == 'purchase_receipt')
                                                            <span
                                                                class="uppercase text-stone-400">{{ $item->note }}</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else
                                            <x-alert-standard color="stone">
                                                Bu aya ait belge bulunmuyor.
                                            </x-alert-standard>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </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,
        });
    </script>
@endsection