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

{% block stylesheets %}
    <!-- TODO: verificar caminho do arquivo -->
    <link rel="stylesheet" href="{{ asset('bundles/propesq/css/edit.css') }}" type="text/css" media="all" />
    <link rel="stylesheet" href="{{ asset('bundles/webmap/index.css') }}" type="text/css" media="all" />
    <link rel="stylesheet" href="https://openlayers.org/en/v5.1.3/css/ol.css" type="text/css">
{% endblock %}

{% block javascripts %}
    <script>
        var tipologias = {{ tipologias|json_encode|raw }};
        var especies = {{ especies|json_encode|raw }};
        var municipios = {{ municipios|json_encode|raw }};
        var localidades = {{ localidades|json_encode|raw }};
        var embarcacoes = {{ embarcacoes|json_encode|raw }};
        var artes = {{ artes|json_encode|raw }};
        //window.GEOSERVER_ENDPOINT = '{{ propesqweb.geoserver_endpoint }}';
        //window.GEOSERVER_ENDPOINT = 'http://alb-propesq-861573336.us-east-1.elb.amazonaws.com:8080/geoserver/';
        window.GEOSERVER_ENDPOINT = 'http://191.252.194.31:8080/geoserver/';
    </script>
    <script src="{{ asset('bundles/webmap/index.js') }}"></script>
{% endblock %}

{% block content %}
    <div id="form-container">
        <div class="title">
            <h2>
                {%if entity.id is defined and entity.id is not null%}
            </h2>
            {{'cabecalho.visualizar.mapaonline'|trans}}
            {%else%}
            {{'cabecalho.visualizar.mapaonline'|trans}}
            {%endif%}
        </div>
    </div>

    <div>
        <div id="app"></div>
    </div>

{% endblock %}