@extends('layouts.admin')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3">Create Checkout Session</h1>
        
        <a href="{{ route('admin.checkout-sessions.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left"></i> Back to List
        </a>
    </div>

    <div class="card">
        <div class="card-body">
            <form action="{{ route('admin.checkout-sessions.store') }}" method="POST">
                @csrf

                <div class="row">
                    <div class="col-md-6">
                        <h4 class="mb-3">Event Details</h4>
                        <div class="mb-3">
                            <label for="event_title" class="form-label">Event Title</label>
                            <input type="text" class="form-control @error('event.title') is-invalid @enderror" 
                                   id="event_title" name="event[title]" value="{{ old('event.title') }}" required>
                            @error('event.title')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="event_date" class="form-label">Event Date</label>
                            <input type="datetime-local" class="form-control @error('event.date') is-invalid @enderror" 
                                   id="event_date" name="event[date]" value="{{ old('event.date') }}" required>
                            @error('event.date')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="event_location" class="form-label">Event Location</label>
                            <input type="text" class="form-control @error('event.location') is-invalid @enderror" 
                                   id="event_location" name="event[location]" value="{{ old('event.location') }}" required>
                            @error('event.location')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="ticket_quantity" class="form-label">Ticket Quantity</label>
                            <input type="number" class="form-control @error('event.tickets.quantity') is-invalid @enderror" 
                                   id="ticket_quantity" name="event[tickets][quantity]" value="{{ old('event.tickets.quantity') }}" required>
                            @error('event.tickets.quantity')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="ticket_type" class="form-label">Ticket Type</label>
                            <input type="text" class="form-control @error('event.tickets.type') is-invalid @enderror" 
                                   id="ticket_type" name="event[tickets][type]" value="{{ old('event.tickets.type') }}" required>
                            @error('event.tickets.type')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="ticket_price" class="form-label">Ticket Price</label>
                            <input type="number" step="0.01" class="form-control @error('event.tickets.price') is-invalid @enderror" 
                                   id="ticket_price" name="event[tickets][price]" value="{{ old('event.tickets.price') }}" required>
                            @error('event.tickets.price')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="ticket_currency" class="form-label">Currency</label>
                            <select class="form-control @error('event.tickets.currency') is-invalid @enderror" 
                                    id="ticket_currency" name="event[tickets][currency]" required>
                                <option value="USD" {{ old('event.tickets.currency', 'USD') === 'USD' ? 'selected' : '' }}>USD ($)</option>
                                <option value="EUR" {{ old('event.tickets.currency', 'USD') === 'EUR' ? 'selected' : '' }}>EUR (€)</option>
                                <option value="GBP" {{ old('event.tickets.currency', 'USD') === 'GBP' ? 'selected' : '' }}>GBP (£)</option>
                                <option value="JPY" {{ old('event.tickets.currency', 'USD') === 'JPY' ? 'selected' : '' }}>JPY (¥)</option>
                                <option value="CNY" {{ old('event.tickets.currency', 'USD') === 'CNY' ? 'selected' : '' }}>CNY (¥)</option>
                                <option value="INR" {{ old('event.tickets.currency', 'USD') === 'INR' ? 'selected' : '' }}>INR (₹)</option>
                                <option value="RUB" {{ old('event.tickets.currency', 'USD') === 'RUB' ? 'selected' : '' }}>RUB (₽)</option>
                                <option value="KRW" {{ old('event.tickets.currency', 'USD') === 'KRW' ? 'selected' : '' }}>KRW (₩)</option>
                                <option value="BRL" {{ old('event.tickets.currency', 'USD') === 'BRL' ? 'selected' : '' }}>BRL (R$)</option>
                                <option value="TRY" {{ old('event.tickets.currency', 'USD') === 'TRY' ? 'selected' : '' }}>TRY (₺)</option>
                                <option value="SAR" {{ old('event.tickets.currency', 'USD') === 'SAR' ? 'selected' : '' }}>SAR (﷼)</option>
                                <option value="AUD" {{ old('event.tickets.currency', 'USD') === 'AUD' ? 'selected' : '' }}>AUD (A$)</option>
                                <option value="CAD" {{ old('event.tickets.currency', 'USD') === 'CAD' ? 'selected' : '' }}>CAD (C$)</option>
                                <option value="CHF" {{ old('event.tickets.currency', 'USD') === 'CHF' ? 'selected' : '' }}>CHF (Fr)</option>
                                <option value="HKD" {{ old('event.tickets.currency', 'USD') === 'HKD' ? 'selected' : '' }}>HKD (HK$)</option>
                                <option value="NZD" {{ old('event.tickets.currency', 'USD') === 'NZD' ? 'selected' : '' }}>NZD (NZ$)</option>
                                <option value="SGD" {{ old('event.tickets.currency', 'USD') === 'SGD' ? 'selected' : '' }}>SGD (S$)</option>
                                <option value="ZAR" {{ old('event.tickets.currency', 'USD') === 'ZAR' ? 'selected' : '' }}>ZAR (R)</option>
                                <option value="MXN" {{ old('event.tickets.currency', 'USD') === 'MXN' ? 'selected' : '' }}>MXN (Mex$)</option>
                                <option value="THB" {{ old('event.tickets.currency', 'USD') === 'THB' ? 'selected' : '' }}>THB (฿)</option>
                                <option value="PHP" {{ old('event.tickets.currency', 'USD') === 'PHP' ? 'selected' : '' }}>PHP (₱)</option>
                                <option value="IDR" {{ old('event.tickets.currency', 'USD') === 'IDR' ? 'selected' : '' }}>IDR (Rp)</option>
                                <option value="MYR" {{ old('event.tickets.currency', 'USD') === 'MYR' ? 'selected' : '' }}>MYR (RM)</option>
                                <option value="AED" {{ old('event.tickets.currency', 'USD') === 'AED' ? 'selected' : '' }}>AED (د.إ)</option>
                            </select>
                            @error('event.tickets.currency')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-6">
                        <h4 class="mb-3">Delivery Details</h4>
                        <div class="mb-3">
                            <label for="delivery_method" class="form-label">Delivery Method</label>
                            <input type="text" class="form-control @error('delivery.method') is-invalid @enderror" 
                                   id="delivery_method" name="delivery[method]" value="{{ old('delivery.method') }}" required>
                            @error('delivery.method')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="delivery_instructions" class="form-label">Delivery Instructions</label>
                            <textarea class="form-control @error('delivery.instructions') is-invalid @enderror" 
                                      id="delivery_instructions" name="delivery[instructions]" rows="3" required>{{ old('delivery.instructions') }}</textarea>
                            @error('delivery.instructions')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="barcode_instructions" class="form-label">Barcode Instructions</label>
                            <textarea class="form-control @error('delivery.barcode_instructions') is-invalid @enderror" 
                                      id="barcode_instructions" name="delivery[barcode_instructions]" rows="3" required>{{ old('delivery.barcode_instructions') }}</textarea>
                            @error('delivery.barcode_instructions')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <h4 class="mb-3">Pricing</h4>
                        <div class="mb-3">
                            <label for="subtotal" class="form-label">Subtotal</label>
                            <input type="number" step="0.01" class="form-control @error('pricing.subtotal') is-invalid @enderror" 
                                   id="subtotal" name="pricing[subtotal]" value="{{ old('pricing.subtotal') }}" required>
                            @error('pricing.subtotal')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="service_fee" class="form-label">Service Fee</label>
                            <input type="number" step="0.01" class="form-control @error('pricing.service_fee') is-invalid @enderror" 
                                   id="service_fee" name="pricing[service_fee]" value="{{ old('pricing.service_fee') }}" required>
                            @error('pricing.service_fee')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="handling_fee" class="form-label">Handling Fee</label>
                            <input type="number" step="0.01" class="form-control @error('pricing.handling_fee') is-invalid @enderror" 
                                   id="handling_fee" name="pricing[handling_fee]" value="{{ old('pricing.handling_fee') }}" required>
                            @error('pricing.handling_fee')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="total" class="form-label">Total</label>
                            <input type="number" step="0.01" class="form-control @error('pricing.total') is-invalid @enderror" 
                                   id="total" name="pricing[total]" value="{{ old('pricing.total') }}" required>
                            @error('pricing.total')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="expires_at" class="form-label">Expires At (Minutes)</label>
                            <input  type="number" class="form-control @error('expires_at') is-invalid @enderror" 
                                   id="expires_at" name="expires_at" value="{{ old('expires_at') }}" required>
                            @error('expires_at')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="text-end">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> Create Session
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection