{% extends "public/base.html" %}

{% block title %}{{ project.name }} - {{ app_settings.title if app_settings else 'Survey Manager' }}{% endblock %}

{% block content %}
<div class="survey-card">
    <div class="survey-header">
        <h1 class="mb-3">{{ project.name }}</h1>
        <p class="mb-0 opacity-90">{{ survey.name }}</p>
    </div>
    
    <div class="survey-body text-center">
        <div class="mb-4">
            <i class="fas fa-clipboard-list fa-4x text-primary mb-3"></i>
            <h3>{{ t('public.welcome','Welcome to Our Survey') }}</h3>
            <p class="text-muted">
                {{ t('public.welcome_text','We appreciate your time and input. This survey will help us better understand your preferences and needs.') }}
            </p>
        </div>
        
        <div class="row justify-content-center mb-4">
            <div class="col-md-8">
                <div class="card bg-light border-0">
                    <div class="card-body">
                        <h5 class="text-primary"><i class="fas fa-info-circle me-2"></i>{{ t('public.what_to_expect','What to expect:') }}</h5>
                        <ul class="text-start mb-0">
                            <li>{{ t('public.expect_registration','Registration with your basic information') }}</li>
                            <li>{{ t('public.expect_questions','A series of questions organized by categories') }}</li>
                            <li>{{ t('public.expect_multiple_choice','Multiple choice answers for each question') }}</li>
                            <li>{{ t('public.expect_time','Approximately 10-15 minutes to complete') }}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="mb-4">
            <p class="text-muted small">
                <i class="fas fa-lock me-1"></i>
                {{ t('public.secure_info','Your information is secure and will only be used for this survey.') }}
            </p>
        </div>
        
        <a href="{{ url_for('public.register_person', slug=project.slug) }}" class="btn btn-survey btn-lg">
            <i class="fas fa-play me-2"></i>{{ t('public.start_survey','Start Survey') }}
        </a>
    </div>
</div>
{% endblock %}