@extends('template.template')

@section('scriptsHeader')


<link rel="stylesheet" href="{!! asset("libs/css/select2.css")!!}" media="screen">
<meta name="csrf-token" content="{{ csrf_token() }}" />
<link rel="stylesheet" href="{!! asset("libs/css/jquery.datetimepicker.min.css")!!}" media="screen"> 
<style>

.required {
  border-style: solid;
  border-color: red;
}

.error {
  color:red;
}

</style>
@stop


@section('conteudoPagina')

  <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
    <div class="panel panel-default">
      <div id="alertaGravacao"></div>     
      <div class="panel-heading">Nova Entidade</div>
      <div class="panel-body">
        <form class="editForm">
          <div class="row">
            <div class="col-md-12">
              <h4 class="sub-header">Dados gerais</h4>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label>Nome Entidade</label>
                <input id="nomeEntidade" name="nomeEntidade" class="form-control input-sm">
                <p class="help-block error 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 error 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">
                <p class="help-block error hidden" id="contribuinteError">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 error 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" disabled="disabled">
                    <option></option>
                  </select>   
              </div>
            </div>

           

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

            <div class="col-md-1">
              <div class="form-group">
                <label>&nbsp;</label>
                  <input id="codigoPostal2" name="codigoPostal2" class="form-control input-sm">
                  <!-- <p class="help-block">Example block-level help text here.</p> -->
                 
              </div>
            </div>

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

            <!--<div class="col-md-3">
              <div class="form-group">
                <label>&nbsp;</label>
                  <input id="codigoPostalDesignacao" name="codigoPostalDesignacao" class="form-control input-sm">
                 
                  <p id="codigoPostalError" class="help-block hidden">Introduza um código postal válido</p>
              </div>
            </div>
          -->
            <!--
            <div class="col-md-6">
              <div class="form-group">
                  <label>Localidade</label>
                   <input id="localidade" name="localidade" class="form-control input-sm">
                  <p id="localidadeError" class="help-block hidden">Introduza uma localidade</p>
              </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 error 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 error 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>Site</label>
                    <input id="site" name="site" class="form-control input-sm" value="">
                  <p id="siteError" class="help-block error 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="cartaocidadaoError" class="help-block error 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 error 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 error 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 error 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 error 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 error 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 error 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="">
                     <p id="dataNascimentoError" class="help-block error 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="">
                     <p id="dataAdmissaoError" class="help-block error 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 error hidden">Introduza nr. dependentes</p>
                </div>
              </div>

            </div>

            <div class="row">

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


              <div class="col-md-3">
                <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 error hidden">Introduza uma categoria profissional</p>
                </div>
              </div>

              <div class="col-md-3">
                <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 error hidden">Introduza uma funcao</p>
                </div>
              </div>
            </div>

          </div><!-- END funcionarioDiv -->

                <div id="clienteDiv" class="hidden">
               <div class="divider"></div>
                           <h4 class="sub-header">Elementos Tipo Cliente</h4>

          
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group">
                      <label>Número Interno Cliente SAP</label>
                        <input id="nrClienteSAP" name="nrClienteSAP" class="form-control input-sm">
                      <p id="nrClienteSAPError" class="help-block hidden">Introduza um número cliente interno SAP</p>
                      <!-- <p class="help-block">Example block-level help text here.</p> -->
                  </div>
                </div>
              </div>

             

            </div>


            <div id="fornecedorDiv" class="hidden">
               <div class="divider"></div>
                           <h4 class="sub-header">Elementos Tipo Fornecedor</h4>
              
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group">
                      <label>Número Interno Fornecedor SAP</label>
                        <input id="nrFornecedorSAP" name="nrFornecedorSAP" class="form-control input-sm" >
                      <p id="nrFornecedorSAPError" class="help-block hidden">Introduza um número fornecedor interno SAP</p>
                      <!-- <p class="help-block">Example block-level help text here.</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="alertaPrincipalError" class="help-block error 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">
                <tr>
                  <td><input type="checkbox" class="boxSelectImportant" name= "entidadesbox" id="checkall" /></td>
                  <td><input id="telefone" name="telefone" class="form-control input-sm fase"></td>
                  <td><input id="telemovel" name="telemovel" class="form-control input-sm fase"></td>
                  <td><input id="fax" name="fax" class="form-control input-sm"></td>
                  <td><input id="email" name="email" class="form-control input-sm ndias"></td>
                  <td><input id="observacoes" name="observacoes" class="form-control input-sm observacoes"></td>
                  <td><a class='btn btn-delete'><span class="glyphicon glyphicon-trash"></span></a></td>
                </tr>
                
            </tbody>
          </table>

          </div><!-- END panelBody -->
        </form>
        <div class="panel-footer right">
          <!-- <a class="btn btn-default" onclick="getOrdem();"> Testa Ordem</a> -->
          <a class="btn btn-success btn-sm" onclick="guardaEntidade();"> Guardar</a>  <!-- Cancelar button-->
        </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=