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

@endsection
@section('titulo', "Inscripciones")
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
<script>
  globalId = '0';
  </script>
@endsection
@section('contenido')
<div class="col-9">
  @if(isset($msg))
  <div class="row">
    <div class="col-12 text-center">
      <div class="alert alert-secondary">
        <p>{{$msg}}</p>
      </div>
    </div>
  </div>
  @endif
  <div class="row">
    <div class="col-12 mb-3">
      <form id="form1" method="POST">
        <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
        <input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}" required>
        <div class="row py-3">
          <div class="col-12">
            <div class="card mb-4">
              <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary" style="color: #8B0000; font-size: 21px;">Datos del alumno</h6>
              </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 value="{{$cliente->nombre}}">
                  </div>
                  <div class="col-sm-6 col-12 ">
                    <label>Apellido*:</label>
                    <input type="text" class="form-control" id="txtApellido" name="txtApellido" value="{{$cliente->apellido}}" required>
                  </div>
                  <div class="col-sm-6 col-12 mt-2">
                    <label>Email:</label>
                    <input type="email" class="form-control" id="txtEmail" name="txtEmail" value="{{$cliente->email}}">
                  </div>
                  <div class="col-sm-6 col-12 mt-2">
                    <label>Celular:</label>
                    <input type="text" class="form-control" id="txtCelular" name="txtCelular" value="{{$cliente->celular}}">
                  </div>
                  <div class="col-sm-6 col-12 mt-2">
                    <label>Tipo de Documento*:</label>
                    <select class="form-control" id="lstTipoDocumentoPersonal" name="lstTipoDocumentoPersonal">
                      <option selected disabled value="">Seleccionar</option>
                      @for ($i = 0; $i < count($array_tipo_documentos); $i++) @if(isset($cliente) && $cliente->fk_idtidoc == $array_tipo_documentos[$i]->idtidoc)
                        <option selected value="{{ $array_tipo_documentos[$i]->idtidoc }}">{{ $array_tipo_documentos[$i]->desctidoc }}</option>
                        @else
                        <option value="{{ $array_tipo_documentos[$i]->idtidoc }}">{{ $array_tipo_documentos[$i]->desctidoc }}</option>
                        @endif
                        @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" value="{{$cliente->documento_personal}}" required>
                  </div>
                  @if($globalId == 0)
                  <div class="col-sm-6 col-12 mt-2">
                    <label>Nivel de examen a rendir:</label>
                    <select id="lstProducto" name="lstProducto" class="form-control" required>
                      @if($globalId == 0)
                      <option value="" disabled selected>Seleccionar</option>
                      @for ($i = 0; $i < count($array_producto); $i++) 
                      @if($array_producto[$i]->idproducto <= 88)
                      <option value="{{ $array_producto[$i]->idproducto }}">{{ $array_producto[$i]->nombre }}</option>
                      @endif
                        @endfor
                        @else
                        <option value="{{$producto_->idproducto}}" selected>{{$producto_->nombre}}</option>
                        @endif
                    </select>
                  </div>
                  @endif

                  
                  @if($globalId > 0)
                  <div class="col-12 mt-2">
                    <label>Estado del pago:</label>
                    <p>{{$examenAlumno->estado_de_pago}}</p>
                  </div>
                  @endif
                </div>
              </div>
            </div>
          </div>
        </div>
        @if($globalId > 0 && $docente->id == $responsable->id || $examenAlumno->fk_idcliente != $responsable->id)
        <div class="row">
          <div class="col-12">
            <div class="card mb-4" id="responsable">
              <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary" style="color: #8B0000; font-size: 21px;">Responsable parental</h6>
              </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="txtNombrePago" name="txtNombrePago" value="{{$responsable->nombre}}">
                  </div>
                  <div class="col-sm-6 col-12">
                    <label>Apellido*:</label>
                    <input type="text" class="form-control" id="txtApellidoPago" name="txtApellidoPago" value="{{$responsable->apellido}}">
                  </div>
                  <div class="col-sm-6 col-12 mt-2">
                    <label>Email*:</label>
                    <input type="email" class="form-control" id="txtEmailPago" name="txtEmailPago" value="{{$responsable->email}}">
                  </div>
                  <div class="col-sm-6 col-12 mt-2">
                    <label>Celular*:</label>
                    <input type="text" class="form-control" id="txtCelularPago" name="txtCelularPago" value="{{$responsable->celular}}">
                  </div>
                  <div class="col-sm-6 col-12 mt-2">
                    <label>Tipo de Documento*:</label>
                    <select class="form-control" id="lstTipoDocumentoPersonalPago" name="lstTipoDocumentoPersonalPago">
                      <option selected disabled value="">Seleccionar</option>
                      @for ($i = 0; $i < count($array_tipo_documentos); $i++) 
                      @if(isset($responsable) && $responsable->fk_idtidoc == $array_tipo_documentos[$i]->idtidoc)
                      <option selected value="{{ $array_tipo_documentos[$i]->idtidoc }}">{{ $array_tipo_documentos[$i]->desctidoc }}</option>
                      @else
                      <option value="{{ $array_tipo_documentos[$i]->idtidoc }}">{{ $array_tipo_documentos[$i]->desctidoc }}</option>
                      @endif
                        @endfor
                    </select>
                  </div>
                  <div class="col-sm-6 col-12 mt-2">
                    <label>Documento*:</label>
                    <input type="text" class="form-control" id="txtDocumentoPersonalPago" name="txtDocumentoPersonalPago" value="{{$responsable->cuit}}">
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
        @elseif($globalId == 0)
        <div class="row">
          <div class="col-12">
            <div class="card mb-4" id="responsable">
              <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary" style="color: #8B0000; font-size: 21px;">Responsable parental</h6>
                
              </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="txtNombrePago" name="txtNombrePago">
                  </div>
                  <div class="col-sm-6 col-12">
                    <label>Apellido*:</label>
                    <input type="text" class="form-control" id="txtApellidoPago" name="txtApellidoPago">
                  </div>
                  <div class="col-sm-6 col-12 mt-2">
                    <label>Email*:</label>
                    <input type="email" class="form-control" id="txtEmailPago" name="txtEmailPago">
                  </div>
                  <div class="col-sm-6 col-12 mt-2">
                    <label>Celular:</label>
                    <input type="text" class="form-control" id="txtCelularPago" name="txtCelularPago">
                  </div>
                  <div class="col-sm-6 col-12 mt-2">
                    <label>Tipo de Documento*:</label>
                    <select class="form-control" id="lstTipoDocumentoPersonalPago" name="lstTipoDocumentoPersonalPago">
                      <option selected disabled value="">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="txtDocumentoPersonalPago" name="txtDocumentoPersonalPago">
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
        @endif
        @if($globalId == 0)
        <div class="row">
          <div class="col-12 mb-4">
            <h6>Responsable de gestión de pago: </h6>

            <div class="form-check">
              <input class="form-check-input" type="radio" name="txtResponsable" id="txtResponsable" value="1" onclick="agregarRequerido()">
              <label class="form-check-label" for="txtResponsable">
                Gestiona el Docente
              </label>
            </div>
            <div class="form-check">
              <input class="form-check-input" type="radio" name="txtResponsable" id="txtResponsable" value="2" onclick="agregarRequerido()">
              <label class="form-check-label" for="txtResponsable">
                Gestiona el Responsable
              </label>
            </div>
            <div class="form-check">
              <input class="form-check-input" type="radio" name="txtResponsable" id="txtResponsable" value="3" onclick="quitarRequerido()">
              <label class="form-check-label" for="txtResponsable">
                Gestiona el Alumno
              </label>
            </div>
          </div>
        </div>
        @endif
        <div class="row">
          <div class="col-12 mt-3 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");
      }
    });
  }

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

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

  function agregarRequerido() {
    document.getElementById("txtNombrePago").setAttribute('required', '');
    document.getElementById("txtApellidoPago").setAttribute('required', '');
    document.getElementById("txtEmailPago").setAttribute('required', '');
    document.getElementById("lstTipoDocumentoPersonalPago").setAttribute('required', '');
    document.getElementById("txtDocumentoPersonalPago").setAttribute('required', '');
    document.getElementById("txtCelularPago").setAttribute('required', '');
    var x = document.getElementById("responsable");
    x.style.display = "block";
  }

  function quitarRequerido() {
    document.getElementById("txtNombrePago").removeAttribute('required', '');
    document.getElementById("txtApellidoPago").removeAttribute('required', '');
    document.getElementById("txtEmailPago").removeAttribute('required', '');
    document.getElementById("lstTipoDocumentoPersonalPago").removeAttribute('required', '');
    document.getElementById("txtDocumentoPersonalPago").removeAttribute('required', '');
    document.getElementById("txtCelularPago").removeAttribute('required', '');
    var x = document.getElementById("responsable");
    x.style.display = "none";
  }
</script>

@endsection