{% extends "ArkalysCmsBundle::layout.html.twig" %}

{% block title %}
    Page d'accueil
{% endblock %}

{% block content %}
    <p>
        {% if is_granted('ROLE_USER') %}
            <a href="{{ path('arkalys_user_logout') }}" id="logout">Se déconnecter</a>
        {% else %}
            <a href="{{ path('arkalys_user_login') }}" id="login">Se connecter</a>
        {% endif %}
    </p>

    <div id="login-dialog" title="Se connecter">
    </div>

    <script type="text/javascript">
        $(document).ready(function() {
            $("#login-dialog").hide();

            $("#login").click(function() {
                $.ajax({
                    url: $("#login").attr("href"),
                    success: function(data) {
                        $("#login-dialog").html(data);
                        $("#login-dialog").dialog({
                            buttons: {
                                "Se connecter": function() {
                                    $("#login-dialog form").submit();
                                },
                                "Annuler": function() {
                                    $("#login-dialog").dialog("close");
                                }
                            }
                        });
                        $("#login-dialog form").submit(function() {
                            $.ajax({
                                type: "POST",
                                url: $("#login-dialog form").attr("action"),
                                data: {
                                    _username: $("#login-dialog #username").val(),
                                    _password: $("#login-dialog #password").val()
                                },
                                success: function(data) {
                                    if (data.success) {
                                        location.reload();
                                        alert(data.message);
                                    } else {
                                        $("#login-dialog #errors").text(data.messae);
                                    }
                                },
                                dataType: "json"
                            });
                            return false;
                        });
                    }
                });
                return false;
            });
        });
    </script>
{% endblock %}