{% if form %}
{% if ocor.isCanceladaPeloApp() %}
<!-- Mensagem de Ocorrência Cancelada pelo App -->
<div class="alert alert-danger text-center">
    <p>OCORRÊNCIA CANCELADA PELO APP</p>
</div>
{% endif %}

{% if ocor.OCOR_IS_SIGILO == 'S' %}
<!-- Mensagem de Ocorrência Sigilosa -->
<div class="alert alert-danger text-center">
    <p>OCORRÊNCIA COM DADOS SIGILOSOS</p>
</div>
{% endif %}

{% if (not ocor.isFechada() and not permissao.editarOcorrencia) or (ocor.isFechada() and not permissao.editarOcorrenciaFechada) %}
<!-- Mensagem de Ocorrência Somente Leitura -->
<div class="alert alert-danger text-center">
    <p>OCORRÊNCIA DISPONÍVEL SOMENTE PARA LEITURA</p>
</div>
{% endif %}

{% if ocor.isFechada() %}
<!-- Mensagem de Ocorrência Fechada -->
<div class="alert alert-warning text-center">
    <p>Essa ocorrência está fechada</p>
</div>
{% endif %}

{% if ocor.isDenuncia() %}
<!-- Mensagem Denúncia -->
<div class="alert alert-info text-center">
    <p>Ocorrência marcada como <strong>DENÚNCIA</strong></p>
</div>
{% endif %}

{% if outroAcesso %}
<!-- Mensagem Denúncia -->
<div class="outroAcesso alert alert-danger text-center">
    {{ outroAcesso }}
</div>
{% endif %}

<input type="hidden" id="endpoint_unidac" value="">
<input type="hidden" id="gm" value="">
<input type="hidden" id="guarda_identificador" value="">

