@extends('admin.layouts.app')
@section('title', __('admin.menu_products'))
@section('heading', __('admin.menu_products'))
@section('content')
<x-admin.filter-scope>
@can(\App\Models\Permission::PRODUCTS_CREATE)
    <x-admin.page-header :title="__('admin.menu_products')" :create-route="route('admin.repair-products.create')" :show-filter="true" />
@else
    <x-admin.page-header :title="__('admin.menu_products')" :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') }}</th><th>{{ __('admin.status') }}</th><th class="admin-table-actions">{{ __('admin.actions') }}</th></tr></thead>
            <tbody>
            @forelse($products as $product)
                @php($price = \App\Support\Admin\AdminCatalogPresenter::forProduct($product))
                <tr>
                    <td>{{ $product->id }}</td>
                    <td>
                        @if ($product->image)
                            <img src="/storage/{{ ltrim($product->image, '/') }}" alt="" class="h-12  rounded-lg object-cover  " />
                        @else
                            <span class="text-xs text-slate-400">—</span>
                        @endif
                    </td>
                    <td>{{ $product->name_fa }}</td>
                    <td>{{ $product->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="$product->status" /></td>
                    <td class="admin-table-actions">
                        <x-admin.table-actions
                            :edit-href="auth()->user()->can(\App\Models\Permission::PRODUCTS_EDIT) ? route('admin.repair-products.edit', $product) : null"
                            :delete-action="auth()->user()->can(\App\Models\Permission::PRODUCTS_DELETE) ? route('admin.repair-products.destroy', $product) : 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">{{ $products->links() }}</div>
</div>
</x-admin.filter-scope>
@endsection