@extends('admin.layouts.app')
@section('title', __('admin.menu_commission_posts'))
@section('heading', __('admin.menu_commission_posts'))
@section('content')
<x-admin.filter-scope>
@can('create', \App\Models\CommissionPost::class)
    <x-admin.page-header :title="__('admin.menu_commission_posts')" :create-route="route('admin.commission-posts.create')" :show-filter="true" />
@else
    <x-admin.page-header :title="__('admin.menu_commission_posts')" :show-filter="true" />
@endcan
<x-admin.filter-panel>
    @include('admin.partials.search')
</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.title') }}</th><th>{{ __('admin.commission_category') }}</th><th>{{ __('admin.date') }}</th><th>{{ __('admin.commission_views') }}</th><th>{{ __('admin.is_active') }}</th><th class="admin-table-actions">{{ __('admin.actions') }}</th></tr></thead>
        <tbody>
        @forelse($posts as $item)
            <tr>
                <td>{{ $item->id }}</td>
                <td>
                    @if ($item->image)
                        <img src="/storage/{{ ltrim($item->image, '/') }}" alt="" class="h-12 rounded-lg object-cover" />
                    @else
                        <span class="text-xs text-slate-400">—</span>
                    @endif
                </td>
                <td>
                    <a href="{{ route('admin.commission-posts.show', $item) }}" class="font-medium text-slate-800 hover:underline">{{ $item->title_fa }}</a>
                </td>
                <td>
                    @if ($item->category)
                        <a href="{{ route('admin.commission-categories.show', $item->category) }}" class="text-sky-700 hover:underline">{{ $item->category->name_fa }}</a>
                    @else
                        —
                    @endif
                </td>
                <td class="whitespace-nowrap text-xs text-slate-500"><x-admin.relative-date :date="$item->published_at" /></td>
                <td>{{ $item->views_count }}</td>
                <td><x-admin.status-badge :active="$item->is_active" /></td>
                <td class="admin-table-actions">
                    <x-admin.table-actions
                        :view-href="auth()->user()->can('view', $item) ? route('admin.commission-posts.show', $item) : null"
                        :edit-href="auth()->user()->can('update', $item) ? route('admin.commission-posts.edit', $item) : null"
                        :delete-action="auth()->user()->can('delete', $item) ? route('admin.commission-posts.destroy', $item) : null"
                        :toggle-action="auth()->user()->can('update', $item) ? route('admin.commission-posts.toggle', $item) : null"
                    />
                </td>
            </tr>
        @empty
            <tr><td colspan="8" class="py-8 text-center text-slate-500">{{ __('admin.empty') }}</td></tr>
        @endforelse
        </tbody>
    </table></div>
    <div class="mt-4">{{ $posts->links() }}</div>
</div>
</x-admin.filter-scope>
@endsection