@extends('layouts.app', ['title' => 'Place Order | Print Cards'])

@section('content')
    <div class="row g-4">
        <div class="col-lg-8">
            <div class="card card-soft">
                <div class="card-body">
                    <h1 class="h4 mb-3">Place Print Order</h1>

                    @if($documents->isEmpty())
                        <div class="alert alert-warning mb-0">
                            Upload at least one document before placing an order.
                            <a href="{{ route('documents.index') }}" class="alert-link">Go to documents</a>
                        </div>
                    @else
                        <form method="POST" action="{{ route('orders.store') }}" class="row g-3">
                            @csrf
                            <div class="col-12">
                                <label class="form-label">Select Uploaded File</label>
                                <select name="document_id" class="form-select" required>
                                    <option value="">Choose uploaded file</option>
                                    @foreach($documents as $document)
                                        <option value="{{ $document->id }}">{{ $document->title }} | {{ $document->page_count }} pages | {{ ucfirst($document->approval_status) }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-6">
                                <label class="form-label">Saved Address</label>
                                <select name="address_id" class="form-select">
                                    <option value="">Use a new address below</option>
                                    @foreach($addresses as $address)
                                        <option value="{{ $address->id }}">{{ $address->label }} - {{ $address->city }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Address Label</label>
                                <input type="text" name="address_label" class="form-control" value="{{ old('address_label', 'Home') }}">
                            </div>

                            <div class="col-md-6"><label class="form-label">Recipient Name</label><input type="text" name="recipient_name" class="form-control" value="{{ old('recipient_name') }}"></div>
                            <div class="col-md-6"><label class="form-label">Phone</label><input type="text" name="phone" class="form-control" value="{{ old('phone') }}"></div>
                            <div class="col-12"><label class="form-label">Address Line 1</label><input type="text" name="line1" class="form-control" value="{{ old('line1') }}"></div>
                            <div class="col-12"><label class="form-label">Address Line 2</label><input type="text" name="line2" class="form-control" value="{{ old('line2') }}"></div>
                            <div class="col-md-4"><label class="form-label">Landmark</label><input type="text" name="landmark" class="form-control" value="{{ old('landmark') }}"></div>
                            <div class="col-md-4"><label class="form-label">City</label><input type="text" name="city" class="form-control" value="{{ old('city') }}"></div>
                            <div class="col-md-4"><label class="form-label">State</label><input type="text" name="state" class="form-control" value="{{ old('state') }}"></div>
                            <div class="col-md-6"><label class="form-label">Postal Code</label><input type="text" name="postal_code" class="form-control" value="{{ old('postal_code') }}"></div>
                            <div class="col-md-6"><label class="form-label">Country</label><input type="text" name="country" class="form-control" value="{{ old('country', 'India') }}"></div>

                            <div class="col-md-4">
                                <label class="form-label">Service Type</label>
                                <select name="page_size" class="form-select">
                                    <option>Paper Print</option>
                                    <option>Premium Lamination</option>
                                    <option>PVC</option>
                                    <option>A4</option>
                                    <option>A5</option>
                                    <option>ID Card</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Print Mode</label>
                                <select name="print_mode" class="form-select">
                                    <option value="bw">Black and White</option>
                                    <option value="color">Color</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Sides</label>
                                <select name="sides" class="form-select">
                                    <option value="single">Single</option>
                                    <option value="double">Double</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Copies</label>
                                <input type="number" name="copies" class="form-control" min="1" max="100" value="{{ old('copies', 1) }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Binding</label>
                                <select name="binding_type" class="form-select">
                                    <option value="none">None</option>
                                    <option value="spiral">Spiral</option>
                                    <option value="hard">Hard Binding</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Lamination</label>
                                <select name="lamination_type" class="form-select">
                                    <option value="none">None</option>
                                    <option value="gloss">Gloss</option>
                                    <option value="matte">Matte</option>
                                </select>
                            </div>

                            <div class="col-md-6 d-flex align-items-end">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="pvc_printing" value="1" id="pvc_printing">
                                    <label class="form-check-label" for="pvc_printing">PVC card printing</label>
                                </div>
                            </div>
                            <div class="col-md-6 d-flex align-items-end">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="save_address" value="1" id="save_address" checked>
                                    <label class="form-check-label" for="save_address">Save this address to my account</label>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <label class="form-label">Coupon Code</label>
                                <input type="text" name="coupon_code" class="form-control" value="{{ old('coupon_code', 'WELCOME50') }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Payment Method</label>
                                <select name="payment_method" class="form-select">
                                    @foreach($paymentMethods as $value => $label)
                                        <option value="{{ $value }}" @selected(old('payment_method') === $value)>{{ $label }}</option>
                                    @endforeach
                                </select>
                                <div class="small text-muted mt-1">Gateway provider: {{ strtoupper($defaultProvider) }}</div>
                            </div>
                            <div class="col-12">
                                <label class="form-label">Notes</label>
                                <textarea name="notes" rows="4" class="form-control">{{ old('notes') }}</textarea>
                            </div>
                            <div class="col-12">
                                <div class="alert alert-warning mb-0">
                                    We do not generate or modify any government documents. We only print and deliver documents uploaded by users.
                                </div>
                            </div>
                            <div class="col-12 d-grid">
                                <button type="submit" class="btn btn-primary btn-lg">Create Order and Continue to Payment</button>
                            </div>
                        </form>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card card-soft">
                <div class="card-body">
                    <h2 class="h5">Included in this flow</h2>
                    <ul class="mb-0 text-muted">
                        <li>Document upload with preview and admin approval</li>
                        <li>Address capture and saved delivery points</li>
                        <li>GST-ready pricing and coupon support</li>
                        <li>Payment gateway demo for Razorpay or PayU</li>
                        <li>Courier timeline and admin dispatch controls</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
@endsection