@extends('layouts.app')

@section('title', 'Konfirmasi Order')

@section('content')
<div class="min-h-screen bg-gray-950 py-10 px-4">
    <div class="max-w-lg mx-auto">

        <div class="flex items-center gap-3 mb-6">
            <a href="{{ url()->previous() }}" class="text-gray-400 hover:text-white">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
                </svg>
            </a>
            <h1 class="text-xl font-bold text-white">Konfirmasi Order</h1>
        </div>

        {{-- Ringkasan --}}
        <div class="bg-gray-800 rounded-2xl divide-y divide-gray-700 mb-5">
            <div class="px-5 py-4">
                <p class="text-gray-400 text-xs mb-1">Game</p>
                <p class="text-white font-semibold">{{ $config->game_name }}</p>
            </div>
            <div class="px-5 py-4">
                <p class="text-gray-400 text-xs mb-1">Akun</p>
                <p class="text-white font-semibold">{{ $nickname }}</p>
                <p class="text-gray-400 text-sm">ID: {{ $user_id }}{{ $server_id ? ' • Server: ' . $server_id : '' }}</p>
            </div>
            <div class="px-5 py-4">
                <p class="text-gray-400 text-xs mb-1">Produk</p>
                <p class="text-white font-semibold">{{ $product->name }}</p>
            </div>
            <div class="px-5 py-4 flex items-center justify-between">
                <p class="text-gray-400 text-sm">Total Pembayaran</p>
                <p class="text-indigo-300 font-bold text-lg">Rp {{ number_format($product->price, 0, ',', '.') }}</p>
            </div>
        </div>

        {{-- Tombol konfirmasi → POST buat invoice --}}
        <form action="{{ route('invoices.store') }}" method="POST">
            @csrf
            <input type="hidden" name="game_code"  value="{{ $config->game_code }}">
            <input type="hidden" name="user_id"    value="{{ $user_id }}">
            <input type="hidden" name="server_id"  value="{{ $server_id }}">
            <input type="hidden" name="nickname"   value="{{ $nickname }}">
            <input type="hidden" name="product_id" value="{{ $product->id }}">

            @foreach($input_data as $key => $val)
                @if(!in_array($key, ['game_code','user_id','server_id','nickname','product_id','_token']))
                    <input type="hidden" name="{{ $key }}" value="{{ $val }}">
                @endif
            @endforeach

            <button type="submit"
                    class="w-full bg-green-600 hover:bg-green-500 text-white font-bold py-4 rounded-2xl transition-all">
                 Bayar & Buat Invoice
            </button>
        </form>

        <p class="text-center text-gray-500 text-xs mt-4">Dengan melanjutkan, kamu menyetujui <a href="{{ route('terms') }}" target="_blank" class="underline">syarat dan ketentuan</a> yang berlaku.</p>

    </div>
</div>
@endsection