{% 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>

        .grouped-radio label.radio {
            padding-left: 0;
        }

        textarea.input-xxlarge {
            height: 72px;
        }

        .yellow-color {
            color: #8a6d3b !important;
        }



    </style>
{% endblock %}

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

        {{ form_errors(form) }}


        <form id="formulario-suspeita" class="{% if  not includeLayout %}ajax {% endif %} form-horizontal"
              action="{% if entity.id is defined and entity.id is not null %} {{ path('suspeita_update', { 'id': entity.id }) }} {% else %} {{ path('suspeita_create') }} {% endif %}"
              method="post" {{ form_enctype(form) }}>
            <fieldset style="float: left; margin: 10px;">

                {{ form_widget(form._token) }}


                {% if not includeLayout %}
                    <input type='hidden' name='noLayout' value='true'>
                {% endif %}
                <div class="control-group">
                    {{ form_label(form.txtNome) }}
                    <div class="controls">
                        {{ form_widget(form.txtNome,{ 'attr': {'class': 'input-xxlarge focus'} }) }}
                        <span class="help-inline">{{ form_errors(form.txtNome) }}</span>
                    </div>
                </div>

                <div class="control-group">
                    {{ form_label(form.txtDescricao) }}
                    <div class="controls">
                        {{ form_widget(form.txtDescricao,{ 'attr': {'class': 'input-xxlarge'} }) }}
                        <span class="help-inline">{{ form_errors(form.txtDescricao) }}</span>
                    </div>
                </div>

                <div class="control-group">
                    {{ form_label(form.indOmitirDadosViagem) }}
                    <div class="controls">
                        {{ form_widget(form.indOmitirDadosViagem,{ 'attr': {'class': 'input-xlarge'} }) }}
                        <span class="help-inline">{{ form_errors(form.indOmitirDadosViagem) }}</span>
                    </div>
                </div>

                <div class="control-group grouped-radio"  {% if entity.indOmitirDadosViagem != 1 %}style=" display: none;" {% endif %}>
                    <label tabindex="-1" class="required control-label">Dados da viagem omitidos no gerador de relatório público</label>
                    <div class="controls">
                        <label class="radio">
                            {{ form_widget(form.indOmitirMunicipio,{ 'attr': {'class': 'input-xlarge checkbox-omitir'} }) }}
                            Município
                        </label>

                        <span class="help-inline">{{ form_errors(form.indOmitirMunicipio) }}</span>
                    </div>
                    <div class="controls">
                        <label class="radio">
                            {{ form_widget(form.indOmitirAparelhoPesca,{ 'attr': {'class': 'input-xlarge checkbox-omitir'} }) }}
                            Aparelho de pesca
                        </label>
                        <span class="help-inline">{{ form_errors(form.indOmitirAparelhoPesca) }}</span>
                    </div>
                    <div class="controls">
                        <label class="radio">
                            {{ form_widget(form.indOmitirPescado,{ 'attr': {'class': 'input-xlarge checkbox-omitir'} }) }}
                            Pescado
                        </label>
                        <span class="help-inline">{{ form_errors(form.indOmitirPescado) }}</span>
                    </div>
                    <div class="controls">
                        <label class="radio">
                            {{ form_widget(form.indOmitirProducao,{ 'attr': {'class': 'input-xlarge checkbox-omitir'} }) }}
                            Peso informado
                        </label>
                        <span class="help-inline">{{ form_errors(form.indOmitirProducao) }}</span>
                    </div>
                    <div class="controls">
                        <label class="radio">
                            {{ form_widget(form.indOmitirValorEstimado,{ 'attr': {'class': 'input-xlarge checkbox-omitir'} }) }}
                            Valor estimado
                        </label>
                        <span class="help-inline">{{ form_errors(form.indOmitirValorEstimado) }}</span>
                    </div>
                    <span id="error-omitir-vazio" class="help-inline hide">
                        <div class="alert alert-error">Informe quais dados devem ser omitidos no gerador de relatório público.</div>
                    </span>
                    <span id="info-omitir-todos" class="help-inline hide">
                        <div class="alert alert-warning yellow-color"><strong>Atenção: </strong>Todos os dados da viagem serão omitidos no relatório público.</div>
                    </span>
                </div>


            </fieldset>
            <div class="div-actions">
                <button type="submit" class="btn btn-primary">{{ 'acao.salvar'|trans }}</button>
                <a class=""{% if not includeLayout %} onclick="$(this).parents('.modal').find('.close').click(); return false;" {% endif %}
                   href="{{ path('suspeita') }}" title="{{ 'acao.cancelar'|trans }}">{{ 'acao.cancelar'|trans }}</a>
            </div>
        </form>
    </div>

    <script>
        //colocar funcoes javascript referente ao formulário aqui
        $(document).ready(function () {

            var $op = $('.grouped-radio').find('.checkbox-omitir');
            var cont = 0;
            $op.each(function (index) {
                if($($op[index]).is(':checked')){
                    cont++
                }
            });
            if(cont == $op.length){
                $('#info-omitir-todos').show();
            }else{
                $('#info-omitir-todos').hide();
            }

            $('#entidade_suspeita_indOmitirProducao').on('click', function () {
                if($(this).is(':checked')){
                    $('#entidade_suspeita_indOmitirValorEstimado').parent('label').addClass('readonly');
                    $('#entidade_suspeita_indOmitirValorEstimado').attr('checked', true);
                }else{
                    $('#entidade_suspeita_indOmitirValorEstimado').parent('label').removeClass('readonly');
                    $('#entidade_suspeita_indOmitirValorEstimado').attr('checked', false);
                }
            });

            $('#entidade_suspeita_indOmitirValorEstimado').on('click', function () {
                if($('#entidade_suspeita_indOmitirProducao').is(':checked')){
                    $(this).attr('checked', true);
                }
            });

            $("[name='{{ form.indOmitirDadosViagem.get('full_name') }}']").on('change',function(){
                var opcao = $(this).val();

                if(opcao == 1){
                    $(".grouped-radio").show();
                }else{
                    $(".grouped-radio").hide();
                    $('#info-omitir-todos').hide();
                    $('.checkbox-omitir').attr('checked', false);
                }
            });

            $('.checkbox-omitir').on('click', function () {
                $('#error-omitir-vazio').hide();
                $('.grouped-radio').removeClass('error');
                var $op = $('.grouped-radio').find('.checkbox-omitir');
                var cont = 0;
                $op.each(function (index) {
                    if($($op[index]).is(':checked')){
                        cont++
                    }
                });
                if(cont == $op.length){
                    $('#info-omitir-todos').show();
                }else{
                    $('#info-omitir-todos').hide();
                }
            });

            $('form').on('submit', function () {
                $('[type="submit"], .submit').attr('disabled', 'disabled');
                var $ok = false;
                if($('#entidade_suspeita_indOmitirDadosViagem_1').is(':checked')){
                    var $op = $('.grouped-radio').find('.checkbox-omitir');
                    $op.each(function (index) {
                        if($($op[index]).is(':checked')){
                            $ok = true;
                        }
                    });
                }else{
                    $ok = true;
                }
                if(!$ok){
                    $('#error-omitir-vazio').show();
                    $('.grouped-radio').addClass('error');
                    $('[type="submit"], .submit').removeAttr('disabled', 'disabled');
                    return false;
                }
            });

        });
    </script>
{% endblock %}