@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">PYP Current Learning</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-3">
                  <img src="{{asset('eliteadmin/images/ib-pyp.jpg')}}" width="250" />
                </div>
                <div class="col-8">
                  <p style="text-align: justify;">
                    {{$pyp->meta_value}}
                  </p>
                </div>
              </div>
              <br>
              <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 ($kelas as $row)
                    <option value="{{$row->id_jenjang}}" >{{$row->nama}}</option>
                  @endforeach
                </select> 
              </div><br>
             {{--  <div class="col-4">
                <button type="button" class="btn btn-success" id="search"><i class="fa fa-search"></i> Search</button>
              </div> --}}
               
              <hr>
              <div id="table_pyp">
                
              </div> 
                
                 
            </div>
        </div>
       </div>
    </div>
@include('master.PYP.modal_edit')
@include('master.PYP.modal_detail')
@endsection

@section('js')

<script>
  // Switchery
   // $('select').select2();
   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 : 'PYP'+'/'+id+'/edit',
      type: 'get',
      success : function(response){
        $('#id_pyp').val(response.id);
        $('#unit_of_inquiry').val(response.unit_of_inquiry);
        $('#detail').val(response.detail);
        $('#central_ideas').val(response.central_ideas);
        $('#key_concept').val(response.key_concept);
        $('#summative_assesment').val(response.summative_assesment);
        $('#idJenjang').val(response.idjenjang);
        $('#nmJenjang').val(response.nama);

      }
    })
  }

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

      

       }
      });
    
    
  })
  function showDetail(id){
    console.log(id);
    save_method = 'add';
    $('#pypId').val(id);
    dtable(id);
  }
  function dtable(id){
    $.ajax({
      url :'PYP/inquiry/dtable'+'/'+id,
       type : 'get',
       success:function(response){
        console.log(response);
        $('#tableLineInquiry').empty();
        $('#tableLineInquiry').append(response);
      },
      error:function(xhr){
        console.log(xhr);
      }
    })
  }
  $('#submitLineinquiry').click(function(){
    swal({
      title: "Are you sure?",
      text: "You will save this Line of Inquiry?",
      type: "warning",
      showCancelButton: true,
      confirmButtonColor: "#DD6B55",
      confirmButtonText: "Yes!",
      closeOnConfirm: true,
      showLoaderOnConfirm: true
      },
      function(isConfirm){
      if(isConfirm){
        var id_pyp = $('#pypId').val();
        if(save_method == 'add'){
          var urls ='PYP/inquiry/store' ;
          var method = 'post';
          console.log("jjkk")
        }
        else if(save_method == 'edit'){
          var urls ='PYP/inquiry/update'
          var method = 'post';
        }
        $.ajax({
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        url : urls,
        type : method,
        data : $('#form_inquiry').serialize(),
        success: function(response){
        console.log(response);
        
         localStorage.setItem("swal",
                                      swal({
                                          title: 'success',
                                          text:  'Data berhasil disimpan',
                                          type: 'success',
                                          timer: 3500,
                                          showConfirmButton: false
                                      })
                              );
         dtable(id_pyp);
         $('#form_inquiry')[0].reset();
         $('#pypId').val(id_pyp);
         save_method = 'add';
        },
        error: function (xhr){
          console.log(xhr);
        }
      });

      

       }
      });
    
    
  })
  function editInquiry(idinquiry){
  save_method = 'edit';
  $.ajax({
      url : 'PYP/inquiry'+'/'+idinquiry+'/edit',
      type: 'get',
      success : function(response){
        $('#pypId').val(response.id);
        $('#id_inquiry').val(response.id_pyp);
        $('#line_inquiry').val(response.line_inquiry);
        

      }
    })
  }
 function destroyInquiry(id){
  swal({
      title: "Are you sure?",
      text: "You will delete this line of inquiry?",
      type: "warning",
      showCancelButton: true,
      confirmButtonColor: "#DD6B55",
      confirmButtonText: "Yes!",
      closeOnConfirm: true,
      showLoaderOnConfirm: true
      },
      function(isConfirm){
      if(isConfirm){
        console.log('confirm');
       $.ajax({
        
        url : 'PYP/inquiry'+'/'+id+'/delete',
        type : 'get',
        dataType : 'json',
        success:function(response){
          var id_pyp = $('#pypId').val();
          dtable(id_pyp);
      
        },
        
        error:function(xhr){
          console.log(xhr)
          // dtableDetail();
         

        }

       });
       
       }
      }); 
 }
 // $('#search').click(function(){
  
 // })
 function changeJenjang(){
    idjenjang = $('#current_idjenjang').val();
    $.ajax({
      url : 'PYP/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