@extends('admin.layouts.app')
@section('title', __('admin.menu_services'))
@section('heading', __('admin.menu_services'))
@section('content')
<x-admin.filter-scope>
@can(\App\Models\Permission::SERVICES_CREATE)
    <x-admin.page-header :title="__('admin.menu_services')" :create-route="route('admin.repair-services.create')" :show-filter="true" />
@else
    <x-admin.page-header :title="__('admin.menu_services')" :show-filter="true" />
@endcan
<x-admin.filter-panel>
<form method="get" class="admin-filter-form flex flex-wrap items-end gap-3">
    <div class="min-w-[12rem] flex-1"><label class="admin-label">{{ __('admin.search') }}</label><input type="search" name="search" value="{{ request('search') }}" class="admin-input" /></div>
    <div class="min-w-[10rem]">
        <label class="admin-label">{{ __('admin.category') }}</label>
        <x-admin.category-select
            name="category_id"
            :options="$categories"
            :value="request('category_id')"
            :placeholder="__('admin.search_placeholder')"
        />
    </div>
    <button type="submit" class="admin-btn-primary">{{ __('admin.search') }}</button>
</form>
</x-admin.filter-panel>
<div class="admin-card">
    <div class="admin-table-wrap"><table class="admin-table">
        <thead><tr><th>#</th><th>{{ __('admin.image') }}</th><th>{{ __('admin.name') }}</th><th>{{ __('admin.category') }}</th><th>{{ __('admin.price_estimate_from') }}</th><th>{{ __('admin.status') }}</th><th class="admin-table-actions">{{ __('admin.actions') }}</th></tr></thead>
        <tbody>
        @forelse($services as $service)
            @php($price = \App\Support\Admin\AdminCatalogPresenter::forService($service))
            <tr>
                <td>{{ $service->id }}</td>
                <td>
                    @if ($service->image)
                        <img src="/storage/{{ ltrim($service->image, '/') }}" alt="" class="h-12  rounded-lg object-cover  " />
                    @else
                        <span class="text-xs text-slate-400">—</span>
                    @endif
                </td>
                <td>{{ $service->name_fa }}</td>
                <td>{{ $service->category?->name_fa }}</td>
                <td>
                    @if ($price['is_price_on_request'])
                        <span class="inline-flex rounded-full bg-sky-100 px-2.5 py-0.5 text-[11px] font-bold text-sky-800">{{ $price['price_badge'] }}</span>
                    @else
                        <span dir="ltr">{{ $price['formatted_price'] }}</span>
                    @endif
                </td>
                <td><x-admin.status-badge :status="$service->status" /></td>
                <td class="admin-table-actions">
                    <x-admin.table-actions
                        :edit-href="auth()->user()->can(\App\Models\Permission::SERVICES_EDIT) ? route('admin.repair-services.edit', $service) : null"
                        :delete-action="auth()->user()->can(\App\Models\Permission::SERVICES_DELETE) ? route('admin.repair-services.destroy', $service) : null"
                    />
                </td>
            </tr>
        @empty
            <tr><td colspan="7" class="py-8 text-center text-slate-500">{{ __('admin.empty') }}</td></tr>
        @endforelse
        </tbody>
    </table></div>
    <div class="mt-4">{{ $services->links() }}</div>
</div>
</x-admin.filter-scope>
@endsection