{% extends 'base.html.twig' %}

{% block title %}Upload{% endblock %}

{% block body %}







<!-- landing page after sucsessful upload -->

<div class="row bg px-3" id="inspiration">
	<div class="col-lg-2"></div>
	<div class="col-lg-8">
        <h2 class="text-center" id="uploadHeading">Dein Bild wurde erfolgreich hochgeladen!</h2>

   {# for debugging: #}
                {# <p class="fs-5">Hier nochmal deine Daten: </p>
                <p>Bild-Datei: {{ image.ImageFile }}</p>
                <p>Email-Adresse: {{ user.Email }}</p>
                <P>Tags: {% for yourTags in tags %}
                    <li>{{ yourTags.Name }}</li>
                {% endfor %}</p>#}

                {% include '/animation/wave_boat/animation_wave.twig' with {'imageFile': image.ImageFile, 'tags': tags, 'age': image.age, 'name': image.name} %} 
                {% include '/cutout/cutout.html.twig' with {'imageFile': image.ImageFile} %}

                <button onclick="startCutout();" class="btn btn-primary my-4" id="cutoutStart">Hilf uns beim Ausschneiden!</button>
                <a class="btn btn-primary my-4" href="/" role="button">Zurück zur Startseite </a>

    
    </div>
    <div class="col-lg-2"></div>
</div>




{% endblock %}