@extends('template.template')

@section('scriptsHeader')

<link rel="stylesheet" href="{!! asset("libs/css/select2.css")!!}" media="screen">
<link rel="stylesheet" href="{!! asset("libs/css/tabsFinal.css")!!}" media="screen">
<link rel="stylesheet" href="{!! asset("libs/css/tabsvertical.css")!!}" >
<link rel="stylesheet" href="{!! asset("libs/css/bootstrap-fileupload.min.css")!!}"><!-- FileUpload style -->
<link rel="stylesheet" href="{!! asset("libs/css/chosen.css")!!}"> <!-- Chosen css for display list of users -->
<link rel="stylesheet" href="{!! asset("libs/css/dropzone.css")!!}"> <!-- Chosen css for display list of users -->
<link rel="stylesheet" href="{!! asset("libs/css/jquery.datetimepicker.min.css")!!}" media="screen"> 
<meta name="csrf-token" content="{{ csrf_token() }}" />

<style>


.help-block {
  color: red;
}

.required { border: 1px solid #f00; }




.modal-static { 
    position: fixed;
    top: 50% !important; 
    left: 50% !important; 
    margin-top: -100px;  
    margin-left: -100px; 
    overflow: visible !important;
}

.modal-static,
.modal-static .modal-dialog,
.modal-static .modal-content {
    width: 300px; 
    height: 225px; 

}



.modal-static .modal-dialog,
.modal-static .modal-content {
    padding: 0 !important; 
    margin: 0 !important;
}

.modal-static .modal-content .icon {
}

.select2 {
  width: 80%!important;
}


</style>
@stop


@section('conteudoPagina')

<div id="modalsNovosFicheiros">
</div>

  <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
    
    <input class="hidden" id="idEntidade" value=""/>

    <div class="panel panel-default">
      <div id="alertaGravacao">
      </div>     
      <div class="panel-heading">Entidade</div>

      <div class="panel-heading clearfix">
            <div>
              <ul class="nav nav-tabs">
                <li class="active expand"><a href="#dadosContaEntidade" data-toggle="tab"><span class="glyphicon glyphicon-cog"></span> Dados Entidade</a></li>
                <li class="expand"><a href="#ficheiros" data-toggle="tab"><span class="glyphicon glyphicon-folder-open"></span> Documentos Entidade</a></li>
                <li class="expand"><a href="#alertas" data-toggle="tab"><span class="glyphicon glyphicon-th-list"></span> Alertas</a></li>
              </ul>
            </div>
      </div>

      <div class="panel-body">

        <div class="tab-content">
        <!-- TAB1 -->
          <div class="tab-pane fade in active" id="dadosContaEntidade">


            <form class="editForm">
              <div class="row">
                <div class="col-md-9">
                  <h4 class="sub-header">Dados gerais</h4>
                </div>

                 <div class="col-md-3">
                  <div class="form-group">
                    <label>Estado Entidade</label>
                    <select  id="estadoEntidade" name="estadoEntidade" class="form-control input-sm">
                      <option value="1">Activo</option><option selected value="0">Inactivo</option>                      </select>
                    <p class="help-block hidden" id="estadoEntidadeError">Existem processos a decorrer, não poderá alterar o estado da entidade.</p>
                  </div>
                </div>

                <div class="col-md-6">
                  <div class="form-group">
                    <label>Nome Entidade</label>
                    <input id="nomeEntidade" name="nomeEntidade" class="form-control input-sm" value="">
                    <p class="help-block hidden" id="nomeEntidadeError">Introduza o nome da entidade</p>
                  </div>
                </div>

                  <div class="col-md-3">
                  <div class="form-group">
                    <label>Tipo Entidade</label>
                    <select id="tipoEntidade" name="tipoEntidade[]" class="choose-tipoEntidade form-control input-sm" data-placeholder="Seleccione o(s) tipo(s) da entidade" multiple="multiple">
                    <option></option>
                                        </select>
                    <p class="help-block hidden" id="tipoEntidadeError">Introduza um tipo entidade</p>
                    <!-- <p class="help-block">Example block-level help text here.</p> -->
                  </div>
                </div>

                <div class="col-md-3">
                  <div class="form-group">
                    <label>Contribuinte</label>
                    <input id="contribuinte" name="contribuinte" class="form-control input-sm" value="">
                    <p class="help-block hidden" id="contribuinteError"  value="">Introduza um contribuinte válido</p>
                    <p id="contribuinteError1" class="help-block hidden">Contribuinte já utilizado!</p>
                    <!-- <p class="help-block">Example block-level help text here.</p> -->
                  </div>
                </div>

               

              </div>

               <div class="row">

                 <div class="col-md-3">
                  <div class="form-group">
                      <label>País</label>
                      <select id="pais" name="pais" class="choose-pais form-control input-sm" data-placeholder="Seleccione o país" >
                            <option></option>
                                                        </select>
                      <p id="concelhoError" class="help-block hidden">Introduza um concelho</p>
                      
                    
                  </div>
                </div>

                  <div class="col-md-3">
                  <div class="form-group">
                      <label>Distrito</label>
                       <select id="distrito" name="distrito" class="choose-distrito form-control input-sm" data-placeholder="Seleccione o distrito">
                        <option></option>
                                                          </select>

                      
                  </div>
                </div>

                
               
                <!--
                <div class="col-md-6">
                  <div class="form-group">
                      <label>Localidade</label>
                       <input id="localidade" name="localidade" class="form-control input-sm" value="">
                      
                      <p id="localidadeError" class="help-block hidden">Introduza uma localidade</p>
                  </div>
                </div>
              -->

               <div class="col-md-1">
                  
                 
                    <label>Código Postal</label>
                      <input id="codigoPostal1" name="codigoPostal1" class="form-control input-sm" value="">
                      <!-- <p class="help-block">Example block-level help text here.</p> -->
                  </div>
                  
             

                <div class="col-md-1">
                  <div class="form-group">
                    <label>&nbsp;</label>
                      <input id="codigoPostal2" name="codigoPostal2" class="form-control input-sm" value="">
                      <p id="codigoPostalError" class="help-block hidden">Introduza um código postal válido</p> 
                      <!-- <p class="help-block">Example block-level help text here.</p> -->
                  </div>
                </div>

                <div class="col-md-2">
                  <div class="form-group">
                      
                        <select id="concelho" name="distrito" class="choose-concelho form-control input-sm" data-placeholder="Seleccione o concelho">
                         <option></option>
                                                 </select>
                      
                      <!-- <p class="help-block">Example block-level help text here.</p> -->
                  </div>
                </div>

                <!--
                <div class="col-md-4">
                  <div class="form-group">
                    <label>&nbsp;</label>
                      <input id="codigoPostalDesignacao" name="codigoPostalDesignacao" class="form-control input-sm" value="">
                                
                  </div>
                </div>
-->
              

              </div>


              <div class="row">
                <div class="col-md-6">
                  <div class="form-group">
                      <label>Morada</label>
                       <textarea rows="4" id="morada" name="morada" class="form-control input-sm"></textarea>
                      <p id="moradaError" class="help-block hidden">Introduza uma morada</p>
                      <!-- <p class="help-block">Example block-level help text here.</p> -->
                  </div>
                </div>


               
                 <div class="col-md-6">
                  <div class="form-group">
                    <label>Empresas do Grupo</label>
                    <select id="empresasAssociadas" name="empresasAssociadas[]" class="choose-empresas form-control input-sm" data-placeholder="Seleccione a(s) empresa(s)" multiple="multiple">
                      <option></option>
                                          </select>
                    <p id="empresaError" class="help-block hidden">Associe pelo menos uma empresa à entidade</p>
                      <!-- <p class="help-block">Example block-level help text here.</p> -->
                  </div>
                </div>
              </div>

                <div class="divider"></div>
                <h4 class="sub-header">Elementos Adicionais</h4>

                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                        <label>Número Funcionário SAP</label>
                          <input id="nrFuncionarioSAP" name="nrFuncionarioSAP" class="form-control input-sm" value="">
                        <p id="nrFuncionarioSAPError" class="help-block hidden">Introduza um número funcionário interno SAP</p>
                        <!-- <p class="help-block">Example block-level help text here.</p> -->
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                        <label>Site</label>
                          <input id="site" name="site" class="form-control input-sm" value="">
                        <p id="siteError" class="help-block hidden">Introduza um site</p>
                        <!-- <p class="help-block">Example block-level help text here.</p> -->
                    </div>
                  </div>

                </div>


                            <div id="funcionarioDiv" class="hidden">
               <div class="divider"></div>
                           <h4 class="sub-header">Elementos Tipo Funcionário</h4>

              <div class="row">

                      <p id="alertaPrincipalError" class="help-block hidden">Seleccione o contacto principal da entidade</p>

                <div class="col-md-3">
                  <div class="form-group">
                      <label>BI/CC/Passaporte</label>
                       <input id="cartaocidadao" name="cartaocidadao" class="form-control input-sm" value="">
                       <p id="cartaocidadaoError" class="help-block hidden">Introduza um BI/CC/Passaporte válido</p>
                  </div>
                </div>

                <div class="col-md-3">
                  <div class="form-group">
                      <label>Nr. Segurança Social</label>
                       <input id="segurancasocial" name="segurancasocial" class="form-control input-sm" value="">
                       <p id="segurancasocialError" class="help-block hidden">Introduza um Nr. Segurança Social</p>
                  </div>
                </div>

                <div class="col-md-3">
                  <div class="form-group">
                      <label>Habilitações</label>
                      <input id="habilitacoes" name="habilitacoes" class="form-control input-sm" value="">
                       <p id="habilitacoesError" class="help-block hidden">Introduza as habilitações!</p>
                  </div>
                </div>

                <div class="col-md-3">
                  <div class="form-group">
                      <label>Tipo Contrato</label>
                      <select id="tipoContrato" name="tipoContrato" class="choose-tipocontrato form-control input-sm" data-placeholder="Seleccione o Tipo Contrato">
                         <option></option>
                                                 </select>
                       <p id="tipoContratoError" class="help-block hidden">Introduza um tipo contrato</p>
                  </div>
                </div>
              
              </div>

              <div class="row">

                <div class="col-md-2">
                  <div class="form-group">
                      <label>Estado Civil</label>
                       <select id="estadoCivil" name="estadoCivil" class="choose-estadoCivil form-control input-sm" data-placeholder="Seleccione o Estado Civil">
                         <option></option>
                                                 </select>
                       <p id="estadoCivilError" class="help-block hidden">Introduza uma estado civil</p>
                  </div>
                </div>

                <div class="col-md-4">
                  <div class="form-group">
                      <label>Nome Conjuge</label>
                      <input id="nomeConjuge" name="nomeConjuge" class="form-control input-sm" value="">
                       <p id="nomeConjugeError" class="help-block hidden">Introduza o nome do conjuge</p>
                  </div>
                </div>

                <div class="col-md-2">
                  <div class="form-group">
                      <label>Data Nascimento</label>
                      <input id="dataNascimento" name="dataNascimento" class="form-control input-sm" value="01/01/1970">
                       <p id="dataNascimentoError" class="help-block hidden">Introduza data nascimento!</p>
                  </div>
                </div>

                <div class="col-md-2">
                  <div class="form-group">
                      <label>Data Admissão</label>
                      <input id="dataAdmissao" name="dataAdmissao" class="form-control input-sm" value="01/01/1970">
                       <p id="dataAdmissaoError" class="help-block hidden">Introduza data admissão!</p>
                  </div>
                </div>

                 <div class="col-md-2">
                  <div class="form-group">
                      <label>Número Dependentes</label>
                      <input id="nrDependentes" name="nrDependentes" class="form-control input-sm" value="">
                       <p id="nrDependentesError" class="help-block hidden">Introduza nr. dependentes</p>
                  </div>
                </div>

              </div>

              <div class="row">

                <div class="col-md-6">
                  <div class="form-group">
                      <label>Categoria Profissional</label>
                       <input id="categoriaProfissional" name="categoriaProfissional" class="form-control input-sm" value="">
                       <p id="categoriaProfissionalError" class="help-block hidden">Introduza uma categoria profissional</p>
                  </div>
                </div>

                <div class="col-md-6">
                  <div class="form-group">
                      <label>Função</label>
                       <input id="funcao" name="funcao" class="form-control input-sm" value="">
                       <p id="funcaoError" class="help-block hidden">Introduza uma funcao</p>
                  </div>
                </div>

              </div>

            </div>
        

             

                <div class="divider"></div>
                      <h4 class="sub-header">Contactos Entidade<a class="btn btn-success pull-right" onclick="novoContacto();"> <span class="glyphicon glyphicon-plus"></span></a></h4>
                      <p id="errorContatos" class="help-block hidden">Deve ter pelo menos uma forma de contacto!</p>
                      <p id="alertaPrincipalError" class="help-block hidden">Seleccione o contacto principal da entidade</p>
                  <table class="table table-responsive" id="diagnosis_list">
                      <thead>
                          <tr>
                            <th>Principal</th>
                            <th>Telefone</th>
                            <th>Telemovel</th>
                            <th>Fax</th>
                            <th>Email</th>
                            <th>Observacoes</th>
                            <th>&nbsp;</th>
                          </tr>
                      </thead>
                      <tbody id="tabelaOrdem">
                        
                      </tbody>
                  </table>
              
              </form>
            

          <div class="panel-footer right">
        <!-- <a class="btn btn-default" onclick="getOrdem();"> Testa Ordem</a> -->
        <a class="btn btn-success btn-sm" onclick="alteraEntidade();"> Alterar</a>  <!-- Cancelar button-->
      </div>


       </div> <!-- Fecho da div tab configuracoes user-->
        <!-- TAB2 -->
          <div class="tab-pane fade " id="ficheiros" hidden>
            <!-- Botão adicionar novo ficheiro -->
            <div class="btn-group add" role="group" >

                  <button type="button" class="btn btnAdd" title="Adicionar Ficheiro"><i class="glyphicon glyphicon-plus"></i></button>
            </div>

        <!-- Painel de selecção do tipo de documentos obrigatórios: -->    
      <div class="panel-heading">Documentos Obrigatórios</div>
        <div class="panel-body">

          <div class="row">

                          <div class="alert alert-warning"><strong>Não existem registos</strong> de documentos obrigatórios para tipos desta entidade.</div>
            
            </div>
          </div>
   
                
                  <table id="tabelaFicheiros" class="table table-striped table-bordered dataTable">
                  <thead id="headerTable">
                    <tr>
                      <th>
                        <input type="hidden" id="idDocumento" value="22"/>
                        <input type="checkbox" name= "ficheirosbox" id="checkall" />
                      </th>
                      <th class="sorting_asc">Tipo Documento</th>
                      <th class="sorting_asc"><a onclick="ordenaTabelaFicheiros('classificacaoDocumento',);">Classificação Documento</a></th>
                      <th class="sorting_asc"><a onclick="ordenaTabelaFicheiros('nomeDocumento',);" >Nome Documento</a></th>
                      <th class="sorting_desc"><a onclick="ordenaTabelaFicheiros('estadoDocumento',);" >Estado Documento</a></th>
                      <th class="sorting"><a onclick="ordenaTabelaFicheiros('dataHoraUpload',);" >Data Upload</a></th>
                      <th class="sorting"><a onclick="ordenaTabelaFicheiros('utilizadorUpload',);" >Utilizador Upload</a></th>
                    </tr>
                  </thead>
                  <tbody id="tableBody">
                                      
                  </tbody>
                </table>

          </div>
          <div class="tab-pane fade " id="alertas">
          </div>
        </div>
         <!-- TAB3 -->
          

        </div> <!-- Fecho da div dos tabs...-->


      </div>
      
    </div>
  </div>



<!-- Modal for processing task async for new itens -->
<div class="modal modal-static fade" id="processing-modal" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="text-center">
                    <img src=