{% set id = id is defined ? id : '$$name$$' %}
{% set operacaoTxt = operacaoTxt is defined ? operacaoTxt : '$$operacaoTxt$$' %}



<hr style="margin-right: 20px;"/>
<div style="margin-top: 15px;">
    <label><strong>Operação {{ operacaoTxt }} </strong></label>

    <div>
        <h6>Lançamento</h6>
        {{ 'entidade.registro.registroArea.txtLocalPescaLancamento' |trans }}: <span id="operacao_{{ id }}{{ tipoPonto }}_txtLocalPescaLancamento"></span><br/>
        {{ 'entidade.registro.registroArea.numProfundidadeTerminoLancamento' |trans }}: <span id="operacao_{{ id }}{{ tipoPonto }}_numProfundidadeTerminoLancamento"></span><br/>
        {{ 'entidade.registro.registroArea.numProfundidadeInicioLancamento' |trans }}: <span id="operacao_{{ id }}{{ tipoPonto }}_numProfundidadeInicioLancamento"></span><br/>
    </div>


    </div>
        <h6>Recolhimento</h6>
        {{ 'entidade.registro.registroArea.txtLocalPescaRecolhimento' |trans }}: <span id="operacao_{{ id }}{{ tipoPonto }}_txtLocalPescaRecolhimento"></span><br/>
        {{ 'entidade.registro.registroArea.numProfundidadeInicioRecolhimento' |trans }}: <span id="operacao_{{ id }}{{ tipoPonto }}_numProfundidadeInicioRecolhimento"></span><br/>
        {{ 'entidade.registro.registroArea.numProfundidadeTerminoRecolhimento' |trans }}: <span id="operacao_{{ id }}{{ tipoPonto }}_numProfundidadeTerminoRecolhimento"></span><br/>
    </div>


</div>

