@extends('layouts.app')

@section('content')
<section class="py-16 md:py-24 bg-[#1a1614]">
    <div class="max-w-[1400px] mx-auto px-4 sm:px-6 lg:px-8">
        <h1 class="text-3xl md:text-4xl font-light text-white mb-4">Sifarişi rəsmiləşdir</h1>
        <p class="text-white/55 mb-10 max-w-2xl">
            Adınızı, ünvanınızı və telefon nömrənizi yazın. Sifariş admin panelə düşəcək və seçdiyiniz məhsullarla WhatsApp müraciəti açılacaq.
        </p>

        @if(session('error'))
            <div class="mb-6 p-4 rounded bg-red-500/10 text-red-400 text-sm">{{ session('error') }}</div>
        @endif

        @if($errors->any())
            <div class="mb-6 p-4 rounded bg-red-500/10 text-red-300 text-sm">
                <p class="font-medium mb-2">Məlumatları yoxlayın:</p>
                <ul class="list-disc pl-5 space-y-1">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
            <div class="lg:col-span-2">
                <form method="POST" action="{{ localized_route('checkout.store') }}" class="bg-[#231e1b] rounded-2xl p-6 md:p-8 space-y-5">
                    @csrf

                    <h2 class="text-xl font-light text-white mb-4">Müştəri məlumatları</h2>

                    <div>
                        <label class="block text-sm text-white/60 mb-2">Ad və soyad *</label>
                        <input
                            type="text"
                            name="name"
                            required
                            value="{{ old('name') }}"
                            placeholder="Məsələn: Ali Zeynalov"
                            class="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-4 text-white placeholder-white/25 focus:border-[#c77d4a] focus:outline-none"
                        >
                    </div>

                    <div>
                        <label class="block text-sm text-white/60 mb-2">Telefon nömrəsi *</label>
                        <input
                            type="tel"
                            name="phone"
                            required
                            value="{{ old('phone') }}"
                            placeholder="+994 50 000 00 00"
                            class="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-4 text-white placeholder-white/25 focus:border-[#c77d4a] focus:outline-none"
                        >
                    </div>

                    <div>
                        <label class="block text-sm text-white/60 mb-2">Ünvan *</label>
                        <textarea
                            name="address"
                            required
                            rows="3"
                            placeholder="Şəhər, küçə, bina, mənzil"
                            class="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-4 text-white placeholder-white/25 focus:border-[#c77d4a] focus:outline-none"
                        >{{ old('address') }}</textarea>
                    </div>

                    <div>
                        <label class="block text-sm text-white/60 mb-2">Qeyd</label>
                        <textarea
                            name="customer_note"
                            rows="3"
                            placeholder="İstəyə bağlı əlavə qeyd"
                            class="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-4 text-white placeholder-white/25 focus:border-[#c77d4a] focus:outline-none"
                        >{{ old('customer_note') }}</textarea>
                    </div>

                    <button type="submit" class="w-full bg-[#c77d4a] hover:bg-[#b06b3d] text-white px-6 py-4 rounded-xl text-sm font-medium uppercase transition">
                        Sifarişi göndər və WhatsApp-a keç
                    </button>
                </form>
            </div>

            <div class="bg-[#231e1b] rounded-2xl p-6 h-fit">
                <h2 class="text-xl font-light text-white mb-6">Seçilən məhsullar</h2>
                <div class="space-y-4 text-sm border-b border-white/10 pb-5 mb-5">
                    @foreach($cart as $item)
                        <div class="flex justify-between gap-4 text-white/75">
                            <span>{{ $item['name'] }} x{{ $item['qty'] }}</span>
                            <span class="whitespace-nowrap">{{ number_format($item['price'] * $item['qty'], 2, ',', ' ') }} AZN</span>
                        </div>
                    @endforeach
                </div>
                <div class="space-y-3 text-sm border-b border-white/10 pb-5 mb-5">
                    <div class="flex justify-between text-white/60">
                        <span>Məhsullar</span>
                        <span>{{ number_format($total, 2, ',', ' ') }} AZN</span>
                    </div>
                    @if($discount > 0)
                        <div class="flex justify-between text-green-400">
                            <span>Endirim</span>
                            <span>-{{ number_format($discount, 2, ',', ' ') }} AZN</span>
                        </div>
                    @endif
                    <div class="flex justify-between text-white/60">
                        <span>Çatdırılma</span>
                        <span>{{ $shipping > 0 ? number_format($shipping, 2, ',', ' ') . ' AZN' : 'Pulsuz' }}</span>
                    </div>
                </div>
                <div class="flex justify-between text-white text-lg font-medium">
                    <span>Cəmi</span>
                    <span>{{ number_format($finalTotal, 2, ',', ' ') }} AZN</span>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection