@extends('layouts.app')
@section('title', 'استبيانات رضا الموظفين')
@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">استبيانات الموظفين</h1>
        <p class="page-subtitle">إنشاء وإدارة استبيانات الرضا والمشاركة</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('surveys.create') }}" class="btn btn-primary"><i class="fa-solid fa-plus"></i> استبيان جديد</a>
    </div>
</div>

<div class="stats-grid cols-4">
    <div class="stat-card">
        <div class="stat-icon" style="background:var(--primary-light);color:var(--primary)"><i class="fa-solid fa-clipboard-question"></i></div>
        <div class="stat-value">{{ \App\Models\Survey::count() }}</div>
        <div class="stat-label">إجمالي الاستبيانات</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon" style="background:#e8f5e9;color:#388e3c"><i class="fa-solid fa-chart-pie"></i></div>
        <div class="stat-value">{{ \App\Models\Survey::where('status','active')->count() }}</div>
        <div class="stat-label">نشطة</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon" style="background:#fff3e0;color:#f57c00"><i class="fa-solid fa-comments"></i></div>
        <div class="stat-value">{{ \App\Models\SurveyResponse::count() }}</div>
        <div class="stat-label">إجمالي الاستجابات</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon" style="background:#e3f2fd;color:#1976d2"><i class="fa-solid fa-star-half-stroke"></i></div>
        <div class="stat-value">{{ number_format(\App\Models\SurveyAnswer::whereNotNull('answer_rating')->avg('answer_rating') ?? 0, 1) }}</div>
        <div class="stat-label">متوسط التقييم</div>
    </div>
</div>

<div class="card">
    <div class="card-body" style="overflow-x:auto;">
        <table class="data-table">
            <thead>
                <tr>
                    <th>الاستبيان</th>
                    <th>النوع</th>
                    <th>الاستجابات</th>
                    <th>الفترة</th>
                    <th>الحالة</th>
                    <th>الإجراءات</th>
                </tr>
            </thead>
            <tbody>
                @forelse($surveys as $survey)
                <tr>
                    <td>
                        <a href="{{ route('surveys.show', $survey) }}" style="font-weight:600;color:var(--primary)">{{ $survey->title }}</a>
                        @if($survey->is_anonymous) <small style="color:var(--text-muted)">(سري)</small> @endif
                    </td>
                    <td>
                        @php $types = ['satisfaction'=>'رضا','engagement'=>'مشاركة','pulse'=>'نبض','exit'=>'مغادرة','custom'=>'مخصص']; @endphp
                        {{ $types[$survey->type] ?? $survey->type }}
                    </td>
                    <td>{{ $survey->responses_count }}</td>
                    <td>
                        {{ $survey->start_date?->format('m/d') ?? '—' }}
                        → {{ $survey->end_date?->format('m/d') ?? '—' }}
                    </td>
                    <td>
                        @php
                        $sm = ['draft'=>'status-draft','active'=>'status-active','closed'=>'status-expired','archived'=>'status-expired'];
                        $sl = ['draft'=>'مسودة','active'=>'نشط','closed'=>'مغلق','archived'=>'مؤرشف'];
                        @endphp
                        <span class="status-badge {{ $sm[$survey->status] ?? '' }}">{{ $sl[$survey->status] ?? $survey->status }}</span>
                    </td>
                    <td>
                        <div class="action-btns">
                            <a href="{{ route('surveys.show', $survey) }}" class="action-btn" title="النتائج"><i class="fa-solid fa-chart-bar"></i></a>
                            @if($survey->status === 'active')
                            <a href="{{ route('surveys.respond', $survey) }}" class="action-btn" title="المشاركة"><i class="fa-solid fa-pen-to-square"></i></a>
                            @endif
                            @if($survey->status === 'draft')
                            <form method="POST" action="{{ route('surveys.activate', $survey) }}" style="display:inline">@csrf
                                <button class="action-btn" title="تفعيل"><i class="fa-solid fa-play"></i></button>
                            </form>
                            @endif
                            @if($survey->status === 'active')
                            <form method="POST" action="{{ route('surveys.close', $survey) }}" style="display:inline">@csrf
                                <button class="action-btn" title="إغلاق"><i class="fa-solid fa-lock"></i></button>
                            </form>
                            @endif
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="6" class="empty-state">لا توجد استبيانات</td></tr>
                @endforelse
            </tbody>
        </table>
        <div class="pagination-wrap">{{ $surveys->links() }}</div>
    </div>
</div>
@endsection