@extends('admin.layouts.app')
@section('title', $post->title_fa)
@section('heading', __('admin.menu_commission_posts'))
@section('content')
@php
    $category = $post->category;
    $backRoute = $category
        ? route('admin.commission-categories.show', [$category, 'tab' => 'posts'])
        : route('admin.commission-posts.index');
    $backLabel = $category?->name_fa ?? __('admin.menu_commission_posts');
@endphp
<x-admin.page-header
    :title="$post->title_fa"
    :back-route="$backRoute"
    :back-label="$backLabel"
>
    <p class="mt-1 text-sm text-slate-500">
        @if ($category)
            <a href="{{ route('admin.commission-categories.show', $category) }}" class="text-sky-700 hover:underline">{{ $category->name_fa }}</a>
            ·
        @endif
        <x-admin.relative-date :date="$post->published_at" />
    </p>
    @can('update', $post)
        <p class="mt-2"><a href="{{ route('admin.commission-posts.edit', $post) }}" class="admin-btn-muted text-sm">{{ __('admin.edit') }}</a></p>
    @endcan
</x-admin.page-header>

<div class="mb-4 grid gap-3 sm:grid-cols-3">
    <div class="rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm"><span class="text-slate-500">{{ __('admin.commission_stat_members') }}</span><div class="mt-1 text-lg font-bold">{{ $stats['members'] }}</div></div>
    <div class="rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm"><span class="text-slate-500">{{ __('admin.commission_stat_viewed') }}</span><div class="mt-1 text-lg font-bold">{{ $stats['viewed'] }}</div></div>
    <div class="rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm"><span class="text-slate-500">{{ __('admin.commission_stat_unviewed') }}</span><div class="mt-1 text-lg font-bold">{{ $stats['unviewed'] }}</div></div>
</div>

<div class="admin-card">
    <h3 class="mb-3 text-sm font-bold text-slate-800">{{ __('admin.commission_view_list') }}</h3>
    <div class="admin-table-wrap">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>{{ __('admin.name') }}</th>
                    <th>{{ __('admin.mobile') }}</th>
                    <th>{{ __('admin.commission_first_viewed') }}</th>
                    <th>{{ __('admin.commission_last_viewed') }}</th>
                </tr>
            </thead>
            <tbody>
            @forelse($views as $view)
                <tr>
                    <td>{{ $view->user?->name ?: '—' }}</td>
                    <td class="font-mono text-xs">{{ $view->user?->mobile }}</td>
                    <td class="text-xs text-slate-500"><x-admin.relative-date :date="$view->first_viewed_at" /></td>
                    <td class="text-xs text-slate-500"><x-admin.relative-date :date="$view->last_viewed_at" /></td>
                </tr>
            @empty
                <tr><td colspan="4" class="py-6 text-center text-slate-500">{{ __('admin.commission_views_empty') }}</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection