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

{% block body %}

    <div class="main">

    <div class="wrapper">
        <div class="loading">
            <div class="loader"></div>
        </div>

        <section class="header">
           <div>
               Opps
           </div>
        </section>
        <section class="body">
            <div>
                {{ message }}
            </div>
        </section>
        {% if autoip %}
        <section id="formulario" class="formulario">
            <button id="autoip" class="btn btn-success" data-url="{{ path('add-my-ip') }}" onclick="addMyIp()">Añadir mi ip</button>
        </section>
        {% endif %}
    </div>
    </div>
{% endblock %}

{% block stylesheets %}

    <link href="{{ asset('css/style.css') }}" rel="stylesheet" type="text/css" media="all" />

{% endblock %}

{% block javascripts %}

    <script src="{{ asset('/bundles/sonatacore/vendor/jquery/dist/jquery.min.js') }}"></script>
    <script src="{{ asset('/js/lodash.min.js') }}"></script>
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script>
        function addMyIp() {

            var url =$("#autoip").data('url');
            console.log(url)
            $.get(url,function(data){
                console.log(data);
                window.location.reload();
            })
        }
    </script>
{% endblock %}