<div class="x_panel" id="main_panel">
    <div class="x_title">
        <h2><i class="fa fa-share-square"></i> Despachar Ocorrência</h2>
        <h2 class="cooldown-timer pull-right"></h2>
        <div class="clearfix"></div>
    </div>
    <div class="x_content">
        <form method="post" id="frmDespacho">

            <div class="" role="tabpanel" data-example-id="togglable-tabs">
                <ul id="despachoMainTab" class="nav nav-tabs bar_tabs" role="tablist">
                    <!-- Despacho tab -->
                    <li role="presentation" class="tab-select active">
                        <a href="#div_despacho" role="tab" id="tab-despacho" data-toggle="tab" aria-expanded="true">
                            <i class="fa fa-share-square"></i> Despacho
                        </a>
                    </li>
                    <!-- Equipe tab -->
                    <li role="presentation" class="tab-select tab-adicional" id="tabEquipe">
                        <a href="#div_equipe" role="tab" id="tab-equipe" data-toggle="tab" aria-expanded="false">
                            <i class="fa fa-user-secret"></i> Equipe
                        </a>
                    </li>
                    <!-- Veículos tab -->
                    <li role="presentation" class="tab-select tab-adicional" id="tabVeiculos">
                        <a href="#div_veiculos" role="tab" id="tab-veiculos" data-toggle="tab" aria-expanded="false">
                            <i class="fa fa-car"></i> Veículos
                        </a>
                    </li>
                    <!-- Envolvidos tab -->
                    <li role="presentation" class="tab-select tab-adicional" id="tabEnvolvidos">
                        <a href="#div_envolvidos" role="tab" id="tab-envolvidos" data-toggle="tab" aria-expanded="false">
                            <i class="fa fa-users"></i> Envolvidos
                        </a>
                    </li>
                    <!-- Apreensoes tab -->
                    <li role="presentation" class="tab-select tab-adicional" id="tabApreensoes">
                        <a href="#div_apreensoes" role="tab" id="tab-apreensoes" data-toggle="tab" aria-expanded="false">
                            <i class="fa fa-file-alt"></i> Anexos
                        </a>
                    </li>
                    <!-- Disparos tab -->
                    <li role="presentation" class="tab-select tab-adicional" id="tabDisparos">
                        <input type="hidden" id="arma-cautela" value="{{arma_cautela}}">
                        <a href="#div_disparos" role="tab" id="tab-disparos" data-toggle="tab" aria-expanded="false">
                            <i class="fas fa-fire"></i> Disparos
                        </a>
                    </li>
                    <!-- Fotos tab -->
                    <li role="presentation" class="tab-select tab-adicional" id="tabFotos">
                        <a href="#div_fotos_ocorrencia" role="tab" id="tab-fotos" data-toggle="tab" aria-expanded="false">
                            <i class="fa fa-file-image"></i> Mídia
                        </a>
                    </li>
                    <!-- Arquivos tab -->
                    <li role="presentation" class="tab-select tab-adicional" id="tabArquivos">
                        <a href="#div_arquivos" role="tab" id="tab-arquivos" data-toggle="tab" aria-expanded="false">
                            <i class="fa fa-file-alt"></i> Arquivo
                        </a>
                    </li>
                    <!-- Órgãos tab -->
                    <li role="presentation" class="tab-select tab-adicional" id="tabOrgaos">
                        <a href="#div_questoes" role="tab" id="tab-questoes" data-toggle="tab" aria-expanded="false">
                            <i class="fas fa-question-circle"></i> Questões
                        </a>
                    </li>



                    <!-- Órgãos tab -->
                    <li role="presentation" class="tab-select tab-adicional" id="tabOrgaos">
                        <a href="#div_orgaos" role="tab" id="tab-orgaos" data-toggle="tab" aria-expanded="false">
                            <i class="fas fa-fist-raised"></i> Órgãos
                        </a>
                    </li>
                </ul>

                <div id="myTabContent" class="tab-content">

                    <!-- DIV DESPACHO -->
                    <div role="tabpanel" class="tab-pane fade active in" id="div_despacho">
                        <div class="col-md-12">

                            <div class="" role="tabpanel" data-example-id="togglable-tabs">

                                <div class="col-xs-2">
                                    <ul id="despachoSubTab" class="nav nav-tabs tabs-left">
                                        {% if formExpress != '' and permissao.despacharOcorrencia %}

                                        <li role="presentation" class="tab-select active" id="tabDespExpress">
                                            <a href="#div_despachoExpress" role="tab" id="tab-desp-express"
                                                data-toggle="tab" aria-expanded="true"><i
                                                    class="fa fa-shipping-fast "></i> Despacho Express</a>
                                        </li>
                                        {% endif %}
                                        <li role="presentation"
                                            class="tab-select {% if formExpress == '' %} active {% endif %}"
                                            id="tabOcorResumo">
                                            <a href="#div_ocorrenciaResumo" role="tab" id="tab-ocor-resumo"
                                                data-toggle="tab" aria-expanded="true"><i class="fa fa-edit"></i> Resumo
                                                da Ocorrência</a>
                                        </li>
                                        <li role="presentation" class="tab-select" id="tabOcorDados">
                                            <a href="#div_ocorrenciaDados" role="tab" id="tab-ocor-dados"
                                                data-toggle="tab" aria-expanded="true"><i class="fa fa-bullhorn"></i>
                                                Dados da Ocorrência</a>
                                        </li>
                                        <li role="presentation" class="tab-select" id="tabOcorEndereco">
                                            <a href="#div_ocorrenciaEndereco" role="tab" id="tab-ocor-endereco"
                                                data-toggle="tab" aria-expanded="false"><i class="fa fa-map-marker"></i>
                                                Endereço da Ocorrência</a>
                                        </li>
                                        {% if permissao.denuncia_sigilo AND ocor.OCOR_IS_SIGILO == 'S' %}
                                        <li role="presentation" class="tab-select solicitante-sigilo"
                                            style="display: none" id="tabOcorSolicitante">
                                            <a href="#div_ocorrenciaSolicitante" role="tab" id="tab-ocor-solicitante"
                                                data-toggle="tab" aria-expanded="false"><i class="fa fa-user"></i> Dados
                                                do Solicitante</a>
                                        </li>
                                        {% endif %}
                                        <li role="presentation" class="tab-select" id="tabOcorProvidencia">
                                            <a href="#div_ocorrenciaProvidencia" role="tab" id="tab-ocor-providencia"
                                                data-toggle="tab" aria-expanded="false"><i
                                                    class="fa fa-clipboard-list"></i> Providências</a>
                                        </li>
                                        {% if ocor.OCOR_IS_SIGILO == 'N' %}
                                        <li role="presentation" class="tab-select" id="tabOcorSolicitante">
                                            <a href="#div_ocorrenciaSolicitante" role="tab" id="tab-ocor-solicitante"
                                                data-toggle="tab" aria-expanded="false"><i class="fa fa-user"></i> Dados
                                                do Solicitante</a>
                                        </li>
                                        {% endif %}
                                        {% if not ocor.isFechada() %}
                                        <li role="presentation" class="tab-select" id="tabOcorFechamento">
                                            <a href="#div_ocorrenciaFechamento" role="tab" id="tab-ocor-fechamento"
                                                data-toggle="tab" aria-expanded="false"><i
                                                    class="fa fa-clipboard-check"></i> Fechamento da Ocorrência</a>
                                        </li>
                                        {% endif %}
                                        {% if ocor.isFechada() %}
                                        <li role="presentation" class="tab-select" id="tabOcorFechamento">
                                            <a href="#div_ocorrenciaFechamento" role="tab" id="tab-ocor-fechamento"
                                                data-toggle="tab" aria-expanded="false"><i
                                                    class="fas fa-level-up-alt"></i> Retificação da Ocorrência</a>
                                        </li>
                                        {% endif %}

                                        {% if exibeRespostaSolicitante %}
                                        <li role="presentation" class="tab-select" id="tabOcorRespostaSolicitante">
                                            <a href="#div_ocorrenciaRespostaSolicitante" role="tab"
                                                id="tab-ocor-resposta-solicitante" data-toggle="tab"
                                                aria-expanded="false"><i class="fa fa-envelope"></i> Resposta Para o
                                                Solicitante</a>
                                        </li>
                                        {% endif %}
                                        <li role="presentation" class="tab-select">
                                            <h4 style="border-bottom: solid 1px #CCCCCC;"></h4>
                                        </li>
                                        <!-- Vinculos -->
                                        <li role="presentation" class="tab-select tab-adicional" id="tabVinculos">
                                            <a href="#div_vinculos" role="tab" data-toggle="tab" id="tab-ocor-vinculos"
                                                aria-expanded="false"><i class="fas fa-project-diagram"></i>
                                                Vinculos</a>
                                        </li>
                                        <!-- Historio BO Completo -->
                                        <li role="presentation" class="tab-select tab-adicional" id="tabHistoricos">
                                            <a href="#div_historicos" role="tab" data-toggle="tab"
                                                id="tab-ocor-historicos" aria-expanded="false"><i
                                                    class="fas fa-folder"></i> Alterações BO Completo</a>
                                        </li>
                                        <!-- Log -->
                                        <li role="presentation" class="tab-select tab-adicional" id="tabLog">
                                            <a href="#div_log" role="tab" data-toggle="tab" id="tab-ocor-log"
                                                aria-expanded="false"><i class="fas fa-history"></i> Log</a>
                                        </li>

                                        {% if (not ocor.isFechada() and permissao.editarOcorrencia) or (ocor.isFechada() and permissao.editarOcorrenciaFechada) %}
                                                <!-- Ocorrencia Historico Devolucao -->
                                                <li role="presentation" class="tab-select tab-adicional"
                                                    id="tabHistoricoDevolucao">
                                                    <a href="#div_ocorrencia_historico_devolucao" role="tab" data-toggle="tab"
                                                        id="tab-historico-devolucao" aria-expanded="false"><i
                                                            class="fas fa-history"></i> Histórico de devolução para o tablet</a>
                                                </li>
                                        {% endif %}
                                    </ul>
                                </div>

                                <div class="col-xs-10">
                                    <div class="tab-content">
                                        <!-- DIV DESPACHO EXPRESS -->
                                        {% if formExpress != '' and permissao.despacharOcorrencia %}
                                        <div role="tabpanel" class="tab-pane fade active in" id="div_despachoExpress">
                                            {{ partial('despacho/partial-despacho-express') }}
                                        </div>
                                        {% endif %}
                                        <!-- /DIV DESPACHO EXPRESS -->


                                        <!-- DIV OCORRÊNCIA RESUMO -->
                                        <div role="tabpanel"
                                            class="tab-pane fade {% if formExpress == '' or !permissao.despacharOcorrencia %} active in {% endif %}"
                                            id="div_ocorrenciaResumo">
                                            {{ partial('despacho/partial-ocorrencia-resumo') }}
                                        </div>
                                        <!-- /DIV OCORRÊNCIA RESUMO -->


                                        <!-- DIV OCORRÊNCIA DADOS -->
                                        <div role="tabpanel" class="tab-pane fade" id="div_ocorrenciaDados">
                                            {{ partial('despacho/partial-ocorrencia-dados') }}
                                        </div>
                                        <!-- /DIV OCORRÊNCIA DADOS -->


                                        <!-- DIV OCORRÊNCIA ENDEREÇO -->
                                        <div role="tabpanel" class="tab-pane fade" id="div_ocorrenciaEndereco">
                                            <div class="col-md-12">
                                                <div class="row">
                                                    {{ partial('despacho/partial-ocorrencia-endereco') }}
                                                </div>
                                            </div>
                                        </div>
                                        <!-- /DIV OCORRÊNCIA ENDEREÇO -->


                                        <!-- DIV OCORRÊNCIA SOLICITANTE -->
                                        <div role="tabpanel" class="tab-pane fade" id="div_ocorrenciaSolicitante">
                                            <div class="col-md-12">
                                                <div class="row">
                                                    {{ partial('despacho/partial-ocorrencia-solicitante') }}
                                                </div>
                                            </div>
                                        </div>
                                        <!-- /DIV OCORRÊNCIA SOLICITANTE -->

                                        <!-- DIV OCORRÊNCIA PROVIDÊNCIA -->
                                        <div role="tabpanel" class="tab-pane fade" id="div_ocorrenciaProvidencia">
                                            <div class="col-md-12">
                                                <div class="row">
                                                    {{ partial('despacho/partial-ocorrencia-providencia') }}
                                                </div>
                                            </div>
                                        </div>
                                        <!-- /DIV OCORRÊNCIA PROVIDÊNCIA -->

                                        <!-- DIV OCORRÊNCIA FECHAMENTO -->
                                        <div role="tabpanel" class="tab-pane fade" id="div_ocorrenciaFechamento">
                                            <div class="col-md-12">
                                                <div class="row">
                                                    {{ partial('despacho/partial-ocorrencia-fechamento') }}
                                                </div>
                                            </div>
                                        </div>
                                        <!-- /DIV OCORRÊNCIA FECHAMENTO -->

                                        {% if exibeRespostaSolicitante %}
                                        <!-- DIV OCORRÊNCIA RESPOSTA SOLICITANTE -->
                                        <div role="tabpanel" class="tab-pane fade"
                                            id="div_ocorrenciaRespostaSolicitante">
                                            {{ partial('despacho/partial-ocorrencia-resposta-solicitante') }}
                                        </div>
                                        <!-- /DIV OCORRÊNCIA RESPOSTA SOLICITANTE -->
                                        {% endif %}

                                        <!-- DIV VINCULOS -->
                                        <div role="tabpanel" class="tab-pane fade" id="div_vinculos">
                                            {{ partial('despacho/tab-ocorrencia-vinculos') }}
                                        </div>
                                        <!-- /DIV VINCULOS -->

                                        <!-- DIV HISTORICOS -->
                                        <div role="tabpanel" class="tab-pane fade" id="div_historicos">
                                            {{ partial('despacho/tab-ocorrencia-impressao') }}
                                        </div>
                                        <!-- /DIV HISTORICOS -->

                                        <!-- DIV LOG -->
                                        <div role="tabpanel" class="tab-pane fade" id="div_log">
                                            {{ partial('despacho/tab-ocorrencia-logs') }}
                                        </div>
                                        <!-- /DIV LOG -->

                                        {% if (not ocor.isFechada() and permissao.editarOcorrencia) or (ocor.isFechada() and permissao.editarOcorrenciaFechada) %}
                                        <!-- DIV OCORRÊNCIA HISTORICVO DEVOLUÇÃO -->
                                        <div role="tabpanel" class="tab-pane fade"
                                            id="div_ocorrencia_historico_devolucao">
                                            {{ partial('despacho/tab-ocorrencia-historico-devolucao') }}
                                        </div>
                                        <!-- /DIV OCORRÊNCIA HISTORICVO DEVOLUÇÃO -->
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /DIV DESPACHO -->


                    <!-- DIV EQUIPE -->
                    <div role="tabpanel" class="tab-pane fade" id="div_equipe">
                        <div class="col-md-12">
                            <div class="row">
                                {{ partial('despacho/tab-ocorrencia-desp-apoio') }}
                            </div>
                        </div>
                    </div>
                    <!-- /DIV EQUIPE -->


                    <!-- DIV VEICULO -->
                    <div role="tabpanel" class="tab-pane fade" id="div_veiculos">
                        <div class="col-md-12">
                            <div class="row">
                                {{ partial('despacho/tab-ocorrencia-veiculos') }}
                            </div>
                        </div>
                    </div>
                    <!-- /DIV VEICULO -->


                    <!-- DIV ENVOLVIDOS -->
                    <div role="tabpanel" class="tab-pane fade" id="div_envolvidos">
                        <div class="col-md-12">
                            <div class="row">
                                {{ partial('despacho/tab-ocorrencia-envolvidos') }}
                            </div>
                        </div>
                    </div>
                    <!-- /DIV ENVOLVIDOS -->

                    <!-- DIV APREENSOES -->
                    <div role="tabpanel" class="tab-pane fade" id="div_apreensoes">
                        <div class="col-md-12">
                            <div class="row">
                                {{ partial('despacho/tab-ocorrencia-apreensoes') }}
                            </div>
                        </div>
                    </div>
                    <!-- /DIV APREENSOES -->

                    <!-- DIV DISPAROS -->
                    <div role="tabpanel" class="tab-pane fade" id="div_disparos">
                        <div class="col-md-12">
                            <div class="row">
                                {{ partial('despacho/tab-ocorrencia-disparos') }}
                            </div>
                        </div>
                    </div>
                    <!-- /DIV DISPAROS -->

                    <!-- DIV FOTOS -->
                    <div role="tabpanel" class="tab-pane fade" id="div_fotos_ocorrencia">
                        <div class="col-md-12">
                            <div class="row">
                                {{ partial('despacho/tab-ocorrencia-fotos') }}
                            </div>
                        </div>
                    </div>
                    <!-- /DIV FOTOS -->

                    <!-- DIV ARQUIVOS -->
                    <div role="tabpanel" class="tab-pane fade" id="div_arquivos">
                        <div class="col-md-12">
                            <div class="row">
                                {{ partial('despacho/tab-ocorrencia-arquivos') }}
                            </div>
                        </div>
                    </div>
                    <!-- /DIV ARQUIVOS -->

                    <!-- DIV ORGAOS -->
                    <div role="tabpanel" class="tab-pane fade" id="div_questoes">
                        <div class="col-md-12">
                            <div class="row">
                                {{ partial('despacho/tab-ocorrencia-questoes') }}
                            </div>
                        </div>
                    </div>
                    <!-- /DIV ORGAOS -->

                    <!-- DIV ORGAOS -->
                    <div role="tabpanel" class="tab-pane fade" id="div_orgaos">
                        <div class="col-md-12">
                            <div class="row">
                                {{ partial('despacho/tab-ocorrencia-orgaos') }}
                            </div>
                        </div>
                    </div>
                    <!-- /DIV ORGAOS -->


                </div>

            </div>

        </form>

        <div class="col-md-12">
            <br>
            <br>
                    </div>

    </div>
</div>

{% include "despacho/modalVincula.phtml" %}

{% include "ocorrencia/modalViatura.phtml" %}

{% include "ocorrencia/modalEmail.phtml" %}

{% include "ocorrencia/modalStatus.phtml" %}

{% include "ocorrencia/modalQuestionamentos.phtml" %}

{% include "despacho/modalRevisaoFechamento.phtml" %}

{% if importacaoBOU %}
{% include "despacho/modalImportarBoExterno.phtml" %}
{% endif %}

{% endif %}