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

{% block title %}Jetzt Geheimnis öffnen{% endblock %}

{% block container %}

    <h1>Geheimer Inhalt</h1>

    <p>Sie können diese Nachricht nur dieses eine mal sehen. Sie wird direkt gelöscht, sodass ein zweiter Zugriff nicht mehr möglich ist.</p>

    <button id="show-secret" class="btn btn-success btn-lg">Jetzt Geheimnis öffnen!</button>

    <div id="ajax-response"></div>

    <br />

    <hr />

    <p class="text-center">
        <a href="{{ path('homepage') }}" class="btn btn-primary btn-lg">Neuen Einmal-Link generieren</a>
    </p>

{% endblock %}

{% block javascripts %}
<script>
    $(document).ready(function(){
        var $body = $('body');

        $body.find('#show-secret').on('click', function(){
            var $that = $(this);

            $that.attr('disabled', 'disabled').addClass('disabled');

            $.ajax({
                url: "{{ path('link_show_content', {'slug': link.slug}) }}",
                method: "POST",
                dataType: 'json',
                success: function(response){
                    if(response){
                        $body.find('#ajax-response').html(response);
                        $that.remove();
                    }
                }
            });
        });
    });
</script>
{% endblock %}