@extends('admin.layouts.app')
@section('title', __('admin.commission_surveys').' — '.$category->name_fa)
@section('heading', __('admin.commission_surveys'))
@section('content')
<x-admin.page-header
    :title="$category->name_fa"
    :kicker="__('admin.commission_surveys')"
    :back-route="route('admin.commission-categories.edit', $category)"
    :create-route="auth()->user()->can('update', $category) ? route('admin.commission-categories.surveys.create', $category) : null"
/>
@include('admin.commission-categories.partials.tabs', ['category' => $category, 'activeTab' => 'surveys'])

<div class="admin-card">
    <div class="admin-table-wrap">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>{{ __('admin.title') }}</th>
                    <th>{{ __('admin.commission_survey_type') }}</th>
                    <th>{{ __('admin.commission_survey_status') }}</th>
                    <th>{{ __('admin.commission_survey_responses') }}</th>
                    <th>{{ __('admin.published_at') }}</th>
                    <th class="admin-table-actions">{{ __('admin.actions') }}</th>
                </tr>
            </thead>
            <tbody>
            @forelse($surveys as $item)
                @php
                    $open = $item->isOpen();
                @endphp
                <tr>
                    <td>{{ $item->id }}</td>
                    <td>
                        <a href="{{ route('admin.commission-categories.surveys.show', [$category, $item]) }}" class="font-medium text-slate-800 hover:underline">
                            {{ $item->title_fa }}
                        </a>
                    </td>
                    <td>{{ __('admin.commission_survey_type_'.$item->type) }}</td>
                    <td>
                        <span @class([
                            'rounded-full px-2 py-0.5 text-xs font-semibold',
                            'bg-emerald-50 text-emerald-700' => $open,
                            'bg-slate-100 text-slate-500' => ! $open,
                        ])>
                            {{ $open ? __('admin.commission_survey_open') : __('admin.commission_survey_closed') }}
                        </span>
                    </td>
                    <td class="whitespace-nowrap text-sm">
                        {{ $item->responses_count }} / {{ $membersCount }}
                    </td>
                    <td class="whitespace-nowrap text-xs text-slate-500">
                        <x-admin.relative-date :date="$item->published_at" />
                    </td>
                    <td class="admin-table-actions">
                        <x-admin.table-actions
                            :view-href="auth()->user()->can('viewAny', \App\Models\CommissionCategory::class) ? route('admin.commission-categories.surveys.show', [$category, $item]) : null"
                            :edit-href="auth()->user()->can('update', $category) ? route('admin.commission-categories.surveys.edit', [$category, $item]) : null"
                            :delete-action="auth()->user()->can('update', $category) ? route('admin.commission-categories.surveys.destroy', [$category, $item]) : null"
                            :toggle-action="auth()->user()->can('update', $category) ? route('admin.commission-categories.surveys.toggle', [$category, $item]) : 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">{{ $surveys->links() }}</div>
</div>
@endsection