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

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('bundles/propesq/css/edit.css') }}" type="text/css" media="all" />
{% endblock %}

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

    {# mensagens de feedback #}
    <div class="messageContainer">
        {% for flash in app.session.getFlash('success') %}
            <div class="alert alert-success alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                {{ flash|trans }}
            </div>
        {% endfor %}
        {% for flash in app.session.getFlash('warning') %}
            <div class="alert alert-warning alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                {{ flash|trans }}
            </div>
        {% endfor %}
        {% for flash in app.session.getFlash('error') %}
            <div class="alert alert-danger alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                {{ flash|trans }}
            </div>
        {% endfor %}
    </div>

    {# Se você usa FormType/CSRF, injete um token hidden aqui #}
    {# {{ form_errors(edit_form) }} #}

    <form id="formulario-estatpescaprepesc" class="form-horizontal"
          action="{{ path('estatpescaprepesc_update', { 'id': entity.id }) }}"
          method="post" novalidate>

        {# ---- BLOCO 1: Localização e Data ---- #}
        <fieldset style="float:left; margin:10px;">
            <legend>{{ 'form.dados_gerais'|trans|default('Localização e Data') }}</legend>
          
            <div class="row-fluid">
              <div class="control-group span3">
                  <label class="control-label" for="cod_municipio">{{ 'entidade.estatpescaprepesc.codMunicipio'|trans|default('Município') }}</label>
                  <div class="controls">
                      <select name="cod_municipio" id="cod_municipio" class="input-xlarge" required>
                          <option value="">{{ 'selecione'|trans }}</option>
                          {% set selectedMunicipioId = entity.codLocalidade and entity.codLocalidade.codMunicipio ? entity.codLocalidade.codMunicipio.id : null %}
                          {% for m in municipios %}
                              <option value="{{ m.id }}" {{ selectedMunicipioId == m.id ? 'selected' : '' }}>
                                  {{ m.txtNome }}
                              </option>
                          {% endfor %}
                      </select>
                      <span class="help-inline"></span>
                  </div>
              </div>

              <div class="control-group span3">
                  <label class="control-label" for="cod_localidade">{{ 'entidade.estatpescaprepesc.codLocalidade'|trans|default('Localidade') }}</label>
                  <div class="controls">
                      <select name="codLocalidade" id="cod_localidade" class="input-xlarge" required disabled>
                          <option value="">{{ 'selecione'|trans }}</option>
                      </select>
                      <span class="help-inline"></span>
                  </div>
              </div>

              <div class="control-group span2">
                  <div class="controls">
                  <label class="control-label" for="data">{{ 'entidade.estatpescaprepesc.data'|trans|default('Data') }}</label>
                      <input type="date"
                            name="data"
                            id="data"
                            class="input-small"
                            placeholder="dd/mm/aaaa"
                            value="{{ entity.data ? entity.data|date('Y-m-d') : '' }}"
                            required />
                      <span class="help-inline"></span>
                  </div>
              </div>

            </div>
        </fieldset>

        {# ---- BLOCO 2: Espécie e Preço ---- #}
        <fieldset style="float:left; margin:10px;">
            <legend>{{ 'form.precos'|trans|default('Espécie e Preço') }}</legend>

            <div class="row-fluid">
              <div class="control-group span3">
                  <label class="control-label" for="cod_especie">{{ 'entidade.estatpescaprepesc.codEspecie'|trans|default('Espécie') }}</label>
                  <div class="controls">
                      <select name="codEspecie" id="cod_especie" class="input-xlarge" required>
                          <option value="">{{ 'selecione'|trans }}</option>
                          {% set selectedEspecieId = entity.codEspecie ? entity.codEspecie.id : null %}
                          {% for e in especies %}
                              <option value="{{ e.id }}" {{ selectedEspecieId == e.id ? 'selected' : '' }}>
                                  {{ e.txtNome }}
                              </option>
                          {% endfor %}
                      </select>
                      <span class="help-inline"></span>
                  </div>
              </div>

              <div class="control-group span2">
                  <label class="control-label" for="preco">{{ 'entidade.estatpescaprepesc.preco'|trans|default('Preço (R$)') }}</label>
                  <div class="controls">
                      <input type="text"
                            name="preco"
                            id="preco"
                            class="input-small preco-ptbr"
                            style="text-align:right;"
                            placeholder="Ex.: 12,34"
                            value="{% if entity.preco is not null %}{{ entity.preco|number_format(2, ',', '.') }}{% endif %}" />
                      <span class="help-inline"></span>
                  </div>
              </div>
            </div>

            {% if entity.codUsuario is defined %}
                <div style="width: 90%; float: left;">
                    <label style="font-weight: bold;margin-top: 10px;">Responsável pela informação: {{ entity.codUsuario.codPessoa }}</label>
                </div>
            {% endif %}
        </fieldset>

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

<script type="text/javascript">
(function($){
    // Evita duplo submit como no seu exemplo
    $(document).on('DOMNodeInserted', function (e) {
        if (e.target.className == 'alert alert-error') {
            setTimeout(function () { $('button[type="submit"]').removeAttr("disabled"); }, 100);
        }
    });
    $('form').on('submit', function () {
        $('button[type="submit"]').attr("disabled", "disabled");
    });

    function resetLocalidade(disable, selectedId) {
        var $loc = $('#cod_localidade');
        $loc.prop('disabled', !!disable);
        $loc.empty().append($('<option>', { value: '', text: '{{ "selecione"|trans }}' }));
        if (selectedId) $loc.val(String(selectedId));
    }

    function carregarLocalidades(codMunicipio, preselectId) {
        if (!codMunicipio) { resetLocalidade(true); return; }
        resetLocalidade(true);

        var url = "{{ path('localidade_json') }}?codMunicipio=" + encodeURIComponent(codMunicipio) + "&isAtivo=1";
        $.ajax({
            url: url,
            type: 'GET',
            dataType: 'json',
            beforeSend: function(){
                $('#cod_localidade').append($('<option>', { value: '', text: 'Carregando...' })).prop('disabled', true);
            }
        }).done(function(lista){
            var $loc = $('#cod_localidade');
            $loc.empty().append($('<option>', { value: '', text: '{{ "selecione"|trans }}' }));
            $.each(lista, function(_, item){
                $loc.append($('<option>', { value: item.id, text: item.txtNome }));
            });
            $loc.prop('disabled', false);
            if (preselectId) { $loc.val(String(preselectId)); }
        }).fail(function(){
            alert('Não foi possível carregar as localidades. Tente novamente.');
            resetLocalidade(true);
        });
    }

    $(document).ready(function(){
        // Encadeia Município -> Localidade
        $('#cod_municipio').on('change', function(){
            carregarLocalidades($(this).val(), null);
        });

        // Preseleção ao abrir (municipio + localidade do entity)
        var selectedMunicipio = '{{ selectedMunicipioId|default('') }}' || $('#cod_municipio').val();
        var selectedLocalidade = '{{ entity.codLocalidade ? entity.codLocalidade.id : "" }}';
        if (selectedMunicipio) {
            carregarLocalidades(selectedMunicipio, selectedLocalidade);
        }

        // Máscara simples de moeda pt-BR
        $(document).on('input', '.preco-ptbr', function(){
            var v = $(this).val().replace(/\D/g,'').replace(/^0+/, '');
            if (v.length === 0) { $(this).val(''); return; }
            if (v.length == 1) v = '0' + v;
            v = v.replace(/(\d+)(\d{2})$/, '$1,$2');
            v = v.replace(/(\d)(?=(\d{3})+(,))/g, '$1.');
            $(this).val(v);
        });
    });
})(jQuery);
</script>
{% endblock %}