@extends('cultural.plantillaDocente')
@section('breadcrumb')

@endsection
@section('titulo', "")
@section('contenido')
<div class="col-9" id="formulario-docente">
  <div class="row">
    <div class="col-12 mt-sm-4">
      <h4>Hola {{ Session::get("usuario_nombre")}}</h4> <br>
      <div class="alert" style="background-color: #8B0000;
    color: white;">
        <p class="mb-0 py-2">Para completar tu alta como DOCENTE necesitamos que ingreses tus datos:</p>
      </div>

      @if(isset($msg))
      <div class="alert alert-secondary">
        <p>{{$msg}}</p>
      </div>
      @endif

      <form id="form1" method="POST">
        <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
        <div class="row py-3 pl-3">
          <div class="card mb-4">
            <div class="card-header py-3">
              <div class="col-12">
                <p style="color: #8B0000; font-size: 21px;">Datos personales</p>
              </div>
            </div>
            <div class="card-body">
              <div class="row">
                <div class="col-sm-6 col-12">
                  <label>Nombre:</label>
                  <input type="text" class="form-control" id="txtNombre" name="txtNombre" required>
                </div>
                <div class="col-sm-6 col-12 mt-2">
                  <label>Apellido:</label>
                  <input type="text" class="form-control" id="txtApellido" name="txtApellido" required>
                </div>
                <div class="col-sm-6 col-12 mt-2">
                  <label>Email:</label>
                  <input type="email" class="form-control" value="{{$usuario->mail}}" id="txtEmail" name="txtEmail" readonly required>
                </div>
                <div class="col-sm-6 col-12 mt-2">
                  <label>Celular:</label>
                  <input type="text" class="form-control" id="txtCelular" name="txtCelular">
                </div>
                <div class="col-sm-6 col-12 mt-2">
                  <label>Tipo de Documento:</label>
                  <select class="form-control" id="lstTipoDocumentoPersonal" name="lstTipoDocumentoPersonal">
                  <option value="" disabled selected>Seleccionar</option>
                  @for ($i = 0; $i < count($array_tipo_documentos); $i++) 
                      <option value="{{ $array_tipo_documentos[$i]->idtidoc }}">{{ $array_tipo_documentos[$i]->desctidoc }}</option>
                      
                      @endfor
                  </select>
                </div>
                <div class="col-sm-6 col-12 mt-2">
                  <label>Documento:</label>
                  <input type="text" class="form-control" id="txtDocumentoPersonal" name="txtDocumentoPersonal" required>
                </div>
                <div class="col-sm-6 col-12 mt-2">
                  <label>Fecha nacimiento:</label>
                  <input type="date" class="form-control" id="txtFechaDeNacimiento" name="txtFechaDeNacimiento" required>
                </div>
                <div class="col-sm-6 col-12 mt-2">
                  <label>Nacionalidad:</label>
                  <select id="lstPaisNacionalidad" name="lstPaisNacionalidad" class="form-control selectpicker" data-live-search="true">
                    <option value="" disabled selected>Seleccionar</option>
                    @for ($i = 0; $i < count($array_pais); $i++) <option value="{{ $array_pais[$i]->idpais }}">{{ $array_pais[$i]->descpais }}</option>
                      @endfor
                  </select>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row pl-3">
          <div class="card mb-4">
            <div class="card-header py-3 pl-3">
              <div class="col-12">
                <p style="color: #8B0000; font-size: 21px;">Datos impositivos</p>
              </div>
            </div>

            <div class="card-body">
              <div class="row">
                <div class="col-sm-6 col-12 mt-2">
                  <label>Tipo de Documento:</label>
                  <select class="form-control" id="lstTipoDoc" name="lstTipoDoc">
                  <option value="" disabled selected>Seleccionar</option>
                    @for ($i = 0; $i < count($array_tipo_documentos); $i++)
                      <option value="{{ $array_tipo_documentos[$i]->idtidoc }}">{{ $array_tipo_documentos[$i]->desctidoc }}</option>
                    
                      @endfor
                  </select>
                </div>
                <div class="col-sm-6 col-12 mt-2">
                  <label>Nro. de documento:</label>
                  <input type="text" id="txtCuit" name="txtCuit" class="form-control">
                </div>
                <div class="col-sm-6 col-12 mt-2">
                  <label>Nombre / Razón social:</label>
                  <input type="text" id="txtRazonSocial" name="txtRazonSocial" class="form-control">
                </div>
                <div class="col-sm-6 col-12 mt-2">
                  <label>Situacion impositiva:</label>
                  <select class="form-control" id="lstSituacionImpositiva" name="lstSituacionImpositiva">
                    <option selected disabled value="">Seleccionar</option>
                    @for ($i = 0; $i < count($array_situaciones_impositivas); $i++) <option value="{{ $array_situaciones_impositivas[$i]->idiva }}">{{ $array_situaciones_impositivas[$i]->desciva }}</option>
                      @endfor
                  </select>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row pl-3">
          <div class="col-12 px-0">
            <div class="card mb-4">
              <div class="card-header py-3 pl-3">
                <div class="col-12">
                  <p class=" mt-3" style="color: #8B0000; font-size: 21px;">Domicilio</p>
                </div>
              </div>
              <div class="card-body">
                <div class="row">
                  <div class="col-sm-6 col-12 mt-2">
                    <label>Provincia:</label>
                    <select name="lstProvincia" id="lstProvincia" onchange="fBuscarLocalidad();" class="form-control selectpicker" data-live-search="true"">
                    <option value="" disabled selected>Seleccionar</option>
                    @for ($i = 0; $i < count($array_provincias); $i++)
                        <option value=" {{ $array_provincias[$i]->idprov }}">{{ $array_provincias[$i]->descprov }}</option>
                      @endfor
                    </select>
                  </div>
                  <div class="col-sm-6 col-12 mt-2">
                    <label>Localidad:</label>
                    <select name="lstLocalidad" id="lstLocalidad" class="form-control">
                      <option value="" disabled selected>Seleccionar</option>
                    </select>
                  </div>
                  <div class="col-sm-6 col-12 mt-2">
                    <label>Dirección:</label>
                    <input type="text" id="txtDireccion" name="txtDireccion">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row pb-5 pt-3">
          <div class="col-12 text-center">
            <button type="submit" class="btn btn-cultural px-4">Enviar</button>
          </div>
        </div>
      </form>

    </div>
  </div>
</div>
<script>
  function fBuscarLocalidad() {
    idProvincia = $("#lstProvincia option:selected").val();
    $.ajax({
      type: "GET",
      url: "/docente/obtenerLocalidades",
      data: {
        id: idProvincia
      },
      async: true,
      dataType: "json",
      success: function(aLocalidades) {
        $("#lstLocalidad option").remove();
        $("<option>", {
          value: 0,
          text: "Seleccionar",
          disabled: true,
          selected: true
        }).appendTo("#lstLocalidad");

        for (i = 0; i < aLocalidades.length; i++) {
          $("<option>", {
            value: aLocalidades[i]["idlocalidad"],
            text: aLocalidades[i]["nombre"]
          }).appendTo("#lstLocalidad");
        }
        $("#lstLocalidad").prop("selectedIndex", "0");
      }
    });
  }
</script>

@endsection