<ion-view  view-title="CRM MOBILE" hide-back-button="false">
  <ion-content>
    <div class="bar bar-header">
      <h1 class="title"><strong>Cadastro de Atendimento</strong></h1>
    </div>
    <form name ="dados"  class="form" ng-submit="submitForm(dados)" novalidate>
      <ion-tabs  class="tabs-top">
       <ion-tab title="Dados Pessoais">
        <ion-view>
          <ion-content>
           <div class="row">
             <div class="col col-75">
               <label class="col item-input ">
                <span class="input-label" ><strong>CPF/CNPJ</strong></span>
                <input type="text" class="form-control"  name="cpfCnpj"  ng-model="cadastro.cpfCnpj" ng-blur="getClien()"  ui-br-cpfcnpj-mask required>
              </label>
            </div>
            <div class="col col-25">
            <button type="button" class="button button-icon icon ion-search" modal-select ng-model="someModel" options="selectables" modal-title="Selecione uma Pessoa" has-search="true">

                <div class="option">
                  {{option.pes_nome}}
                </div>
              </button>
            </div>
          </div>
          <div class="row">
            <div class="col col-90">
              <label class="col item-input ">
                <span class="input-label"><strong>Nome</strong> </span>
                <input type="text" class="form-control"  name="nome" ng-model="cadastro.nome "  required >
              </label>

            </div>
          </div>

          <div class="row">
            <div class="col col-33 ">
              <label class="col item-input ">
                <span class="input-label" ><strong>RG</strong></span>
                <input type="text" class="form-control" name="rg" ng-model="cadastro.rg" mask-rg  required>
              </label>

            </div>
            <div class="col col-67">
              <label class="col item-input ">
                <span class="input-label" ><strong>D.Nasc.</strong></span>
                <input type="date" class="form-control" name="datanasc" ng-model="cadastro.datanasc"  required>
              </label>
            </div>

          </div>

          <div class="row">
            <div class="col">
              <label class="col item-input ">
                <span class="input-label" ><strong>Fone</strong></span>
                <input type="tel" class="form-control" name="fone"  ng-model="cadastro.fone" ui-br-phone-number  >
              </label>
            </div>
            <div class="col">
              <label class="col item-input ">
                <span class="input-label" ><strong>Celular</strong></span>
                <input type="tel" class="form-control" name="cel" ng-model="cadastro.cel" ui-br-phone-number  required>
              </label>
            </div>
          </div>
          <div class="row">
            <div class="col col-90">
              <label class="col item-input ">
                <span class="input-label"><strong>Email</strong></span>
                <input type="text" class="form-control"  name="email" ng-model="cadastro.email" >
              </label>
            </div>

          </div>
        </ion-content>
      </ion-view>
    </ion-tab>

    <ion-tab title="Endereço">
      <ion-view>
        <ion-content>
          <div class="row">
            <div class="col col-90">
             <label class="col item-input ">
              <span class="input-label"><strong>Endereço<strong> </span>
              <input type="text"  class="form-control"  name="endereco" ng-model="cadastro.endereco"  required>
            </label>
          </div>
        </div>
        <div class="row">
         <div class="col">
           <label class="col item-input ">
            <span class="input-label"><strong>Bairro</strong></span>
            <input type="text" class="form-control" name="bairro"  ng-model="cadastro.bairro" >
          </label>

        </div>
        <div class="col">
         <label class="col item-input ">
          <span class="input-label"><strong>Número</strong></span>
          <input type="text" class="form-control" name="numero" ng-model="cadastro.numero" >
        </label>
      </div>

    </div>

    <div class="row">
      <div class="col">
        <label class="col item-input ">
          <span class="input-label"><strong>CEP</strong></span>
          <input type="text" class="form-control" name="cep" ng-model="cadastro.cep" ui-br-cep-mask >
        </label>
      </div>
      <div class="col">
        <label class="col item-input ">
          <span class="input-label"><strong>Cidade</strong></span>
          <input type="text" class="form-control" name ="cidade" ng-model="cadastro.cidade" >
        </label>

      </div>

    </div>



  </ion-content>
</ion-view>
</ion-tab>

<ion-tab title="Evento">
  <ion-view>
    <ion-content>
      <div class="row">
        <div class="col-75">
          <div class="list">
            <label class="item item-input item-select">
              <div class="input-label">
                Evento:
              </div>
              <select name ="selectedEventos" ng-model="cadastro.selectedEventos">
                <option ng-repeat= "evento in eventos" value="{{evento.evt_cod}}">{{evento.evt_nome}}</option>

              </select>
            </label>
          </div>
        </div>
        <div class="col-25 col-offset-10">
          <button ng-click="openModal()" class="button button-icon  icon ion-plus"></button>
        </div>

      </div>

    </ion-content>
  </ion-nav-view>
</ion-tab>
</ion-tabs>
<div>

</div>
<button type="submit" id="submit" value="Salvar Informaçoes" style="display:none"></button>

</form>
</content>
<ion-footer-bar align-title="left" class="bar-light">
  <div class="buttons" style="width: 50%">
    <button class="button button-large button-assertive" type="submit">Cancelar         </button>
  </div>
  <h1 class="title"></h1>

  <a ><label  for="submit"  >Salvar Informaçoes</label></a>
  <!--<button class="button button-large button-positive" type="submit" ngClick="submitForm()">Salvar Informaçoes</button> -->


</ion-footer-bar>
</ion-view>

<!-- modal do cadastro de eventos -->
<script id="eventos.html" type="text/ng-template">
  <ion-modal-view>
    <ion-header-bar class="bar bar-header bar-balanced">
      <h1 class="title">CRM MOBILE</h1>
      <div class="button button-clear" ng-click="closeModal()"><span class="icon ion-close"></span></div>
    </ion-header-bar>
    <ion-content scroll="false">
     <div class="bar bar-header">
      <h1 class="title"><strong>Cadastro de Eventos</strong></h1>
    </div>

    <form name ="" style="margin-top: 50px" class="form" ng-submit="" novalidate>
     <div class="row">
      <div class="col">
        <label class="col item-input ">
          <span class="input-label"><strong>Nome</strong></span>
          <input type="text" class="form-control" name="nEvento" ng-model="cadastro.nEvento"  >
        </label>
      </div>
      <div class="col">
        <label class="col item-input ">
          <span class="input-label" ><strong>D.Nasc.</strong></span>
          <input type="date" class="form-control" name="dEvento" ng-model="cadastro.dEvento"  required>
        </label>

      </div>

    </div>

    <div class="row">
      <div class="col-90">
        <label class="col item-input ">
          <span class="input-label"><strong>Localidade</strong></span>
          <input type="text" class="form-control" name="nLocalidade" ng-model="cadastro.nLocalidade"  >
        </label>
      </div>
    </div>
    <div class="row">
      <div class="col-90">
       <div class="list">
        <label class="item item-input item-select">
          <div class="input-label">
            <strong>Cidade:</strong>
          </div>
          <select ng-blur="getCidade()" name ="sdCidade" ng-model="cadastro.sCidade">
            <option >CURVELO</option>

          </select>
        </label>
      </div>

    </div>

  </div>
  <div class="buttons" style="margin-top: 290px">
    <button class="button button-balanced button-block "> Cadastrar Evento</button>
  </div>

</form>

</ion-content>
</ion-modal-view>
</script>