<div class="operacaoPontoMap-container operacaoPontoMap-container-{{ operacaoTxt }}" id="operacaoPontoMap-container-{{ id }}{{ tipoPonto }}" data-operacaotxt="{{ operacaoTxt }}">
    <div class="row-fluid">
        <div id="il" style="display: table; border-left: 5px solid #1E88E5;">
            <!-- Início Lançamento -->
            {% set tipoPonto = '11' %}
            <tr>
                <td>
                    <div style="display: table; margin-top: 11%" class="span1">
                        <span>&nbsp;I.L.</span>
                    </div>
                </td>
                <td>
                    <div style="display: table" class="span10">
                        <div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoInicioLancamentoformato_container" class="input-prepend span12" style="padding-left: 7px;{% if FF_habilitar_coordenada_diferentes_formatos == "nao_habilitar" %} display:none;{% endif %}">
                            <span id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoInicioLancamentoformato_span" class="add-on" style="margin-right: -5px;">Formato</span>
                            <select id="operacao_{{ id }}{{ tipoPonto }}_formato" style="width: 172px;">
                                <option value="" class="hide"></option>
                                <option value="1">GG°MM'SS,SSS''N/S</option>
                                <option value="2">GG°MM'SS''N/S</option>
                                <option value="3">GG°MM,MMM'N/S</option>
                                <option value="4">{{ 'GG,DDD...' | trans }}</option>
                            </select>
                        </div>
                        <div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoInicioLancamentolat_container" class="input-prepend span12">
                            <span id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoInicioLancamentolat_span" class="add-on">Lat</span><input
                                    class="hasfocus wf2_notBlank wf2_defaultValue wf2_lostFocus" type="text"
                                    id="operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolat"
                                    style="width: 200px"
                            >
                            <div id="operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolat_error"
                                 style="color: rgb(185, 74, 72); height: 40px; display: none; max-width: 230px; width: 264px;">
                            </div>
                        </div>
                        <div id="map_{{ id }}{{ tipoPonto }}_geoInicioLancamentolng_container" class="input-prepend span12">
                            <span id="map_{{ id }}{{ tipoPonto }}_geoInicioLancamentolng_span" class="add-on">Lon</span><input
                                    class="insertaction wf2_notBlank wf2_lostFocus wf2_notDefaultValue" type="text"
                                    id="operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolng"
                                    style="width: 200px"
                            >
                            <div id="operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolng_error"
                                 style="color: rgb(185, 74, 72); height: 40px; display: none; max-width: 230px; width: 267px;">
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </div><br/>
        <div id="tl" style="display: table; border-left: 5px solid #0D47A1;">
            <!-- Termino Lançamento -->
            {% set tipoPonto = '12' %}
            <tr>
                <td>
                    <div style="display: table; margin-top: 11%" class="span1">
                        <span>&nbsp;T.L.</span>
                    </div>
                </td>
                <td>
                    <div style="display: table" class="span10">
                        <div id="moperacoesPonto_{{ id }}{{ tipoPonto }}_geoTerminoLancamentoformato_container" class="input-prepend span12" style="padding-left: 7px;{% if FF_habilitar_coordenada_diferentes_formatos == "nao_habilitar" %} display:none;{% endif %}">
                            <span id="moperacoesPonto_{{ id }}{{ tipoPonto }}_geoTerminoLancamentoformato_span" class="add-on" style="margin-right: -5px;">Formato</span>
                            <select id="operacao_{{ id }}{{ tipoPonto }}_formato" style="width: 172px;">
                                <option value="" class="hide"></option>
                                <option value="1">GG°MM'SS,SSS''N/S</option>
                                <option value="2">GG°MM'SS''N/S</option>
                                <option value="3">GG°MM,MMM'N/S</option>
                                <option value="4">{{ 'GG,DDD...' | trans }}</option>
                            </select>
                        </div>

                        <div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolat_container" class="input-prepend span12">
                            <span id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolat_span" class="add-on">Lat</span><input
                                    class="hasfocus wf2_notBlank wf2_defaultValue wf2_lostFocus" type="text"
                                    id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolat"
                                    style="width: 200px"
                            >
                            <div id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolat_error"
                                 style="color: rgb(185, 74, 72); height: 40px; display: none; max-width: 230px; width: 264px;">
                            </div>
                        </div>
                        <div id="map_{{ id }}{{ tipoPonto }}_geoTerminoLancamento_lng_container" class="input-prepend span12">
                            <span id="map_{{ id }}{{ tipoPonto }}_geoTerminoLancamento_lng_span" class="add-on">Lon</span><input
                                    class="insertaction wf2_notBlank wf2_lostFocus wf2_notDefaultValue" type="text"
                                    id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolng"
                                    style="width: 200px"
                            >
                            <div id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoLancamento_lng_error"
                                 style="color: rgb(185, 74, 72); height: 40px; display: none; max-width: 230px; width: 267px;">
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </div><br/>

        <div id="ir" style="display: table; border-left: 5px solid #8BC34A;">
            <!-- Início Recolhimento -->
            {% set tipoPonto = '21' %}
            <tr>
                <td>
                    <div style="display: table; margin-top: 11%" class="span1">
                        <span>&nbsp;I.R.</span>
                    </div>
                </td>
                <td>
                    <div style="display: table" class="span10">
                        <div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentoformato_container" class="input-prepend span12" style="padding-left: 7px;{% if FF_habilitar_coordenada_diferentes_formatos == "nao_habilitar" %} display:none;{% endif %}">
                            <span id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentoformato_span" class="add-on" v>Formato</span>
                            <select id="operacao_{{ id }}{{ tipoPonto }}_formato" style="width: 172px;">
                                <option value="" class="hide"></option>
                                <option value="1">GG°MM'SS,SSS''N/S</option>
                                <option value="2">GG°MM'SS''N/S</option>
                                <option value="3">GG°MM,MMM'N/S</option>
                                <option value="4">{{ 'GG,DDD...' | trans }}</option>
                            </select>
                        </div>

                        <div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentolat_container" class="input-prepend span12">
                            <span id="operacoesPonto_{{ id }}_geoInicioRecolhimentolat_span" class="add-on">Lat</span><input
                                    class="hasfocus wf2_notBlank wf2_defaultValue wf2_lostFocus" type="text"
                                    id="operacao_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentolat"
                                    style="width: 200px"
                            >
                            <div id="operacao_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentolat_error"
                                 style="color: rgb(185, 74, 72); height: 40px; display: none; max-width: 230px; width: 264px;">
                            </div>
                        </div>
                        <div id="map_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentolng_container" class="input-prepend span12">
                            <span id="map_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentolng_span" class="add-on">Lon</span><input
                                    class="insertaction wf2_notBlank wf2_lostFocus wf2_notDefaultValue" type="text"
                                    id="operacao_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentolng"
                                    style="width: 200px"
                            >
                            <div id="operacao_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentolng_error"
                                 style="color: rgb(185, 74, 72); height: 40px; display: none; max-width: 230px; width: 267px;">
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </div><br/>

        <div id="tr" style="display: table; border-left: 5px solid #1B5E20;">
            <!-- Termino Recolhimento -->
            {% set tipoPonto = '22' %}
            <tr>
                <td>
                    <div style="display: table; margin-top: 11%" class="span1">
                        <span>&nbsp;T.R.</span>
                    </div>
                </td>
                <td>
                    <div style="display: table" class="span10">
                        <div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimentoformato_container" class="input-prepend span12" style="padding-left: 7px;{% if FF_habilitar_coordenada_diferentes_formatos == "nao_habilitar" %} display:none;{% endif %}">
                            <span id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimentoformato_span" class="add-on" style="margin-right: -5px;">Formato</span>
                            <select id="operacao_{{ id }}{{ tipoPonto }}_formato" style="width: 172px;">
                                <option value="" class="hide"></option>
                                <option value="1">GG°MM'SS,SSS''N/S</option>
                                <option value="2">GG°MM'SS''N/S</option>
                                <option value="3">GG°MM,MMM'N/S</option>
                                <option value="4">{{ 'GG,DDD...' | trans }}</option>
                            </select>
                        </div>

                        <div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimentolat_container" class="input-prepend span12">
                            <span id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimentolat_span" class="add-on">Lat</span><input
                                    class="hasfocus wf2_notBlank wf2_defaultValue wf2_lostFocus" type="text"
                                    id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimentolat"
                                    style="width: 200px"
                            >
                            <div id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimentolat_error"
                                 style="color: rgb(185, 74, 72); height: 40px; display: none; max-width: 230px; width: 264px;"></div>
                        </div>
                        <div id="map_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimento_lng_container" class="input-prepend span12">
                            <span id="map_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimento_lng_span" class="add-on">Lon</span><input
                                    class="insertaction wf2_notBlank wf2_lostFocus wf2_notDefaultValue" type="text"
                                    id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimentolng"
                                    style="width: 200px"
                            >
                            <div id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimento_lng_error"
                                 style="color: rgb(185, 74, 72); height: 40px; display: none; max-width: 230px; width: 267px;">

                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </div>

        {#<table class="table">#}
            {#<thead>#}
            {#<tr>#}
                {#<td style="width: 2px;"></td>#}
                {#<td></td>#}
                {#<td>Formato</td>#}
                {#<td>Latitude</td>#}
                {#<td>Longitude</td>#}
            {#</tr>#}
            {#</thead>#}
            {#<!-- Início Lançamento -->#}
            {#{% set tipoPonto = '11' %}#}

            {#<tr class="legend" data-color="#1E88E5">#}
                {#<td></td>#}
                {#<td>I.L.</td>#}
                {#<td>#}

                        {#<div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoInicioLancamentoformato_container" class="input-prepend">#}
                            {#<select#}
                                    {#style="width: 155px"#}
                                    {#id="operacao_{{ id }}{{ tipoPonto }}_formato"#}
                            {#>#}
                                {#<option value="" class="hide"></option>#}
                                {#<option value="1">GG°MM'SS,SSS''N/S</option>#}
                                {#<option value="2" >GG°MM'SS''N/S</option>#}
                                {#<option value="3">GG°MM,MMM'N/S</option>#}
                                {#<option value="4">GG,DDD</option>#}
                            {#</select>#}
                        {#</div>#}

                {#</td>#}
                {#<td>#}
                    {#<div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoInicioLancamentolat_container">#}
                        {#<input#}
                                {#class="hasfocus wf2_notBlank wf2_defaultValue wf2_lostFocus mapPoint" type="text"#}
                                {#id="operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolat"#}
                                {#onkeydown="removeCaracter(this, event, true)"#}
                                {#onkeypress="return formataCoordenada(this, event, true)" placeholder="GG°MM'SS''N/S"#}
                                {#style="width: 95px;">#}
                        {#<div id="operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolat_error"#}
                             {#style="color: rgb(185, 74, 72);  display: none; "></div>#}
                    {#</div>#}
                {#</td>#}
                {#<td>#}
                    {#<div id="map_{{ id }}{{ tipoPonto }}_geoInicioLancamentolng_container" >#}
                        {#<input#}
                                {#class="insertaction wf2_notBlank wf2_lostFocus wf2_notDefaultValue mapPoint" type="text"#}
                                {#id="operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolng"#}
                                {#onkeydown="removeCaracter(this, event, false)"#}
                                {#onkeypress="return formataCoordenada(this, event, false)" placeholder="GGG°MM'SS''W/E"#}
                                {#style="width: 105px;">#}
                        {#<div id="operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolng_error"#}
                             {#style="color: rgb(185, 74, 72);  display: none; ">#}

                        {#</div>#}
                    {#</div>#}

                {#</td>#}
            {#</tr>#}
           {#<!-- Termino Lançamento -->#}
            {#{% set tipoPonto = '12' %}#}
            {#<tr class="legend" data-color="#0D47A1">#}
                {#<td></td>#}
                {#<td>T.L.</td>#}
                {#<td>#}

                    {#<div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoTerminoLancamentoformato_container" class="input-prepend">#}
                        {#<select#}
                                {#style="width: 155px"#}
                                {#id="operacao_{{ id }}{{ tipoPonto }}_formato"#}
                        {#>#}
                            {#<option value="" class="hide"></option>#}
                            {#<option value="1">GG°MM'SS,SSS''N/S</option>#}
                            {#<option value="2" >GG°MM'SS''N/S</option>#}
                            {#<option value="3">GG°MM,MMM'N/S</option>#}
                            {#<option value="4">GG,DDD</option>#}
                        {#</select>#}
                    {#</div>#}
                {#</td>#}
                {#<td>#}
                    {#<div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolat_container">#}
                        {#<input#}
                                {#class="hasfocus wf2_notBlank wf2_defaultValue wf2_lostFocus mapPoint" type="text"#}
                                {#id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolat"#}
                                {#onkeydown="removeCaracter(this, event, true)"#}
                                {#onkeypress="return formataCoordenada(this, event, true)" placeholder="GG°MM'SS''N/S"#}
                                {#style="width: 95px;">#}
                        {#<div id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolat_error"#}
                             {#style="color: rgb(185, 74, 72); height: 40px; display: none; max-width: 230px; width: 264px;"></div>#}
                    {#</div>#}
                {#</td>#}
                {#<td>#}
                    {#<div id="map_{{ id }}{{ tipoPonto }}_geoTerminoLancamento_lng_container" >#}
                        {#<input#}
                                {#class="insertaction wf2_notBlank wf2_lostFocus wf2_notDefaultValue mapPoint" type="text"#}
                                {#id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolng"#}
                                {#onkeydown="removeCaracter(this, event, false)"#}
                                {#onkeypress="return formataCoordenada(this, event, false)" placeholder="GGG°MM'SS''W/E"#}
                                {#style="width: 105px;">#}
                        {#<div id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoLancamento_lng_error"#}
                             {#style="color: rgb(185, 74, 72); height: 40px; display: none; max-width: 230px; width: 267px;">#}

                        {#</div>#}
                    {#</div>#}

                {#</td>#}
            {#</tr>#}
            {#<!-- Início Recolhimento -->#}
            {#{% set tipoPonto = '21' %}#}
            {#<tr class="legend" data-color="#8BC34A">#}
                {#<td></td>#}
                {#<td>I.R.</td>#}
                {#<td>#}

                    {#<div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentoformato_container" class="input-prepend" style="margin-bottom: 5px;">#}
                        {#<select#}
                                {#style="width: 155px"#}
                                {#id="operacao_{{ id }}{{ tipoPonto }}_formato"#}
                        {#>#}
                            {#<option value="" class="hide"></option>#}
                            {#<option value="1">GG°MM'SS,SSS''N/S</option>#}
                            {#<option value="2">GG°MM'SS''N/S</option>#}
                            {#<option value="3">GG°MM,MMM'N/S</option>#}
                            {#<option value="4">GG,DDD</option>#}
                        {#</select>#}
                    {#</div>#}

                {#</td>#}
                {#<td>#}
                    {#<div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentolat_container">#}
                        {#<input#}
                                {#class="hasfocus wf2_notBlank wf2_defaultValue wf2_lostFocus mapPoint" type="text"#}
                                {#id="operacao_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentolat"#}
                                {#onkeydown="removeCaracter(this, event, true)"#}
                                {#onkeypress="return formataCoordenada(this, event, true)" placeholder="GG°MM'SS''N/S"#}
                                {#style="width: 95px;">#}
                        {#<div id="operacao_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentolat_error"#}
                             {#style="color: rgb(185, 74, 72); height: 40px; display: none; max-width: 230px; width: 264px;"></div>#}
                    {#</div>#}
                {#</td>#}
                {#<td>#}
                    {#<div id="map_{{ id }}{{ tipoPonto }}21_geoInicioRecolhimentolng_container" >#}
                        {#<input#}
                                {#class="insertaction wf2_notBlank wf2_lostFocus wf2_notDefaultValue mapPoint" type="text"#}
                                {#id="operacao_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentolng"#}
                                {#onkeydown="removeCaracter(this, event, false)"#}
                                {#onkeypress="return formataCoordenada(this, event, false)" placeholder="GGG°MM'SS''W/E"#}
                                {#style="width: 105px;">#}
                        {#<div id="operacao_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentolng_error"#}
                             {#style="color: rgb(185, 74, 72); height: 40px; display: none; max-width: 230px; width: 267px;">#}

                        {#</div>#}
                    {#</div>#}

                {#</td>#}
            {#</tr>#}
            {#<!-- Termino Recolhimento -->#}
            {#{% set tipoPonto = '22' %}#}
            {#<tr class="legend"  data-color="#1B5E20">#}
                {#<td></td>#}
                {#<td>T.R.</td>#}
                {#<td>#}

                    {#<div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimentoformato_container" class="input-prepend">#}
                        {#<select#}
                                {#style="width: 155px"#}
                                {#id="operacao_{{ id }}{{ tipoPonto }}_formato"#}
                        {#>#}
                            {#<option value="" class="hide"></option>#}
                            {#<option value="1">GG°MM'SS,SSS''N/S</option>#}
                            {#<option value="2">GG°MM'SS''N/S</option>#}
                            {#<option value="3">GG°MM,MMM'N/S</option>#}
                            {#<option value="4">GG,DDD</option>#}
                        {#</select>#}
                    {#</div>#}

                {#</td>#}
                {#<td>#}
                    {#<div id="operacoesPonto_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimentolat_container">#}
                        {#<input#}
                                {#class="hasfocus wf2_notBlank wf2_defaultValue wf2_lostFocus mapPoint" type="text"#}
                                {#id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimentolat"#}
                                {#onkeydown="removeCaracter(this, event, true)"#}
                                {#onkeypress="return formataCoordenada(this, event, true)" placeholder="GG°MM'SS''N/S"#}
                                {#style="width: 95px;">#}
                        {#<div id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimentolat_error"#}
                             {#style="color: rgb(185, 74, 72); height: 40px; display: none; max-width: 230px; width: 264px;"></div>#}
                    {#</div>#}
                {#</td>#}
                {#<td>#}
                    {#<div id="map_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimento_lng_container" >#}
                        {#<input#}
                                {#class="insertaction wf2_notBlank wf2_lostFocus wf2_notDefaultValue mapPoint" type="text"#}
                                {#id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimentolng"#}
                                {#onkeydown="removeCaracter(this, event, false)"#}
                                {#onkeypress="return formataCoordenada(this, event, false)" placeholder="GGG°MM'SS''W/E"#}
                                {#style="width: 105px;">#}
                        {#<div id="operacao_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimento_lng_error"#}
                             {#style="color: rgb(185, 74, 72); height: 40px; display: none; max-width: 230px; width: 267px;">#}
                        {#</div>#}
                    {#</div>#}
                {#</td>#}
            {#</tr>#}
        {#</table>#}
    </div>
    <script>


        var isCoordenadaValida = true;
        function showPointMapaBordo(id, formato, latitude, longitude) {
            operacaoId  = id.substring(0, id.length -2);
            array = reverteCoordenadas(formato, false, latitude, longitude );
            setPinOperacaoOnMap(operacaoId, {
                "id": id,
                "formato": formato,
                "latitude": array['lat'],
                "longitude": array['lng']
            });
        }

        function removePoint(id) {
            var feature = pontosSourceConfig.getFeatureById(id);
            if (feature) {
                pontosSourceConfig.removeFeature(feature);
            }
        }


        function geometryValidation(id, formato, field1, field2){
            $('#'+field1).live('focusout', function () {
                validaCampos_geoPonto(id, formato, field1, field2);
            });

            $('#'+field2).live('focusout',function () {
                validaCampos_geoPonto(id, formato, field1, field2);
            });
        }

        function format (formatoAnterior, formatoFuturo, id, complemento){
            $lat = $('#operacao_'+id+complemento+'lat');
            $lng = $('#operacao_'+id+complemento+'lng');
            var lat = $lat.val();
            var lng = $lng.val();
            setTimeout(function () {
                if(lat && lng) {
                    var array = reverteCoordenadas(formatoAnterior, formatoFuturo, lat, lng);
                    $('#operacao_'+id+complemento+'lat').val(array['lat']);
                    $('#operacao_'+id+complemento+'lng').val(array['lng']);
                    /*Atualiza o formato caso usuário mude após selecionar ponto*/
                    operacaoId  = id.substring(0, id.length -2);


                    setPinOperacaoOnMap(operacaoId, {
                        "id": id,
                        "formato": formatoFuturo,
                        "latitude": reverteCoordenadas(formatoFuturo, null, array['lat'], array['lng'])['lat'],
                        "longitude": reverteCoordenadas(formatoFuturo, null, array['lat'], array['lng'])['lng']
                    });

                }
            },100);
            if (typeof(Storage) !== "undefined") {
                localStorage.setItem("lastFormat", formatoFuturo);
            }
            setMaskLatLngGeoInformacaoOperacao(formatoFuturo, id+complemento);
        }

        function setMaskLatLngGeoInformacaoOperacao(tipo, id) {
            $lat = $('#operacao_'+id+'lat');
            $lng = $('#operacao_'+id+'lng');
            $lat.unmask();
            $lng.unmask();
            $lat.removeAttr("placeholder");
            $lng.removeAttr("placeholder");
            if(tipo) {
                $lat.removeAttr("disabled");
                $lng.removeAttr("disabled");
                if (tipo == "1") {
                    $lat.attr("placeholder", "GG°MM'SS,SSS''N/S");
                    $lng.attr("placeholder", "GGG°MM'SS,SSS''W/E");
                    maskLat = "GG°MM'SS,SSS''C";
                    maskLng = "GGG°MM'SS,SSS''C";
                } else if (tipo == "2") {
                    $lat.attr("placeholder", "GG°MM'SS''N/S");
                    $lng.attr("placeholder", "GGG°MM'SS''W/E");
                    maskLat = "GG°MM'SS''C";
                    maskLng = "GGG°MM'SS''C";
                } else if (tipo == "3") {
                    $lat.attr("placeholder", "GG°MM,MMM'N/S");
                    $lng.attr("placeholder", "GGG°MM,MMM'W/E");
                    maskLat = "GG°MM,MMM'C";
                    maskLng = "GGG°MM,MMM'C";
                } else if (tipo == "4") {
                    $lat.attr("placeholder", "{{ 'GG,DDD...' | trans }}");
                    $lng.attr("placeholder", "{{ 'GG,DDD...' | trans }}");
                    maskLat = "TGG,GGGDDDDDD";
                    maskLng = "TGGG,GGGDDDDDD";
                }
                $lat.mask(maskLat, pointFormats.GMS.latitude);
                $lng.mask(maskLng, pointFormats.GMS.longitude);
            }else{
                $lat.attr("disabled", "disabled");
                $lng.attr("disabled", "disabled");
            }
        }

        $(document).ready(function () {
            //Inicio Lancamento
            {% set tipoPonto = '11' %}
            setTimeout(function () {
                $lat = $('#operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolat');
                $lng = $('#operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolng');
                var tipo = $('#operacao_{{ id }}{{ tipoPonto }}_formato').val();
                var localStorageFormat = localStorage.getItem("lastFormat");
                if(!localStorageFormat){
                    localStorage.setItem("lastFormat", '2');
                    localStorageFormat = '2';
                }
                if(!tipo){
                    tipo = localStorageFormat;
                }
                $('#operacao_{{ id }}{{ tipoPonto }}_formato option[value="'+tipo+'"]').attr('selected','selected');
                $('#operacao_{{ id }}{{ tipoPonto }}_formato').data('formatoAnterior', tipo);
                setMaskLatLngGeoInformacaoOperacao(tipo, '{{ id }}{{ tipoPonto }}_geoInicioLancamento');
            },50);

            geometryValidation('{{ id }}{{ tipoPonto }}', 'operacao_{{ id }}{{ tipoPonto }}_formato', 'operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolat', "operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolng" );
            $("#operacao_{{ id }}{{ tipoPonto }}_formato").on('change', function () {
                var formatoAnterior = $(this).data('formatoAnterior');
                var formatoFuturo = $(this).val();
                $(this).data('formatoAnterior', formatoFuturo);
                format(formatoAnterior, formatoFuturo, '{{ id }}{{ tipoPonto }}', '_geoInicioLancamento');
            });

            //Termino Lancamento
            {% set tipoPonto = '12' %}
            setTimeout(function () {
                $lat = $('#operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolat');
                $lng = $('#operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolng');
                var tipo = $('#operacao_{{ id }}{{ tipoPonto }}_formato').val();
                var localStorageFormat = localStorage.getItem("lastFormat");
                if(!localStorageFormat){
                    localStorage.setItem("lastFormat", '2');
                    localStorageFormat = '2';
                }
                if(!tipo){
                    tipo = localStorageFormat;
                }
                $('#operacao_{{ id }}{{ tipoPonto }}_formato option[value="'+tipo+'"]').attr('selected','selected');
                $('#operacao_{{ id }}{{ tipoPonto }}_formato').data('formatoAnterior', tipo);
                setMaskLatLngGeoInformacaoOperacao(tipo, '{{ id }}{{ tipoPonto }}_geoTerminoLancamento');
            },50);

            geometryValidation('{{ id }}{{ tipoPonto }}', 'operacao_{{ id }}{{ tipoPonto }}_formato', 'operacao_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolat', "operacao_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolng" );
            $("#operacao_{{ id }}{{ tipoPonto }}_formato").on('change', function () {
                var formatoAnterior = $(this).data('formatoAnterior');
                var formatoFuturo = $(this).val();
                $(this).data('formatoAnterior', formatoFuturo);
                format(formatoAnterior, formatoFuturo, '{{ id }}{{ tipoPonto }}', '_geoTerminoLancamento');
            });

            //Inicio Recolhimento
            {% set tipoPonto = '21' %}
            setTimeout(function () {
                $lat = $('#operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolat');
                $lng = $('#operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolng');
                var tipo = $('#operacao_{{ id }}{{ tipoPonto }}_formato').val();
                var localStorageFormat = localStorage.getItem("lastFormat");
                if(!localStorageFormat){
                    localStorage.setItem("lastFormat", '2');
                    localStorageFormat = '2';
                }
                if(!tipo){
                    tipo = localStorageFormat;
                }
                $('#operacao_{{ id }}{{ tipoPonto }}_formato option[value="'+tipo+'"]').attr('selected','selected');
                $('#operacao_{{ id }}{{ tipoPonto }}_formato').data('formatoAnterior', tipo);
                setMaskLatLngGeoInformacaoOperacao(tipo, '{{ id }}{{ tipoPonto }}_geoInicioRecolhimento');
            },50);

            geometryValidation('{{ id }}{{ tipoPonto }}', 'operacao_{{ id }}{{ tipoPonto }}_formato', 'operacao_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentolat', "operacao_{{ id }}{{ tipoPonto }}_geoInicioRecolhimentolng" );
            $("#operacao_{{ id }}{{ tipoPonto }}_formato").on('change', function () {
                var formatoAnterior = $(this).data('formatoAnterior');
                var formatoFuturo = $(this).val();
                $(this).data('formatoAnterior', formatoFuturo);
                format(formatoAnterior, formatoFuturo, '{{ id }}{{ tipoPonto }}', '_geoInicioRecolhimento');
            });

            //Termino Recolhimento
            {% set tipoPonto = '22' %}
            setTimeout(function () {
                $lat = $('#operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolat');
                $lng = $('#operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolng');
                var tipo = $('#operacao_{{ id }}{{ tipoPonto }}_formato').val();
                var localStorageFormat = localStorage.getItem("lastFormat");
                if(!localStorageFormat){
                    localStorage.setItem("lastFormat", '2');
                    localStorageFormat = '2';
                }
                if(!tipo){
                    tipo = localStorageFormat;
                }
                $('#operacao_{{ id }}{{ tipoPonto }}_formato option[value="'+tipo+'"]').attr('selected','selected');
                $('#operacao_{{ id }}{{ tipoPonto }}_formato').data('formatoAnterior', tipo);
                setMaskLatLngGeoInformacaoOperacao(tipo, '{{ id }}{{ tipoPonto }}_geoTerminoRecolhimento');
            },50);

            geometryValidation('{{ id }}{{ tipoPonto }}', 'operacao_{{ id }}{{ tipoPonto }}_formato', 'operacao_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimentolat', "operacao_{{ id }}{{ tipoPonto }}_geoTerminoRecolhimentolng" );
            $("#operacao_{{ id }}{{ tipoPonto }}_formato").on('change', function () {
                var formatoAnterior = $(this).data('formatoAnterior');
                var formatoFuturo = $(this).val();
                $(this).data('formatoAnterior', formatoFuturo);
                format(formatoAnterior, formatoFuturo, '{{ id }}{{ tipoPonto }}', '_geoTerminoRecolhimento');
            });
        });

        function validaCampos_geoPonto(id, formato, field1, field2) {
            var e = $.Event("keydown");
            e.which = 9;
            e.keyCode = 9;

            var lat = true;
            var lng = true;

            if (eval(field1).value != "" && !verificaCoordenada(eval(field1).value, true)) {
                lat = false;
            }

            if (eval(field2).value != "" && !verificaCoordenada(eval(field2).value, false)) {
                lng = false;
            }

            $("#"+field1).css('border-color', '#cccccc');
            $("#"+field2).css('border-color', '#cccccc');


            if (lat && lng) {
                $("#"+field2).setError(false);
                isCoordenadaValida = true;

                if (eval(field1).value != "" && eval(field2).value != "") {
                    showPointMapaBordo(id, eval(formato).value, eval(field1).value, eval(field2).value);
                } else {
                    removePoint(id);
                }
            } else {
                if (!lat) {
                    $("#"+field1).css('border-color', '#A94442');
                    isCoordenadaValida = false;
                }

                if (!lng) {

                    $("#"+field2).css('border-color', '#A94442');
                    isCoordenadaValida = false;
                }
            }

            if (isCoordenadaValida && eval(field1).value != "" && eval(field2).value == "") {
                $("#"+field2).css('border-color', '#A94442');
                isCoordenadaValida = false;
            } else if (isCoordenadaValida && eval(field1).value == "" && eval(field2).value != "") {
                $("#"+field1).css('border-color', '#A94442');
                isCoordenadaValida = false;
            }

            

            if (!isCoordenadaValida) {
                removePoint(id);
            }
        }

        // Lancamento Inicio
        operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolat = document.getElementById('operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolat');
        operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolng = document.getElementById('operacao_{{ id }}{{ tipoPonto }}_geoInicioLancamentolng');

        // Lancamento Termino
        operacao_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolat = document.getElementById('operacao_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolat');
        operacao_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolng = document.getElementById('operacao_{{ id }}{{ tipoPonto }}_geoTerminoLancamentolng');

        // Recolhimento Inicio
        operacao_{{ id }}{{ tipoPonto }}_geoInicioTerminolat = document.getElementById('operacao_{{ id }}{{ tipoPonto }}_geoInicioTerminolat');
        operacao_{{ id }}{{ tipoPonto }}_geoInicioTerminolng = document.getElementById('operacao_{{ id }}{{ tipoPonto }}_geoInicioTerminolng');

        // Recolhimento Termino
        operacao_{{ id }}{{ tipoPonto }}_geoTerminoTerminolat = document.getElementById('operacao_{{ id }}{{ tipoPonto }}_geoTerminoTerminolat');
        operacao_{{ id }}{{ tipoPonto }}_geoTerminoTerminolng = document.getElementById('operacao_{{ id }}{{ tipoPonto }}_geoTerminoTerminolng');
    </script>
</div>