@extends('layouts.app')

@section('title', 'Checkout')

@section('content')
<div class="container">
    <div class="row g-4">
        <div class="col-lg-7">
            <div class="card section-card">
                <div class="card-body p-4">
                    <h1 class="mb-4">Checkout</h1>
                    <form method="post" class="row g-3">
                        @csrf
                        <div class="col-12">
                            <h2 class="h5 mb-0">Delivery address</h2>
                            <div class="small text-muted">Orders require a verified email address. Billing details are stored separately for invoices.</div>
                        </div>
                        <div class="col-md-6"><label class="form-label" for="checkout_full_name">Full name</label><input id="checkout_full_name" class="form-control" name="full_name" value="{{ old('full_name', $user?->name) }}"></div>
                        <div class="col-md-6"><label class="form-label" for="checkout_email">Email</label><input id="checkout_email" class="form-control" name="email" value="{{ old('email', $user?->email) }}"></div>
                        <div class="col-md-6"><label class="form-label" for="checkout_phone">Phone</label><input id="checkout_phone" class="form-control" name="phone" value="{{ old('phone', $user?->phone) }}"></div>
                        <div class="col-md-6"><label class="form-label" for="checkout_postcode">Postcode</label><input id="checkout_postcode" class="form-control" name="postcode" value="{{ old('postcode') }}"></div>
                        <div class="col-12"><label class="form-label" for="checkout_line_1">Address line 1</label><input id="checkout_line_1" class="form-control" name="line_1" value="{{ old('line_1') }}"></div>
                        <div class="col-12"><label class="form-label" for="checkout_line_2">Address line 2</label><input id="checkout_line_2" class="form-control" name="line_2" value="{{ old('line_2') }}"></div>
                        <div class="col-md-6"><label class="form-label" for="checkout_city">Town / city</label><input id="checkout_city" class="form-control" name="city" value="{{ old('city') }}"></div>
                        <div class="col-md-6"><label class="form-label" for="checkout_county">County</label><input id="checkout_county" class="form-control" name="county" value="{{ old('county') }}"></div>
                        <div class="col-12">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="billing_same_as_shipping" value="1" id="billing_same_as_shipping" @checked(old('billing_same_as_shipping', true))>
                                <label class="form-check-label" for="billing_same_as_shipping">Billing / invoice address is the same as delivery</label>
                            </div>
                        </div>
                        <div class="col-12">
                            <h2 class="h5 mb-0">Billing address</h2>
                            <div class="small text-muted">Used for invoices and payment records if it differs from the delivery address.</div>
                        </div>
                        <div class="col-md-6"><label class="form-label" for="billing_full_name">Billing full name</label><input id="billing_full_name" class="form-control" name="billing_full_name" value="{{ old('billing_full_name', $user?->name) }}"></div>
                        <div class="col-md-6"><label class="form-label" for="billing_email">Billing email</label><input id="billing_email" class="form-control" name="billing_email" value="{{ old('billing_email', $user?->email) }}"></div>
                        <div class="col-md-6"><label class="form-label" for="billing_phone">Billing phone</label><input id="billing_phone" class="form-control" name="billing_phone" value="{{ old('billing_phone', $user?->phone) }}"></div>
                        <div class="col-md-6"><label class="form-label" for="billing_postcode">Billing postcode</label><input id="billing_postcode" class="form-control" name="billing_postcode" value="{{ old('billing_postcode') }}"></div>
                        <div class="col-12"><label class="form-label" for="billing_line_1">Billing address line 1</label><input id="billing_line_1" class="form-control" name="billing_line_1" value="{{ old('billing_line_1') }}"></div>
                        <div class="col-12"><label class="form-label" for="billing_line_2">Billing address line 2</label><input id="billing_line_2" class="form-control" name="billing_line_2" value="{{ old('billing_line_2') }}"></div>
                        <div class="col-md-6"><label class="form-label" for="billing_city">Billing town / city</label><input id="billing_city" class="form-control" name="billing_city" value="{{ old('billing_city') }}"></div>
                        <div class="col-md-6"><label class="form-label" for="billing_county">Billing county</label><input id="billing_county" class="form-control" name="billing_county" value="{{ old('billing_county') }}"></div>
                        <div class="col-md-6">
                            <label class="form-label" for="shipping_method_id">Delivery method</label>
                            <select id="shipping_method_id" name="shipping_method_id" class="form-select">
                                <option value="">Select delivery method</option>
                                @foreach ($shippingMethods as $method)
                                    <option value="{{ $method->id }}" @selected((string) old('shipping_method_id') === (string) $method->id)>{{ $method->name }} - @money($method->price)</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" for="payment_method">Payment method</label>
                            <select id="payment_method" name="payment_method" class="form-select">
                                <option value="stripe" @selected(old('payment_method', 'stripe') === 'stripe')>Stripe</option>
                                <option value="paypal" @selected(old('payment_method') === 'paypal')>PayPal</option>
                            </select>
                        </div>
                        <div class="col-md-6"><label class="form-label" for="discount_code">Discount code</label><input id="discount_code" class="form-control" name="discount_code" value="{{ old('discount_code', $discount_code) }}" placeholder="Discount code"></div>
                        <div class="col-md-6"><label class="form-label" for="gift_card_code">Gift card voucher</label><input id="gift_card_code" class="form-control" name="gift_card_code" value="{{ old('gift_card_code') }}" placeholder="Gift card voucher"></div>
                        @auth
                            <div class="col-md-6"><label class="form-label" for="points_to_redeem">Points to redeem</label><input id="points_to_redeem" class="form-control" name="points_to_redeem" value="{{ old('points_to_redeem') }}" type="number" min="0" max="{{ $user?->loyalty_points_balance ?? 0 }}" placeholder="Points to redeem"></div>
                            <div class="col-md-6">
                                <div class="border rounded-4 p-3 small h-100">
                                    <strong>Account credit</strong><br>
                                    @money((float) ($user?->account_credit_balance ?? 0)) available<br>
                                    <strong>Loyalty points</strong><br>
                                    {{ number_format((int) ($user?->loyalty_points_balance ?? 0)) }} points
                                </div>
                            </div>
                        @endauth
                        <div class="col-12">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" checked disabled>
                                <label class="form-check-label">By checking out you confirm that you have reviewed the store policies, shipping terms, and livestock guidance shown on the site.</label>
                            </div>
                        </div>
                        <div class="col-12"><button class="btn btn-primary btn-lg w-100">Place order</button></div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-lg-5">
            <div class="card section-card">
                <div class="card-body p-4">
                    <h2 class="h4">Order summary</h2>
                    @foreach ($items as $item)
                        <div class="d-flex justify-content-between py-2 border-bottom small">
                            <span>{{ $item['name'] }} x {{ $item['quantity'] }}</span>
                            <span>@money($item['line_total'])</span>
                        </div>
                    @endforeach
                    <div class="d-flex justify-content-between mt-3">
                        <strong>Subtotal</strong>
                        <strong>@money($subtotal)</strong>
                    </div>
                    @auth
                        <div class="small text-muted mt-3">Account credit is used automatically first after any valid discount or redeemed points.</div>
                    @endauth
                </div>
            </div>
        </div>
    </div>
</div>
@endsection