{% block content %}
    <style>
        #form-container {
            padding: 10px;
            overflow-x: visible;
        }
        .modal{
            min-width: 610px
        }

        .closure.input .select_closure .goog-control span{
            max-width: 88%;
        }
    </style>
    <div id="form-container">
        <div class="title">
            <h2>{{ 'Nova Captura'|trans }}</h2>
        </div>
        {{ form_errors(form) }}
        <form id="formulario-nova-captura" class="ajax form form-horizontal"
              action="{{ path('referencia_modal_captura_valida') }}" method="post" {{ form_enctype(form) }}>
            <fieldset>
                <div class="control-group">
                    <input type="hidden" name="codUnidadeProdutiva" value="{{ codUnidadeProdutiva }}"/>
                    {{ form_widget(form._token) }}
                    <label for="{{ form.indVinculo.vars.id }}">{{ 'Vínculo da Captura'|trans }}</label>

                    <div class="controls">
                        {{ form_widget(form.indVinculo,{ 'attr': {'class': 'hasfocus cemporcento ' }}) }}
                        <span class="help-inline">{{ form_errors(form.indVinculo) }}</span>
                    </div>
                </div>

            </fieldset>

            <fieldset id="referenciaCapturaNovoAparelhoPesca" {% if isEdit and form.indVinculo.vars.value == 3 %}class=""{% else %} class="hidden" style="display: none;" {% endif %}>
                <div class="control-group">
                    <label for="{{ form.codAparelhoPesca.vars.id }}">{{ 'Aparelho'|trans }}</label>
                    <div class="controls">
                        {{ form_widget(form.codAparelhoPesca,{ 'attr': {'class': 'cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.codAparelhoPesca) }}</span>
                    </div>
                </div>

            </fieldset>
            <fieldset>
                <div class="control-group">
                    <label for="{{ form.codCategoriaPescado.vars.id }}">{{ 'Categoria do pescado'|trans }}</label>
                    {{ form_label(form.codCategoriaPescado) }}
                    <div class="controls">
                        {{ form_widget(form.codCategoriaPescado,{ 'attr': {'class': 'cemporcento '} }) }}
                        <span class="help-inline">{{ form_errors(form.codCategoriaPescado) }}</span>
                    </div>
                </div>

            </fieldset>
            <fieldset>
                <div class="control-group">
                    <label for="{{ form.codLocalDescarga.vars.id }}">{{ 'Local de Descarga'|trans }}</label>
                    {{ form_label(form.codLocalDescarga) }}
                    <div class="controls">
                        {{ form_widget(form.codLocalDescarga,{ 'attr': {'class': 'cemporcento ', 'data-placeholder': 'teste'} }) }}
                        <span class="help-inline">{{ form_errors(form.codLocalDescarga) }}</span>
                    </div>
                </div>
            </fieldset>

            {% if FF_habilitar_ambiente_origem_producao == 'habilitar_por_captura' %}
            <fieldset>
                <div class="control-group">
                    <label for="{{ form.codAmbienteOrigemProducao.vars.id }}">{{ 'entidade.referencia.ambienteOrigemProducao'|trans }}</label>
                    {{ form_label(form.codAmbienteOrigemProducao) }}
                    <div class="controls">
                        {{ form_widget(form.codAmbienteOrigemProducao,{ 'attr': {'class': 'cemporcento ', 'data-placeholder': 'teste'} }) }}
                        <span class="help-inline">{{ form_errors(form.codAmbienteOrigemProducao) }}</span>
                    </div>
                </div>
            </fieldset>
            {% endif %}

            {% if FF_habilitar_destino_producao == 'habilitar_por_captura' %}
            <fieldset>
                <div class="control-group">
                    <label for="{{ form.codDestinoProducao.vars.id }}">{{ 'entidade.referencia.destinoProducao'|trans }}</label>
                    {{ form_label(form.codDestinoProducao) }}
                    <div class="controls">
                        {{ form_widget(form.codDestinoProducao,{ 'attr': {'class': 'cemporcento ', 'data-placeholder': 'teste'} }) }}
                        <span class="help-inline">{{ form_errors(form.codDestinoProducao) }}</span>
                    </div>
                </div>
            </fieldset>
            {% endif %}

            <div class="form-actions div-actions">

                <button id="adicionarCaptura" type="submit" class="btn btn-primary">{{ 'acao.adicionar'|trans }}</button>
                <a class="btn close-dialog" href="#">{{ 'acao.cancelar' |trans }}</a>
            </div>
        </form>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#{{ form.indVinculo.vars.id }}").change(function () {
                $('#referenciaCapturaNovoAparelhoPesca').find('.requiredCombobox').removeClass('requiredCombobox').addClass('notRequiredCombobox second');

                switch ($(this).val()) {
                    case '3':
                        if ($(this).is(':visible')) {
                            $('#referenciaCapturaNovoAparelhoPesca').stop(true, true).removeClass('hidden').fadeIn('fast');
                            $('#referenciaCapturaNovoAparelhoPesca').find('.notRequiredCombobox').removeClass('notRequiredCombobox').addClass('requiredCombobox');
                        } else {
                            $('#referenciaCapturaNovoAparelhoPesca').find('.requiredCombobox').removeClass('requiredCombobox').addClass('notRequiredCombobox');
                        }
                        break;
                    default:
                        $('#referenciaCapturaNovoAparelhoPesca').stop(true, true).fadeOut('fast', function () {
                            $(this).addClass('hidden');
                        });
                        break;
                }
            });

            $("#{{ form.indVinculo.vars.id }}").change();
        });
    </script>
{% endblock %}