@extends('layouts.app')

@section('title', 'Edit Service Order')

@section('content')
<div class="container mx-auto px-4 py-6">
    <div class="max-w-2xl mx-auto bg-white p-6 rounded-lg shadow-md">
        <h1 class="text-2xl font-bold text-gray-800 mb-6">Edit Service Order</h1>

        @if (session('success'))
            <div class="bg-green-100 text-green-700 p-4 rounded mb-6">
                {{ session('success') }}
            </div>
        @endif
        @if (session('error'))
            <div class="bg-red-100 text-red-700 p-4 rounded mb-6">
                {{ session('error') }}
            </div>
        @endif

        <form action="{{ route('service-orders.update', $serviceOrder->id) }}" method="POST" class="space-y-6">
            @csrf
            @method('PUT')

            <!-- Order Info -->
            <div class="mb-4 p-3 bg-gray-50 rounded-md border">
                <p class="text-sm text-gray-600">
                    <strong>Current Service Order:</strong>
                    {{ $serviceOrder->invoice->invoice_id }}
                </p>
            </div>

            @if ($editableFields === 'all')
            <!-- Mobile -->
            <div>
                <label class="block text-sm font-medium text-gray-700">Customer Mobile</label>
                <input type="text" name="customer_mobile_no"
                       value="{{ old('customer_mobile_no', $serviceOrder->customer->mobile_no) }}"
                       class="mt-1 block w-full rounded-md border-gray-300 shadow-sm" />
                @error('customer_mobile_no') <p class="text-red-500 text-xs">{{ $message }}</p> @enderror
            </div>

            <!-- Identity No -->
            <div>
                <label class="block text-sm font-medium text-gray-700">Customer Identity No</label>
                <input type="text" name="customer_identity_no"
                       value="{{ old('customer_identity_no', $serviceOrder->customer->identity_no) }}"
                       class="mt-1 block w-full rounded-md border-gray-300 shadow-sm" />
                @error('customer_identity_no') <p class="text-red-500 text-xs">{{ $message }}</p> @enderror
            </div>

            <!-- Service Type -->
            <div>
                <label class="block text-sm font-medium text-gray-700">Service Type</label>
                <select name="service_id"
                        class="mt-1 block w-full rounded-md border-gray-300 shadow-sm">
                    <option value="">Select a service</option>
                    @foreach ($services as $service)
                        <option value="{{ $service->id }}"
                                {{ old('service_id', $serviceOrder->service_id) == $service->id ? 'selected' : '' }}>
                            {{ $service->name }} ({{ $service->cost }} SR)
                        </option>
                    @endforeach
                </select>
                @error('service_id') <p class="text-red-500 text-xs">{{ $message }}</p> @enderror
            </div>

            <!-- Total Cost -->
            <div>
                <label class="block text-sm font-medium text-gray-700">Total Cost (SR)</label>
                <input type="number" step="0.01" name="total_cost"
                       value="{{ old('total_cost', $serviceOrder->total_cost) }}"
                       class="mt-1 block w-full rounded-md border-gray-300 shadow-sm" />
                @error('total_cost') <p class="text-red-500 text-xs">{{ $message }}</p> @enderror
            </div>

            @elseif($editableFields === 'limited')
            <div>
                <label class="block text-sm font-medium text-gray-700">Customer Mobile</label>
                <input type="text" name="customer_mobile_no"
                       value="{{ old('customer_mobile_no', $serviceOrder->customer->mobile_no) }}"
                       class="mt-1 block w-full rounded-md border-gray-300 shadow-sm" />
                @error('customer_mobile_no') <p class="text-red-500 text-xs">{{ $message }}</p> @enderror
            </div>

            <!-- Identity No -->
            <div>
                <label class="block text-sm font-medium text-gray-700">Customer Identity No</label>
                <input type="text" name="customer_identity_no"
                       value="{{ old('customer_identity_no', $serviceOrder->customer->identity_no) }}"
                       class="mt-1 block w-full rounded-md border-gray-300 shadow-sm" />
                @error('customer_identity_no') <p class="text-red-500 text-xs">{{ $message }}</p> @enderror
            </div>
            @endif

            <!-- Submit -->
            <div class="flex gap-3">
                <button type="submit"
                        class="flex-1 bg-indigo-600 text-white px-4 py-2 rounded-md">
                    Update Order
                </button>
                <a href="{{ route('service-orders.index') }}"
                   class="flex-1 bg-gray-500 text-white px-4 py-2 rounded-md text-center">
                    Cancel
                </a>
            </div>

        </form>
    </div>
</div>
@endsection