@extends('layouts.admin')

@section('title', 'Active Survey')
@section('header', $survey->title)
@section('subheader', 'Active Survey')

@section('header-actions')
    <a href="{{ route('company.surveys.distribution', $survey) }}" class="btn-primary">
        <i class="fas fa-paper-plane mr-2"></i>Invite Users
    </a>
@endsection

@section('content')
<div class="grid grid-cols-1 xl:grid-cols-4 gap-6">
    <div class="xl:col-span-3 space-y-6">
        <div class="card">
            <div class="card-header">
                <h3 class="font-semibold text-secondary-900">Survey Information</h3>
            </div>
            <div class="card-body">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div>
                        <label class="text-sm text-gray-500">Description</label>
                        <p class="text-gray-700 mt-1">{{ $survey->description ?? 'No description' }}</p>
                    </div>
                    <div>
                        <label class="text-sm text-gray-500">Estimated Time</label>
                        <p class="text-gray-700 mt-1">{{ $survey->estimated_minutes ?? 10 }} minutes</p>
                    </div>
                    <div>
                        <label class="text-sm text-gray-500">Responses</label>
                        <p class="text-gray-700 mt-1">{{ $survey->responses_count ?? 0 }}</p>
                    </div>
                    <div>
                        <label class="text-sm text-gray-500">Status</label>
                        <p class="mt-1"><span class="badge badge-success">Active</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="space-y-6">
        <div class="card">
            <div class="card-header">
                <h3 class="font-semibold text-secondary-900">Quick Actions</h3>
            </div>
            <div class="card-body space-y-2">
                <a href="{{ route('company.surveys.distribution', $survey) }}" class="flex items-center p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors">
                    <i class="fas fa-paper-plane text-blue-500 w-8"></i>
                    <span class="text-sm font-medium text-gray-700">Invite Users</span>
                </a>
                <a href="{{ route('company.analytics.engagement') }}" class="flex items-center p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors">
                    <i class="fas fa-chart-bar text-green-500 w-8"></i>
                    <span class="text-sm font-medium text-gray-700">View Analytics</span>
                </a>
                <a href="{{ route('company.reports.executive') }}" class="flex items-center p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors">
                    <i class="fas fa-file-alt text-purple-500 w-8"></i>
                    <span class="text-sm font-medium text-gray-700">View Reports</span>
                </a>
            </div>
        </div>
    </div>
</div>
@endsection