@extends('highSuperAdmin.layout')
@section('title', 'Repair Orders')
@section('page-name', 'Repair Orders')
@section('page-detail', 'Manage repair orders and status')
@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">
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <h5 class="mb-0">Repair Orders</h5>
                    <a href="{{ tenant_route_url('superadmin.orders.create') }}" class="btn btn-primary btn-sm"><i class="fas fa-plus me-1"></i> New Repair Order</a>
                </div>
                @if(session('success'))
                    <div class="alert alert-success alert-dismissible fade show">{{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
                @endif
                @if($orders->isEmpty())
                    <p class="text-muted mb-0">No repair orders yet.</p>
                @else
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Order #</th>
                                    <th>Customer</th>
                                    <th>Phone</th>
                                    <th>Vehicle</th>
                                    <th>Status</th>
                                    <th>Created</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($orders as $order)
                                    <tr>
                                        <td>{{ $order->order_number }}</td>
                                        <td>{{ $order->customer_name }}</td>
                                        <td>{{ $order->customer_phone }}</td>
                                        <td>{{ $order->vehicle_make && $order->vehicle_model ? $order->vehicle_make . ' ' . $order->vehicle_model : '—' }}</td>
                                        <td>
                                            <select class="form-select form-select-sm status-select" data-status-url="{{ tenant_route_url('superadmin.orders.update-status', ['id' => $order->id]) }}" style="width: auto;">
                                                @foreach(\App\Models\VehicleOrder::STATUSES as $s)
                                                    <option value="{{ $s }}" {{ $order->status === $s ? 'selected' : '' }}>{{ ucfirst(str_replace('_',' ',$s)) }}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td>{{ $order->created_at->format('m/d/Y') }}</td>
                                        <td>
                                            <a href="{{ tenant_route_url('superadmin.orders.show', ['id' => $order->id]) }}" class="btn btn-sm btn-outline-primary" title="View"><i class="fas fa-eye"></i></a>
                                            <a href="{{ tenant_route_url('superadmin.orders.edit', ['id' => $order->id]) }}" class="btn btn-sm btn-outline-secondary" title="Edit"><i class="fas fa-edit"></i></a>
                                            <a href="{{ tenant_route_url('superadmin.orders.send-sms', ['id' => $order->id]) }}" class="btn btn-sm btn-outline-info" title="Send SMS"><i class="fas fa-sms"></i></a>
                                            <form action="{{ tenant_route_url('superadmin.orders.destroy', ['id' => $order->id]) }}" method="post" class="d-inline" onsubmit="return confirm('Delete this order?');">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-outline-danger" title="Delete"><i class="fas fa-trash"></i></button>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    {{ $orders->links() }}
                @endif
            </div>
        </div>
    </div>
</div>
@endsection
@section('custom-scripts')
<script>
document.querySelectorAll('.status-select').forEach(function(el) {
    el.addEventListener('change', function() {
        var url = this.dataset.statusUrl;
        var status = this.value;
        fetch(url, {
            method: 'PATCH',
            headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': '{{ csrf_token() }}', 'Accept': 'application/json' },
            body: JSON.stringify({ status: status })
        }).then(r => r.json()).then(function(data) {
            if (data.success) return;
            alert(data.message || 'Failed to update status');
        }).catch(function() { alert('Failed to update status'); });
    });
});
</script>
@endsection