@extends('layout.index')
@section('title', 'Siparişlerim')
@section('content')
    <section class="my-10 lg:px-0 px-4" data-role="my-account">
        <div class="max-w-7xl mx-auto grid lg:gap-4 gap-10 lg:grid-cols-12 grid-cols-1">
            <div class="lg:col-span-3 col-span-1">
                <nav>
                    <ul class="flex gap-2 flex-col">
                        <li>
                            <a class="tab-button" href="{{ site('my-account') }}"> Kullanıcı Bilgilerim </a>
                        </li>
                        <li>
                            <a href="{{ site('my-account/address') }}" class="tab-button"> Adresim </a>
                        </li>
                        <li>
                            <a href="{{ site('my-account/favorites') }}" class="tab-button"> Beğendiğim Ürünler </a>
                        </li>
                        <li>
                            <a href="{{ site('my-account/orders') }}" class="tab-button active"> Siparişlerim </a>
                        </li>
                        <li>
                            <a href="{{ site('my-account/comments') }}" class="tab-button"> Yorumlarım </a>
                        </li>
                        <li>
                            <a href="{{ site('auth/logout') }}" class="py-2 px-3 w-full border border-red-500 rounded-md text-red-500 transition hover:text-white hover:bg-red-500 block cursor-pointer"> Çıkış Yap </a>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="lg:col-span-9 col-span-1">
                <h3 class="text-lg lg:mb-8 mb-2"> Siparişler </h3>
                <div class="grid grid-cols-1 gap-4">
                    @foreach($orders as $order)
                        <a class="bg-gray-50 p-3 rounded-md grid grid-cols-12 gap-3 cursor-pointer" href="{{ site('my-account/orders/' . $order->uniq) }}">
                            <div class="rounded-md col-span-2 relative lg:pb-4 px-0">
                                                                @foreach($order->products as $key => $product)
                                    @if($i == 0)
                                        @isset(db('product')->where('id', $product->id)->get()->first()->images)
                                            <img src="{{ upload('products', json_decode(db('product')->where('id', $product->id)->get()->first()->images, true)[0]) }}" class="lg:w-[50px] lg:h-[50px] rounded-lg w-full" alt="">
                                        @endisset
                                    @endif
                                    @if($i == 1)
                                        @isset(db('product')->where('id', $product->id)->get()->first()->images)
                                            <img src="{{ upload('products', json_decode(db('product')->where('id', $product->id)->get()->first()->images, true)[0]) }}" class="w-[50px] h-[50px] absolute top-[17px] rounded-lg left-[17px] lg:block hidden" alt="">
                                        @endisset
                                    @endif
                                                                    @endforeach
                            </div>
                            <div class="col-span-10 flex justify-between items-center">
                                <div class="whitespace-nowrap">
                                    <h3 class="text-sm flex items-center">
                                        <span class="text-xs text-gray-500 lg:block hidden">Sipariş No: </span> <span class="font-bold ml-0.5 whitespace-nowrap">{{ $order->uniq }} </span>
                                    </h3>
                                    <span class="text-xs text-gray-500">{{ carbon()::parse($order->created_at)->format('H:i / d.m.Y') }}</span>
                                </div>
                                <h3 class="text-sm text-gray-500 lg:text-left text-center">
                                    @switch($order->status)
                                        @case("1")
                                            Sipariş Oluşturuldu
                                        @break
                                        @case("2")
                                            Sipariş Onaylandı
                                        @break
                                        @case("3")
                                            Sipariş Hazırlanıyor
                                        @break
                                        @case("4")
                                            Kargoya Verildi
                                        @break
                                        @case("5")
                                            Teslim Edildi
                                        @break
                                        @case("0")
                                            <span class="text-red-500">İptal Edildi</span>
                                        @break
                                        @default
                                            Hata
                                        @break
                                    @endswitch
                                </h3>
                                <h3 class="lg:text-sm text-xs font-bold">{{ CURRENCY . $order->fees->general_total }}</h3>
                            </div>
                        </a>
                    @endforeach
                </div>
            </div>
        </div>
    </section>
@endsection