@extends('admin.layout.index')
@section('title', 'Müşteriler')
@section('content')
    <section class="relative overflow-x-auto border border-gray-100 sm:rounded-lg">
        <table class="w-full text-sm text-left text-gray-500">
            <thead class="text-xs text-gray-700 uppercase bg-gray-200/20">
            <tr>
                <th scope="col" class="px-6 py-3">
                    Sıra
                </th>
                <th scope="col" class="px-6 py-3">
                    <div class="flex items-center">
                        Ad Soyad
                    </div>
                </th>
                <th scope="col" class="px-6 py-3">
                    <div class="flex items-center">
                        Toplam Siparişler
                    </div>
                </th>
                <th scope="col" class="px-6 py-3">
                    <div class="flex items-center">
                        Kayıt Tarihi
                    </div>
                </th>
                <th scope="col" class="px-6 py-3">
                    <span class="sr-only">Edit</span>
                </th>
            </tr>
            </thead>
            <tbody>
            @foreach($customers as $key => $customer)
                <tr class="bg-white border-b border-b-gray-100 last:border-b-transparent">
                    <th scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap">
                        {{ $key + 1 }}
                    </th>
                    <td class="px-6 py-4">
                        {{ $customer->name }} {{ $customer->surname }}
                    </td>
                    <td class="px-6 py-4">
                        {{ $customer->total_orders }} Adet
                    </td>
                    <td class="px-6 py-4">
                        {{ carbon()::parse($customer->created_at)->format('H:i / d.m.Y') }}
                    </td>
                    <td class="px-6 py-4 text-right gap-2 h-full flex items-center justify-end">
                        <a href="{{ site('admin/customers/view/' . $customer->id) }}"
                           class="font-medium text-blue-600 hover:underline px-3 py-0.5 rounded bg-blue-50 border border-blue-100">
                            Detaylar
                        </a>
                        <a data-href="{{ site('admin/customers/block/' . $customer->id) }}"
                           class="font-medium text-rose-600 hover:underline px-3 py-0.5 rounded bg-rose-50 border border-rose-100">
                            Engelle
                        </a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </section>
@endsection