@extends('layouts.master')
@section('css')
  
@endsection
@section('content')
<div class="row page-titles">
	<div class="col-md-5 align-self-center">
	    <h4 class="text-themecolor">Learner Profile</h4>
	</div>
	<div class="col-md-7 align-self-center text-right">
	    <div class="d-flex justify-content-end align-items-center">	        
	        
	    </div>
	</div>
</div>
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
              {{-- <div class="row"> --}}
                <div class="col-4">
                  <b>Curent School Year</b> <span class="badge badge-pill badge-success">{{$current->meta_value}}</span>
                </div>
                <div class="col-4">
                  <b>Educational Stage</b><span class="badge badge-pill badge-success" id="current_stage"></span>
                </div><br>
                <div class="col-4">

                  <select class="form-control" id="current_idjenjang" onchange="changeJenjang()" {{($role == 'student')? 'hidden' : ''}} >
                    <option value="">-- Select Educational Stage --</option>
                    @foreach ($level as $element)
                      <option value="{{$element->id_jenjang}}">{{$element->nama}}</option>
                    @endforeach
                  </select> 
                </div>  
              {{-- </div> --}}
              
              <br>
            
               
              <hr>
              <div id="table_pyp">
                
              </div> 
                
                 
            </div>
        </div>
       </div>
    </div>
@include('master.leaner_profile.modal_edit')
@endsection

@section('js')

<script>
  // Switchery
   // $('select').select2();
   var token = $("meta[name='csrf-token']").attr("content");
   var periodes;
   var save_method = 'add';
    var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
    // For multiselect
    $('#pre-selected-options').multiSelect();

    $('.input-daterange-datepicker').daterangepicker({
        buttonClasses: ['btn', 'btn-sm'],
        applyClass: 'btn-danger',
        cancelClass: 'btn-inverse'
    });
	

  $('.modal').on('hidden.bs.modal', function(){
    $(this).find('form')[0].reset();
     save_method = 'add';

     // $('.switchery').prop('checked', true).trigger("click");
  });

  $('#AddUser').click(function(){
    $('.switchery').prop('checked', true).trigger("click");
  })
  
  

  $('.send').click(function(){
   
       
  });
  $( document ).ready(function() {
    var role = '{{$role}}';
    if(role == 'student'){
      @if (isset($personal))
      role_jenjang = '{{$personal->id_jenjang}}';
      $("#current_idjenjang").val(role_jenjang).change();
      @endif
      

    }

  });
  function createpyp(){
    var nama = $("#current_idjenjang option:selected").html();
    var idcurrent = $("#current_idjenjang").val();

    $('#idJenjang').val(idcurrent);
    $('#nmJenjang').val(nama);

  }
 
  function edit(id){
    save_method = 'edit';
    console.log(id);
    $.ajax({
      url : 'leanerprofile'+'/'+id+'/edit',
      type: 'get',
      success : function(response){
        $('#id_leaner').val(response.id);
        $('#subject').val(response.subject);
        $('#detail').val(response.detail);
        $('#idJenjang').val(response.idjenjang);
        $('#nmJenjang').val(response.nama);

      },
      error : function(xhr){
        console.log(xhr);
      }
    })
  }

  $('#submitLeaner').click(function(){
    swal({
      title: "Are you sure?",
      text: "You will save this Learner Profile?",
      type: "warning",
      showCancelButton: true,
      confirmButtonColor: "#DD6B55",
      confirmButtonText: "Yes!",
      closeOnConfirm: true,
      showLoaderOnConfirm: true
      },
      function(isConfirm){
      if(isConfirm){
        var formData = new FormData($("#form_leaner")[0]);
        console.log(formData)
        formData.append('_token', token);
        if(save_method == 'add'){
          var urls ='leanerprofile' ;
          var method = 'post';
        }
        else if(save_method == 'edit'){
          var urls ='leanerprofile'+'/'+$('#id_leaner').val();
          var method = 'put';
          formData.append('_method', 'PUT');
        }
        console.log(formData)
        $.ajax({
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        url : urls,
        type : 'POST',
        data : formData,
        contentType: false,
        processData: false,
        success: function(response){
        console.log(response);
        
         localStorage.setItem("swal",
                                      swal({
                                          title: 'success',
                                          text:  'Data berhasil disimpan',
                                          type: 'success',
                                          timer: 3500,
                                          showConfirmButton: false
                                      })
                              );
         $('#form_leaner')[0].reset();
         $('#modal-edit').modal('hide');
         save_method = 'add';
         changeJenjang();
         // location.reload();
        },
        error: function (xhr){
          console.log(xhr);
        }
      });

      

       }
      });
    
    
  })
 
  
 // })
 function changeJenjang(){
    idjenjang = $('#current_idjenjang').val();
    $.ajax({
      url : 'leanerprofile/search'+'/'+idjenjang,
      type: 'get',
      success : function(response){
        // console.log(response);
        var selectedText = $("#current_idjenjang option:selected").html();
        $("#current_stage").text(selectedText);
        $('#table_pyp').empty();
        $('#table_pyp').append(response);

      },
      error: function(xhr){
        console.log(xhr);
      }
    })
 }
</script>
@endsection