{% 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;
        }
    </style>
{% endblock %}
{% block content %}
    <div id="form-container">
        <div class="title">
            <h2><a name='editar' href='#edicao'>{{ 'cabecalho.alterar.configuracaomobile'|trans }}</a></h2>
        </div>

        {{ form_errors(edit_form) }}

        <form id="formulario" class="form-horizontal" action="{{ path('configuracaomobile_update') }}" method="post"
              enctype="multipart/form-data">
            {{ form_widget(edit_form._token) }}
            <div class="row-fluid">
                <div class="control-group span12">
                    <fieldset>
                        {% for configuracaomobileSistema in edit_form.configuracoes %}
                            {{ _self.configuracaomobile_prototype(configuracaomobileSistema) }}
                        {% endfor %}
                    </fieldset>
                </div>
            </div>
            <div class="div-actions">
                <button type="submit" class="btn btn-primary">{{ 'acao.salvar'|trans }}</button>
                <a class="" href="{{ path('configuracaomobile') }}"
                   title="{{ 'acao.cancelar'|trans }}">{{ 'acao.cancelar'|trans }}</a>
            </div>
        </form>
    </div>
    </div>
{% endblock %}

{% macro configuracaomobile_prototype(configuracaomobile) %}
    <fieldset style="float: left; margin: 10px;">
        <legend style="font-size: 16px">{{ configuracaomobile.id.vars.value|trans }}</legend>
        <div class="row-fluid">
            {% if configuracaomobile.id.vars.value == 'email_alertas' %}
                <div class="control-group span3">
                    <label for="{{ configuracaomobile.txtValor.vars.name }}" class=" control-label">
                    </label>
                    <div class="controls">
                        {{ form_widget(configuracaomobile.txtValor,{ 'required': false , 'attr': {'class': 'input-xlarge',"onchange": "vEmail(this)","onkeyup": "vEmail(this)"} }) }}
                        <span class="help-inline">{{ form_errors(configuracaomobile.txtValor) }}</span>
                    </div>
                </div>
            {% elseif configuracaomobile.txtValor.vars.value != '' %}
                <div class="control-group span3">
                    <label for="{{ configuracaomobile.txtValor.vars.name }}" class="required control-label">
                        {{ 'value'|trans }}
                    </label>
                    <div class="controls">
                        {{ form_widget(configuracaomobile.txtValor,{ 'attr': {'class': 'input-xlarge'} }) }}
                        <span class="help-inline">{{ form_errors(configuracaomobile.txtValor) }}</span>
                    </div>
                </div>
            {% endif %}
            {% if configuracaomobile.datInicio.vars.value != '' %}
                <div class="control-group span3">
                    <label for="{{ configuracaomobile.datInicio.vars.name }}" class="required control-label">
                        {{ 'initial_date'|trans }}
                    </label>
                    <div class="controls">
                        {{ form_widget(configuracaomobile.datInicio,{ 'attr': {'class': 'input-xlarge'} }) }}
                        <span class="help-inline">{{ form_errors(configuracaomobile.datInicio) }}</span>
                    </div>
                </div>
            {% endif %}
            {% if configuracaomobile.datFim.vars.value != '' %}
                <div class="control-group span3">
                    <label for="{{ configuracaomobile.datFim.vars.name }}" class="required control-label">
                        {{ 'final_date'|trans }}
                    </label>
                    <div class="controls">
                        {{ form_widget(configuracaomobile.datFim,{ 'attr': {'class': ''} }) }}
                        <span class="help-inline">{{ form_errors(configuracaomobile.datFim) }}</span>
                    </div>
                </div>
            {% endif %}
            {#  {% if configuracaomobile.datInicioTrigger.vars.value != '' %}
                  <div class="control-group span3">
                      <label for="{{ configuracaomobile.datInicioTrigger.vars.name }}" class="required control-label">
                          Data início da trigger
                      </label>
                      <div class="controls">
                          {{ form_widget(configuracaomobile.datInicioTrigger,{ 'attr': {'class': 'input-xlarge'} }) }}
                          <span class="help-inline">{{ form_errors(configuracaomobile.datInicioTrigger) }}</span>
                      </div>
                  </div>
              {% endif %}
              {% if configuracaomobile.datFimTrigger.vars.value != '' %}
                  <div class="control-group span3">
                      <label for="{{ configuracaomobile.datFimTrigger.vars.name }}" class="required control-label">
                          Data fim trigger
                      </label>
                      <div class="controls">
                          {{ form_widget(configuracaomobile.datFimTrigger,{ 'attr': {'class': 'input-xlarge'} }) }}
                          <span class="help-inline">{{ form_errors(configuracaomobile.datFimTrigger) }}</span>
                      </div>
                  </div>
              {% endif %}#}
            {% if configuracaomobile.datInicio.vars.value != '' %}
                <div class="control-group span3">
                    <label for="{{ configuracaomobile.gerar.vars.name }}" class="required control-label">
                        {{ 'generate'|trans }}
                    </label>
                    <div class="controls">
                        {{ form_widget(configuracaomobile.gerar,{ 'attr': {'class': 'input-xlarge'} }) }}
                        <span class="help-inline">{{ form_errors(configuracaomobile.gerar) }}</span>
                    </div>
                </div>
            {% endif %}
        </div>
    </fieldset>
{% endmacro %}