@extends('voyager::master')

@section('content')
  <div class="page-content">
    @include('voyager::alerts')

    @section('content')
      @if(Session::has('message'))
        <div class="alert alert-success">{{Session::get('message')}}</div>
      @endif

      @php
        use App\Source;
        $sources = Source::find(2);
        use App\Admission;
        $admissions = Admission::get();
        use App\ApplicantStatus;
        $statuses = ApplicantStatus::get();
        use App\InterestedApplicant;
        $interestedApplicants = InterestedApplicant::get();

      @endphp
      <div class="page-content container-fluid" style="max-width: 500px; float: left ">
        <h3>Formulario Applicants</h3>
        <form class="" action="{{route('form.store')}}" method="POST">
          <input type="hidden" name="_token" value="{{ csrf_token() }}">

          <div class="form-group">
            <label class="control-label col-sm-3">Interés</label>
            <div class="col-sm-9">
              <select class="form-control" name="interested" id="interested">
                @foreach($interestedApplicants as $interested)
                  <option value="{{$interested->id}}">{{$interested->name}}</option>
                @endforeach
              </select>
            </div>
          </div>
          <div class="form-group">
            <label class="control-label col-sm-3">Nombre</label>
            <div class="col-sm-9">
              <input type="text" class="form-control form-editable" name="firstname" required value="">
            </div>
          </div>
          <div class="form-group">
            <label class="control-label col-sm-3">Apellido Paterno</label>
            <div class="col-sm-9">
              <input type="text" class="form-control form-editable" name="lastname" required value="">
            </div>
          </div>
          <div class="form-group">
            <label class="control-label col-sm-3">Apellido Materno</label>
            <div class="col-sm-9">
              <input type="text" class="form-control form-editable" name="lastname2" required value="">
            </div>
          </div>
            <div class="form-group" id="divRut" style="display:none">
              <label class="control-label col-sm-3 rut">RUT</label>
              <div class="col-sm-9">
                <input type="text" id="inputRut" class="form-control form-editable" name="rut" oninput="checkRut(this)" value="">
              </div>
            </div>

            {{-- <input type="hidden" name="source" value="{{$sources->id}}"> --}}
                {{-- @foreach($sources as $source)
                  <option value="{{$source->id}}" @if($source->id == $dataTypeContent->referral)
                    selected
                  @endif>{{$source->name}}</option>
                @endforeach --}}
          <div class="form-group">
            <label class="control-label col-sm-3">Admisión</label>
            <div class="col-sm-9">
              {{-- @php
              use App\Admission;
              $admissions = Admission::get();
              @endphp --}}
              <select class="form-control" name="admission">
                @foreach($admissions as $admission)
                  <option value="{{$admission->id}}">{{$admission->name}}</option>
                @endforeach
              </select>
            </div>
          </div>

        <div class="form-group">
          <label class="control-label col-sm-3">Correo</label>
          <div class="col-sm-9">
            <input type="email" class="form-control form-editable" name="email" required value="">
          </div>
        </div>
        <div class="form-group">
          <label class="control-label col-sm-3">Teléfono</label>
          <div class="col-sm-9">
            <input type="text"  class="form-control form-editable input-field-number" name="phone" required value="">
          </div>
        </div>
        <div class="form-group">
          <label class="control-label col-sm-3">Teléfono 2</label>
          <div class="col-sm-9">
            <input type="text" class="form-control form-editable input-field-number" name="phone2" value="">
          </div>
        </div>
        <div class="modal-group">
          <button type="submit" class="btn btn-info">Agregar</button>
          {{-- Cuando clickeo en "limpiar" el "interes" vuelve al al id/nombre 1/informacion, pero el rut no se borra --}}
          {{-- <button type="reset" class="btn btn-default" data-dismiss="modal">Limpiar</button> --}}

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

  </div>



@stop

</div>
@stop

@section('javascript')
  <script type="text/javascript">
    $('#interested').bind('change', function(event) {

      var i= $('#interested').val();

      if(i != 1){
        $('#divRut').show();
        document.getElementById("inputRut").required = true;
      }else{
        $('#divRut').hide();
        document.getElementById("inputRut").required = false;
      }
    });
  </script>


@stop