@extends('admin.layouts.app')
@section('title', $survey->title_fa)
@section('heading', __('admin.commission_surveys'))
@section('content')
<x-admin.page-header
    :title="$survey->title_fa"
    :kicker="$category->name_fa"
    :back-route="route('admin.commission-categories.show', [$category, 'tab' => 'surveys'])"
    :back-label="$category->name_fa"
>
    <p class="mt-1 text-sm text-slate-500">
        <a href="{{ route('admin.commission-categories.show', $category) }}" class="text-sky-700 hover:underline">{{ $category->name_fa }}</a>
        · {{ __('admin.commission_tab_surveys') }}
    </p>
    @can('update', $category)
        <a href="{{ route('admin.commission-categories.surveys.edit', [$category, $survey]) }}" class="admin-btn-muted text-sm">{{ __('admin.edit') }}</a>
    @endcan
</x-admin.page-header>
@include('admin.commission-categories.partials.tabs', ['category' => $category, 'activeTab' => 'surveys'])

<div class="mb-4 grid gap-3 sm:grid-cols-3">
    <div class="admin-card">
        <p class="text-xs text-slate-500">{{ __('admin.commission_stat_members') }}</p>
        <p class="mt-1 text-2xl font-bold text-slate-900">{{ $stats['members_count'] }}</p>
    </div>
    <div class="admin-card">
        <p class="text-xs text-slate-500">{{ __('admin.commission_survey_responded') }}</p>
        <p class="mt-1 text-2xl font-bold text-slate-900">{{ $stats['responses_count'] }}</p>
    </div>
    <div class="admin-card">
        <p class="text-xs text-slate-500">{{ __('admin.commission_survey_participation') }}</p>
        <p class="mt-1 text-2xl font-bold text-slate-900">{{ $stats['participation_rate'] }}%</p>
    </div>
</div>

<div class="admin-card mb-4 space-y-2 text-sm">
    <p><span class="font-semibold">{{ __('admin.commission_survey_type') }}:</span> {{ __('admin.commission_survey_type_'.$survey->type) }}</p>
    <p><span class="font-semibold">{{ __('admin.commission_survey_status') }}:</span>
        {{ $survey->isOpen() ? __('admin.commission_survey_open') : __('admin.commission_survey_closed') }}
    </p>
    <p><span class="font-semibold">{{ __('admin.commission_survey_question') }}:</span> {{ $survey->question_fa }}</p>
    @if ($survey->closes_at)
        <p><span class="font-semibold">{{ __('admin.commission_survey_closes_at') }}:</span> {{ $survey->closes_at->format('Y-m-d H:i') }}</p>
    @endif
</div>

@if ($survey->usesOptions())
    <div class="admin-card">
        <h3 class="mb-3 text-sm font-bold text-slate-800">{{ __('admin.commission_survey_option_distribution') }}</h3>
        <div class="admin-table-wrap">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>{{ __('admin.commission_survey_option') }}</th>
                        <th>{{ __('admin.commission_survey_answers_count') }}</th>
                        <th>{{ __('admin.commission_survey_of_respondents') }}</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($stats['options'] as $row)
                    <tr>
                        <td>{{ $row['label'] }}</td>
                        <td>{{ $row['answers_count'] }}</td>
                        <td>{{ $row['percent_of_responses'] }}%</td>
                    </tr>
                @empty
                    <tr><td colspan="3" class="py-6 text-center text-slate-500">{{ __('admin.empty') }}</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        <p class="mt-3 text-xs text-slate-500">{{ __('admin.commission_survey_multiple_percent_note') }}</p>
    </div>
@else
    <div class="admin-card">
        <h3 class="mb-3 text-sm font-bold text-slate-800">{{ __('admin.commission_survey_text_answers') }}</h3>
        <div class="admin-table-wrap">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>{{ __('admin.name') }}</th>
                        <th>{{ __('admin.mobile') }}</th>
                        <th>{{ __('admin.commission_survey_answer') }}</th>
                        <th>{{ __('admin.commission_survey_submitted_at') }}</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($stats['text_responses'] as $row)
                    <tr>
                        <td>{{ $row['user_name'] ?: '—' }}</td>
                        <td class="font-mono text-xs">{{ $row['mobile'] ?: '—' }}</td>
                        <td class="max-w-md whitespace-pre-wrap">{{ $row['text'] }}</td>
                        <td class="whitespace-nowrap text-xs text-slate-500">{{ $row['submitted_at'] ?: '—' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="py-6 text-center text-slate-500">{{ __('admin.empty') }}</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endif
@endsection