{% extends 'client/base.html' %}
{% load static %}
{% load thumbnail %}
{% block title %}AquaGuardian{% endblock %}
{% block content %}
<div class="container py-5" style="margin-top: 10em;">
    <div class="text-center mb-5">
        <h1 class="display-4 text-success">Thank You for Completing the Survey!</h1>
        <p class="lead">We’ve analyzed your responses and prepared personalized tips to help you conserve water better:
        </p>
    </div>

    <div class="tips-section bg-light p-4 rounded shadow-sm">
        <h2 class="h4 text-primary mb-3">Your Water Conservation Tips</h2>
        <ul class="list-group">
            {% for tip in tips %}
            <li class="list-group-item d-flex align-items-start">
                <i class="bi bi-droplet-fill text-info me-2"></i>
                <span>{{ tip }}</span>
            </li>
            {% endfor %}
        </ul>
    </div>

    <div class="text-center mt-5">
        <a href="{% url 'survey:survey_form' %}" class="btn btn-primary btn-lg">
            <i class="bi bi-arrow-repeat me-2"></i> Take the Survey Again
        </a>
    </div>
</div>
{% endblock %}

{% block modal %}
{% include 'account/modal/loginModal.html' %}
{% include 'account/modal/registerModal.html' %}
{% endblock %}