@extends('layouts.app')

@section('title', 'Edit Order - MiMSMS Voter System')

@section('content')
<div style="max-width: 700px; margin: 0 auto;">
    <h1 style="color: var(--primary-orange); margin-bottom: 2rem;">Edit Order #{{ $order->id }}</h1>

    <div class="card">
        <h2 style="color: var(--primary-orange); margin-bottom: 1.5rem;">Order Information</h2>

        <div style="background: var(--light-bg); padding: 1rem; border-radius: 4px; margin-bottom: 1.5rem;">
            <p><strong>Customer:</strong> {{ $order->customer_name }}</p>
            <p><strong>Email:</strong> {{ $order->customer_email }}</p>
            <p><strong>Phone:</strong> {{ $order->customer_phone }}</p>
            <p><strong>Electoral Area:</strong> {{ $order->electoralArea->name }}</p>
            <p><strong>Package:</strong> {{ ucfirst(str_replace('_', ' ', $order->package_type)) }}</p>
            <p><strong>Quantity:</strong> {{ number_format($order->quantity) }}</p>
            <p><strong>Total Voters:</strong> {{ number_format($order->total_voters) }}</p>
            <p><strong>WHMCS Order ID:</strong> {{ $order->whmcs_order_id ?? 'Not yet created' }}</p>
            <p><strong>Created:</strong> {{ $order->created_at->format('M d, Y H:i A') }}</p>
        </div>

        <form action="{{ route('admin.orders.update', $order->id) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="form-group">
                <label for="order_status">Order Status *</label>
                <select id="order_status" name="order_status" required>
                    <option value="pending" {{ $order->order_status === 'pending' ? 'selected' : '' }}>Pending</option>
                    <option value="confirmed" {{ $order->order_status === 'confirmed' ? 'selected' : '' }}>Confirmed</option>
                    <option value="processing" {{ $order->order_status === 'processing' ? 'selected' : '' }}>Processing</option>
                    <option value="completed" {{ $order->order_status === 'completed' ? 'selected' : '' }}>Completed</option>
                    <option value="cancelled" {{ $order->order_status === 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                </select>
                @error('order_status')
                    <span style="color: var(--danger);">{{ $message }}</span>
                @enderror
            </div>

            <div class="form-group">
                <label for="whmcs_status">WHMCS Status</label>
                <input type="text" id="whmcs_status" name="whmcs_status" value="{{ $order->whmcs_status ?? '' }}" placeholder="e.g., Active, Suspended, Cancelled">
                @error('whmcs_status')
                    <span style="color: var(--danger);">{{ $message }}</span>
                @enderror
            </div>

            <div style="display: flex; gap: 1rem; margin-top: 2rem;">
                <button type="submit" class="btn" style="flex: 1;">Update Order</button>
                <a href="{{ route('admin.orders') }}" class="btn btn-secondary" style="flex: 1; text-align: center; text-decoration: none;">Cancel</a>
            </div>
        </form>
    </div>

    @if($order->additional_notes)
        <div class="card" style="margin-top: 2rem;">
            <h3 style="color: var(--primary-orange); margin-bottom: 1rem;">Additional Notes</h3>
            <p>{{ $order->additional_notes }}</p>
        </div>
    @endif

    <div class="card" style="margin-top: 2rem;">
        <h3 style="color: var(--primary-orange); margin-bottom: 1rem;">Voter Breakdown</h3>
        <div class="grid" style="grid-template-columns: 1fr;">
            <div class="stat-card">
                <p>Grameenphone</p>
                <h3>{{ number_format($order->operator_breakdown['grameenphone'] ?? 0) }}</h3>
            </div>
            <div class="stat-card">
                <p>Robi / Airtel</p>
                <h3>{{ number_format($order->operator_breakdown['robi'] ?? 0) }}</h3>
            </div>
            <div class="stat-card">
                <p>Banglalink</p>
                <h3>{{ number_format($order->operator_breakdown['banglalink'] ?? 0) }}</h3>
            </div>
        </div>
    </div>
</div>
@endsection