{% 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"/>
    <style>
        .hidden-label .control-label {
            display: none;
        }

        legend {
            border-bottom: 0px;
        }

        .controls > .radio:first-child, .controls > .checkbox:first-child{
            line-height: 2.5em;
        }
    </style>
{% endblock %}

{% block content %}
    <div id="form-container">
        <div class="title">
            <h2><a name='editar' href='#edicao'>{{ 'cabecalho.alterar.interoperabilidade'|trans }}</a></h2>
        </div>

        {{ form_errors(edit_form) }}

        <form id="formulario" class="form-horizontal" action="{{ path('interoperabilidade_update') }}" method="post"
              enctype="multipart/form-data">
            {{ form_widget(edit_form._token) }}
            <!-- Situação -->
            <div class="row-fluid">
                <fieldset style="padding: 10px;">
                <div class="control-group pull-right  ">
                    {#Ip do Servidor do ProPesqWEB: {{ servidorIP }}#}
                </div>
                </fieldset>
            </div>
            <div class="row-fluid">
                <div class="control-group span8 pull-left">

                        {% for configuracaoSistema in edit_form.configuracoes %}
                            {{ _self.interoperabilidade_prototype(configuracaoSistema) }}
                        {% endfor %}

                </div>
            </div>

            <div class="div-actions">
                <button type="button" id="testeConectividade" class="btn btn-success">{{ 'acao.testarConectividade'|trans }}</button>
            </div>
            {% if alertMessage is not null %}
                <fieldset style="float: left; margin: 10px;">
                    <div id="datDescargaInfo" hidden="" style="color: rgb(185, 74, 72); height: 40px; max-width: 390px; display: block;">
                        <div class="alert alert-success" style="padding: 8px 10px 8px 14px;">
                            Atualizado com sucesso.
                        </div>
                    </div>
                </fieldset>
            {% endif %}

            <div class="div-actions">
                <button type="submit" class="btn btn-primary">{{ 'acao.salvar'|trans }}</button>
                <a class="" href="{{ path('interoperabilidade') }}"
                   title="{{ 'acao.cancelar'|trans }}">{{ 'acao.cancelar'|trans }}</a>
            </div>
        </form>
    </div>

    <script>
        $(document).ready(function () {
            $('.interoperabilidade_sispcspa_situacao').on('change', function(){
                if($('.interoperabilidade_sispcspa_situacao').is(':checked')){
                    $('.interoperabilidade_sispcspa_token').attr('required','required');
                }else{
                    $('.interoperabilidade_sispcspa_token').removeAttr('required');
                }
            });

            $(".interoperabilidade_sispcspa_situacao").change();

            $('#testeConectividade').on('click', function () {
                var token = $(".tokenValue").val();
                if (!!token) {
                    $modalTesteConectividade = $.fn.dialog2({
                        content: "{{ path('interoperabilidade_teste_conectividade_json') }}",
                        showCloseHandle: true,
                        closeOnOverlayClick: false,
                        initialLoadText: '{{"Carregando..."|trans}}',
                        parameters: "noLayout=true&token="+token,
                        callbackFunction : function(ret){
                            $modalTesteConectividade.dialog2('close');
                        }
                    });
                }
            });
        });
    </script>
{% endblock %}

{% macro interoperabilidade_prototype(configuracao) %}
    <fieldset style="float: left; margin: 10px;">
        {% if configuracao.id.vars.value == 'interoperabilidade_sispcspa_situacao' %}
            <div class="row-fluid">
                <div class="control-group span4">
                    <div class="controls">
                        <label class="checkbox ">{{ form_widget(configuracao.txtValor,{ 'attr': {'class': 'input-block-level interoperabilidade_sispcspa_situacao'} }) }}{{ configuracao.id.vars.value|trans }}</label>
                    </div>
                </div>
            </div>
        {% endif %}
        {#<div class="control-group span4">#}
            {#<label>{{ configuracao.id.vars.value|trans }}</label>#}
            {#<div class="controls">#}
                {#{{ form_widget(form.isViagemAgrupadas,{ 'attr': {'class': 'cemporcento'} }) }}#}
                {#<span class="help-inline">{{ form_errors(form.isViagemAgrupadas) }}</span>#}
            {#</div>#}
        {#</div>#}

        {% if configuracao.id.vars.value == 'interoperabilidade_sispcspa_token' %}
            <div class="control-group span12">
                <label for="{{ configuracao.txtValor.vars.id }}" class="required control-label">
                    {{ configuracao.id.vars.value|trans }}
                </label>
                <div class="controls">
                    {{ form_widget(configuracao.txtValor,{ 'attr': {'class': 'input-block-level tokenValue interoperabilidade_sispcspa_token'} }) }}
                    <span class="help-inline help-inline-token">{{ form_errors(configuracao.txtValor) }}</span>
                </div>
            </div>


        {% endif %}
    </fieldset>
{% endmacro %}