@extends('layouts.app')

@section('content')
<div class="py-12">
    <div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
        <div class="overflow-hidden bg-white shadow-xl sm:rounded-lg">
            <div class="p-6 bg-white border-b border-gray-200 lg:p-8">
                <h1 class="text-2xl font-medium text-gray-900">
                    Eadisyon Entegrasyonu
                </h1>
                <p class="mt-6 leading-relaxed text-gray-500">
                    POS satışları ve e-fatura işlemleri yönetimi
                </p>
            </div>

            <div class="grid grid-cols-1 gap-6 p-6 bg-gray-200 bg-opacity-25 md:grid-cols-2 lg:gap-8 lg:p-8">
                <div class="overflow-hidden bg-white shadow-sm sm:rounded-lg">
                    <div class="p-6">
                        <div class="flex items-center">
                            <div class="ml-4">
                                <div class="text-lg font-semibold leading-7 text-gray-900">
                                    Son POS Satışları
                                </div>
                                <div class="text-sm text-gray-500">
                                    Son 10 POS satış kaydı
                                </div>
                            </div>
                        </div>

                        <div class="mt-6">
                            @if($sales->count() > 0)
                            <div class="overflow-x-auto">
                                <table class="min-w-full divide-y divide-gray-200">
                                    <thead class="bg-gray-50">
                                        <tr>
                                            <th
                                                class="px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-500 uppercase">
                                                ID</th>
                                            <th
                                                class="px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-500 uppercase">
                                                Tarih</th>
                                            <th
                                                class="px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-500 uppercase">
                                                Tutar</th>
                                            <th
                                                class="px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-500 uppercase">
                                                Durum</th>
                                        </tr>
                                    </thead>
                                    <tbody class="bg-white divide-y divide-gray-200">
                                        @foreach($sales as $sale)
                                        <tr>
                                            <td class="px-6 py-4 text-sm text-gray-900 whitespace-nowrap">
                                                {{ $sale->id }}
                                            </td>
                                            <td class="px-6 py-4 text-sm text-gray-500 whitespace-nowrap">
                                                {{ $sale->created_at ? $sale->created_at->format('d.m.Y H:i') : '-' }}
                                            </td>
                                            <td class="px-6 py-4 text-sm text-gray-500 whitespace-nowrap">
                                                {{ number_format($sale->total ?? 0, 2) }} ₺
                                            </td>
                                            <td class="px-6 py-4 whitespace-nowrap">
                                                <span
                                                    class="inline-flex px-2 text-xs font-semibold leading-5 text-green-800 bg-green-100 rounded-full">
                                                    Aktif
                                                </span>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            @else
                            <div class="py-8 text-center">
                                <p class="text-gray-500">Henüz POS satışı kaydı bulunmuyor.</p>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="overflow-hidden bg-white shadow-sm sm:rounded-lg">
                    <div class="p-6">
                        <div class="flex items-center">
                            <div class="ml-4">
                                <div class="text-lg font-semibold leading-7 text-gray-900">
                                    E-Adisyon İşlemleri
                                </div>
                                <div class="text-sm text-gray-500">
                                    Hızlı işlemler ve durum bilgileri
                                </div>
                            </div>
                        </div>

                        <div class="mt-6 space-y-4">
                            <button class="w-full px-4 py-2 font-bold text-white bg-blue-500 rounded hover:bg-blue-700">
                                Bekleyen Adisyonları Gönder
                            </button>
                            <button
                                class="w-full px-4 py-2 font-bold text-white bg-green-500 rounded hover:bg-green-700">
                                Durum Sorgula
                            </button>
                            <button
                                class="w-full px-4 py-2 font-bold text-white bg-yellow-500 rounded hover:bg-yellow-700">
                                Raporları Görüntüle
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection