@extends('highSuperAdmin.layout')
@section('title', 'New Repair Order')
@section('page-name', 'New Repair Order')
@section('page-detail', 'Create repair order with customer and vehicle details')
@section('body')
<div class="content-are-dashboard p-3">
    <div class="card rounded-3">
        <div class="card-body">
            <div class="border rounded-3 p-3">
                <form action="{{ tenant_route_url('superadmin.orders.store') }}" method="post">
                    @csrf
                    <h6 class="mb-2">Customer</h6>
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label class="form-label">Existing customer (optional)</label>
                            <select name="customer_id" id="customer_id" class="form-select">
                                <option value="">— New customer —</option>
                                @foreach($customers as $c)
                                    <option value="{{ $c->id }}" {{ old('customer_id') == $c->id ? 'selected' : '' }}>{{ $c->name }} ({{ $c->phone }})</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div id="new-customer-fields">
                        <p class="text-muted small mb-2">If new customer, fill below:</p>
                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <label class="form-label">Name <span class="text-danger">*</span></label>
                                <input type="text" name="name" id="name" class="form-control" value="{{ old('name') }}">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">Phone <span class="text-danger">*</span></label>
                                <input type="text" name="phone" id="phone" class="form-control" value="{{ old('phone') }}">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">Email</label>
                                <input type="email" name="email" id="email" class="form-control" value="{{ old('email') }}">
                            </div>
                            <div class="col-12 mb-3">
                                <label class="form-label">Address</label>
                                <textarea name="address" id="address" class="form-control" rows="1">{{ old('address') }}</textarea>
                            </div>
                        </div>
                    </div>

                    <h6 class="mb-2 mt-4">Vehicle & order</h6>
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Make <span class="text-danger">*</span></label>
                            <input type="text" name="vehicle_make" class="form-control" value="{{ old('vehicle_make') }}" required>
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Model <span class="text-danger">*</span></label>
                            <input type="text" name="vehicle_model" class="form-control" value="{{ old('vehicle_model') }}" required>
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Year</label>
                            <input type="text" name="vehicle_year" class="form-control" value="{{ old('vehicle_year') }}">
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="form-label">VIN</label>
                            <input type="text" name="vehicle_vin" class="form-control" value="{{ old('vehicle_vin') }}">
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Color</label>
                            <input type="text" name="vehicle_color" class="form-control" value="{{ old('vehicle_color') }}">
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Mileage</label>
                            <input type="text" name="vehicle_mileage" class="form-control" value="{{ old('vehicle_mileage') }}">
                        </div>
                        <div class="col-12 mb-3">
                            <label class="form-label">Items / services requested</label>
                            <textarea name="order_items" class="form-control" rows="2">{{ old('order_items') }}</textarea>
                        </div>
                        <div class="col-12 mb-3">
                            <label class="form-label">Vehicle notes</label>
                            <textarea name="vehicle_notes" class="form-control" rows="2">{{ old('vehicle_notes') }}</textarea>
                        </div>
                    </div>
                    @if($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
                        </div>
                    @endif
                    <button type="submit" class="btn btn-primary">Create Order</button>
                    <a href="{{ tenant_route_url('superadmin.orders.index') }}" class="btn btn-secondary">Cancel</a>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@section('custom-scripts')
<script>
document.getElementById('customer_id').addEventListener('change', function() {
    var show = !this.value;
    document.getElementById('new-customer-fields').style.display = show ? 'block' : 'none';
});
if (document.getElementById('customer_id').value) {
    document.getElementById('new-customer-fields').style.display = 'none';
}
</script>
@endsection