@extends('layouts.app')

@section('title', 'Checkout')

@section('content')
<div class="container py-5">
    <h1 class="mb-4">Checkout</h1>
    <form action="{{ route('checkout.store') }}" method="POST">
        @csrf
        <div class="row">
            <div class="col-md-8">
                <div class="card shadow-sm mb-4">
                    <div class="card-body">
                        <h5>Billing Details</h5>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label>First Name *</label>
                                <input type="text" name="first_name" class="form-control" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label>Last Name *</label>
                                <input type="text" name="last_name" class="form-control" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label>Email *</label>
                                <input type="email" name="email" class="form-control" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label>Phone *</label>
                                <input type="tel" name="phone" class="form-control" required>
                            </div>
                            <div class="col-12 mb-3">
                                <label>Address *</label>
                                <input type="text" name="address" class="form-control" required>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label>City *</label>
                                <input type="text" name="city" class="form-control" required>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label>Country *</label>
                                <input type="text" name="country" class="form-control" required>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label>Postal Code *</label>
                                <input type="text" name="postal_code" class="form-control" required>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card shadow-sm">
                    <div class="card-body">
                        <h5>Payment Method</h5>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="payment_method" id="cod" value="cod" checked>
                            <label class="form-check-label" for="cod">Cash on Delivery</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="payment_method" id="card" value="card">
                            <label class="form-check-label" for="card">Credit/Debit Card (simulated)</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card shadow-sm">
                    <div class="card-body">
                        <h5>Order Summary</h5>
                        <hr>
                        @php
                            $cart = session()->get('cart', []);
                            $subtotal = 0;
                            foreach($cart as $item) {
                                $subtotal += $item['price'] * $item['quantity'];
                            }
                            $discount = 0;
                            if(session()->has('coupon')) {
                                $coupon = \App\Models\Coupon::where('code', session('coupon'))->first();
                                if($coupon) {
                                    if($coupon->type == 'fixed') $discount = $coupon->value;
                                    else $discount = ($subtotal * $coupon->value) / 100;
                                }
                            }
                            $shipping = 50;
                            $total = $subtotal - $discount + $shipping;
                        @endphp
                        <p>Subtotal: ${{ number_format($subtotal, 2) }}</p>
                        @if($discount > 0)
                        <p>Discount: -${{ number_format($discount, 2) }}</p>
                        @endif
                        <p>Shipping: ${{ number_format($shipping, 2) }}</p>
                        <h4>Total: ${{ number_format($total, 2) }}</h4>
                        <button type="submit" class="btn btn-dark w-100 mt-3">Place Order</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection