@extends('layouts.user')
@section('page-title', 'Checkout')

@section('content')
<div style="max-width:700px;">
<h4 class="fw-bold mb-3">Checkout</h4>

<div class="card mb-3">
    <div class="card-body">
        <h6 class="fw-bold mb-2">Customer Details</h6>
        <p class="mb-1"><strong>{{ $user->company_name }}</strong> — {{ $user->contact_person }}</p>
        <p class="mb-1 text-muted small">{{ $user->mobile }} @if($user->gst_number) · GST: {{ $user->gst_number }} @endif</p>
        <p class="mb-1 small"><span class="text-muted">Billing:</span> {{ $user->billing_address }}</p>
    </div>
</div>

<form method="POST" action="{{ route('user.orders.store') }}">
    @csrf
    <div class="card mb-3">
        <div class="card-body">
            <h6 class="fw-bold mb-2">Shipping Address</h6>
            <textarea name="shipping_address" class="form-control" rows="2">{{ $user->shipping_address }}</textarea>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-body">
            <h6 class="fw-bold mb-3">Order Summary</h6>
            @foreach ($cart->items as $item)
            @php $price = $priceMap[$item->product_id] ?? $item->product->default_selling_price; @endphp
            <div class="d-flex justify-content-between small mb-1">
                <span>{{ $item->product->name }} × {{ $item->quantity }} @ ₹{{ number_format($price,2) }}</span>
                <span>₹{{ number_format($price * $item->quantity, 2) }}</span>
            </div>
            @endforeach
            <div class="border-top pt-2 mt-2 small">
                <div class="d-flex justify-content-between"><span class="text-muted">Subtotal</span><span>₹{{ number_format($subtotal,2) }}</span></div>
                <div class="d-flex justify-content-between"><span class="text-muted">GST</span><span>₹{{ number_format($taxAmount,2) }}</span></div>
                <div class="d-flex justify-content-between fw-bold fs-6"><span>Total</span><span>₹{{ number_format($total,2) }}</span></div>
            </div>
        </div>
    </div>

    <button class="btn btn-primary w-100 py-2">PLACE ORDER</button>
</form>
</div>
@endsection