@extends('admin.layouts.app')
@section('title', __('admin.menu_repair_orders'))
@section('heading', __('admin.menu_repair_orders'))
@section('content')
<x-admin.filter-scope>
@can(\App\Models\Permission::ORDERS_CREATE)
    <x-admin.page-header
        :title="__('admin.menu_repair_orders')"
        :create-route="route('admin.repair-orders.create')"
        :show-filter="true"
    />
@else
    <x-admin.page-header :title="__('admin.menu_repair_orders')" :show-filter="true" />
@endcan

<x-admin.filter-panel>
    <form method="get" class="admin-filter-form grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
        <div class="sm:col-span-2">
            <label class="admin-label">{{ __('admin.repair_tracking_code') }}</label>
            <input
                name="tracking_code"
                value="{{ request('tracking_code') }}"
                class="admin-input"
                placeholder="{{ __('admin.repair_scan_placeholder') }}"
                autofocus
            />
        </div>
        <div>
            <label class="admin-label">{{ __('admin.status') }}</label>
            <select name="status" class="admin-input">
                <option value="">{{ __('admin.filter_all') }}</option>
                @foreach ($statuses as $status)
                    <option value="{{ $status }}" @selected(request('status') === $status)>
                        {{ \App\Domain\Repair\RepairOrderStatusPresenter::labelFor($status) }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="flex flex-wrap items-end gap-2">
            <button type="submit" class="admin-btn-primary">{{ __('admin.search') }}</button>
            <a href="{{ route('admin.repair-orders.index') }}" class="admin-btn-muted">{{ __('admin.cancel') }}</a>
        </div>
    </form>
</x-admin.filter-panel>

<div class="admin-card">
    <div class="admin-table-wrap admin-table-wrap--responsive">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>{{ __('admin.repair_tracking_code') }}</th>
                    <th>{{ __('admin.repair_device') }}</th>
                    <th>{{ __('admin.name') }}</th>
                    <th>{{ __('admin.status') }}</th>
                    <th>{{ __('admin.actions') }}</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($orders as $order)
                    <tr>
                        <td data-label="{{ __('admin.repair_tracking_code') }}" dir="ltr">{{ $order->tracking_code }}</td>
                        <td data-label="{{ __('admin.repair_device') }}">{{ $order->device_name }}</td>
                        <td data-label="{{ __('admin.name') }}">{{ $order->customer_name ?? $order->user?->name }}</td>
                        <td data-label="{{ __('admin.status') }}"><span class="admin-badge">{{ \App\Domain\Repair\RepairOrderStatusPresenter::labelFor($order->status) }}</span></td>
                        <td data-label="{{ __('admin.actions') }}">
                            <a href="{{ route('admin.repair-orders.show', $order) }}" class="text-brand-accent">{{ __('admin.view') }}</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-slate-500">{{ __('admin.empty') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-4">{{ $orders->links() }}</div>
</div>
</x-admin.filter-scope>
@endsection