{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Die Befragung ist beendet
{% endblock %}

{% block content %}

<p style="margin-top:40px;">
    Sie haben sich dafür entschieden, nicht an der Umfrage teilzunehmen.
</p>

<div class="card-body p-0">
    {% formfield player.WhyNoPart %}
</div>

<button class="btn btn-primary" style="margin-top:15px;">
    Umfrage beenden
</button>

<style>
.btn-primary {
    font-size: 1.0rem;
    padding: 12px 20px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    background-color: #003360;
    color: white;
    transition: 0.2s ease-in-out;
}
.btn-primary:hover {
    background-color: #f39200;
    transform: scale(1.10);
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
    document.getElementById("providerBtn").href = js_vars.redirect_url;
});
</script>


{% endblock %}