@extends('admin.layout.index')
@section('title', 'Müşterileri Detayları')
@section('content')
    <h3 class="text-2xl font-semibold"> {{ $customer->name . ' ' . $customer->surname }} </h3>
    <p class="text-sm text-gray-600">
        {{ $customer->email }}
    </p>
    <div class="p-6 border border-zinc-200 rounded-lg mt-4">
        <div class="">
            <h3 class="pb-5 text-gray-900 text-lg font-semibold"> Adres Bilgileri </h3>
            <div class="flex flex-col gap-3">
                <p class="text-gray-600">{{ $customer->address->address ?? "--------------" }}</p>
                <p class="text-gray-600">{{ isset($customer->address->city) ? db('region')->where('id', $customer->address->city)->get()->first()->name : "--------------" }}/{{ isset($customer->address->country) ? db('region')->where('id', $customer->address->country)->get()->first()->name : "--------------" }}</p>
                <p class="text-gray-600">
                    E-posta Adresi: <br><span class="text-emerald-600">{{ $customer->email ?? "--------------" }}</span>
                </p>
                <p class="text-gray-600">
                    Telefon:<br><span class="text-emerald-600">{{ $customer->phone !== null ? $customer->phone : "--------------" }}</span>
                </p>
            </div>
        </div>
    </div>
    <section class="relative overflow-x-auto border border-gray-100 sm:rounded-lg mt-6">
        <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">
                        Sipariş Tarihi
                    </div>
                </th>
                <th scope="col" class="px-6 py-3">
                    <div class="flex items-center">
                        Sipariş Tutarı
                    </div>
                </th>
                <th scope="col" class="px-6 py-3">
                    <div class="flex items-center">
                        Ödeme Türü
                    </div>
                </th>
                <th scope="col" class="px-6 py-3">
                    <span class="sr-only">Edit</span>
                </th>
            </tr>
            </thead>
            <tbody>
            @foreach($orders as $key => $order)
                <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">
                        {{ '#' . $order->uniq   }}
                    </th>
                    <td class="px-6 py-4">
                        {{ carbon()::parse($order->created_at)->format('H:i / d.m.Y') }}
                    </td>
                    <td class="px-6 py-4">
                        {{ CURRENCY . num_format($order->fees->total_sale ?? $order->fees->general_total) }}
                    </td>
                    <td class="px-6 py-4">
                        @if($order->payment_type == 'pay_at_the_door')
                            <span class="bg-green-100 border border-green-300 px-3 py-0.5 rounded-lg text-green-600 inline-flex items-center justify-center gap-2">
                                Kapıda Ödeme
                            </span>
                        @endif
                        @if($order->payment_type == 'pos')
                            <span class="bg-violet-100 border border-violet-300 px-3 py-0.5 rounded-lg text-violet-600 inline-flex items-center justify-center gap-2">
                                Kredi / Banka Kartı
                            </span>
                        @endif
                        @if($order->payment_type == 'eft')
                            <span class="bg-yellow-100 border border-yellow-300 px-3 py-0.5 rounded-lg text-yellow-600 inline-flex items-center justify-center gap-2">
                                EFT/Havale
                            </span>
                        @endif
                    </td>
                    <td class="px-6 py-4 text-right gap-2 h-full flex items-center justify-end">
                        <a href="{{ site('admin/orders/view/' . $order->uniq) }}"
                           class="font-medium text-blue-600 hover:underline px-3 py-0.5 rounded bg-blue-50 border border-blue-100">
                            Sipariş Detayı
                        </a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </section>
@endsection