@extends('layouts.master')
@section('content')
<div class="row page-titles">
	<div class="col-md-5 align-self-center">
	    <h4 class="text-themecolor">Assessment</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">
          @if ($assess->final == true)
          <div class="ribbon-wrapper card">
            <div class="ribbon ribbon-bookmark  ribbon-success">
                      Finalized
            </div>
          </div>
            @endif
            <div class="card-body">
            <div class="row">
            <div class="col-sm-12">
              <div class="row">
                {{-- <div class="col-sm-2">
                  <div class="avatar">
                    <center>
                        <img style="width: 150px;height: 150px" src="{{ asset('eliteadmin/images/users/user.png') }} " alt="Photo">
                     
                    </center>
                  </div>
                  <center></center>
                  
                </div> --}}
               {{--  <div class="col-sm-3">
                  <div class="desc">
                    <div class="title text-muted">Full Name</div>
                    <strong>Sheina Alaydrus</strong>
                    <div class="title text-muted">NISN</div>
                    <strong>2020125</strong>
                    
                  </div>
                  
                </div> --}}
               
                <div class="col-sm-3">
                  <div class="desc">
                    <div class="title text-muted">Current School Year</div>
                    <strong>{{$current->meta_value}}</strong><br>
                    <div class="title text-muted">Semester</div>
                    <strong>Odd Semester</strong><br>
                    </div>
                </div>
                <div class="col-sm-3">
                  <div class="desc">
                    <div class="title text-muted">Full Name</div>
                    <strong>{{$student->nama_lengkap}}</strong>
                    <div class="title text-muted">NIK</div>
                    <strong>{{$student->NIS}}</strong>
                    
                  </div>
                </div>
                <div class="col-sm-3">
                  <div class="desc">
                  <div class="title text-muted">Class</div>
                  <strong>{{$student->nama_kelas}}</strong>
                  <div class="title text-muted">Grade</div>
                  <strong>{{$student->nama}}</strong>
                  </div>
                </div>
                <div class="col-sm-3">
                  @if ($assess->final != true)                      
                  <a class="btn btn-success" href="javascript:void(0)" onclick="finalized({{$assess->id}})"><i class="fa fa-key"></i>&nbsp;&nbsp;Finalized</a>
                  <br><br>
                  @endif
                  <a class="btn btn-danger" href="{{ route('assessment.printraport',$assess->id) }}" target="_blank"><i class="fa fa-file-pdf-o"></i>&nbsp;&nbsp;Preview Raport</a>
                </div>
                  
                </div>
                </div>              
                
            </div>
          </div>
                  
                  <hr>
                <div class="col-12 row">

                  <div class="table-responsive col-12">
                      <table id="" class="table table-striped table-bordered"  >
                          <thead>
                              <tr>
                                  <th width="5%">No</th>
                                  <th>Course</th>
                                                                 
                                  <th width="30%">Action</th>
                              </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td colspan="3"><b>Learner Profile</b></td>
                            </tr>
                            @php
                              $no = 1;
                            @endphp
                            @foreach ($assess_leaner as $row)
                              
                                <tr>
                                  <td>{{$no++}}</td>
                                  <td>Learner Profile</td>
                                  <td>
                                    @if ($assess->final!= 1)
                                      <a class="btn btn-xs btn-info" href="{{ route('assessment.score',$row->id) }}"><i class="fa fa-pencil-square-o"></i> </a>
                                    @endif
                                   
                                  </td>

                                </tr>
                              
                            @endforeach
                            <tr>
                              <td colspan="3"><b>Unit Assessment</b></td>
                            </tr>
                            @php
                              $no = 1;
                            @endphp
                            @foreach ($assess_pyp as $row)
                              
                                <tr>
                                  <td>{{$no++}}</td>
                                  <td>{{$row->unit_of_inquiry}}</td>
                                  <td>
                                    @if ($assess->final!= 1)
                                      <a class="btn btn-xs btn-info" href="{{ route('assessment.score',$row->id) }}"><i class="fa fa-pencil-square-o"></i> </a>
                                    @endif
                                  </td>

                                </tr>
                              
                            @endforeach
                            
                            
                            <tr>
                              <td colspan="3"><b>Learning Outcomes</b></td>
                            </tr>
                            @php
                              $no = 1;
                            @endphp
                           @foreach ($assess_course as $row)
                              
                                <tr>

                                  <td>{{$no++}}</td>
                                  <td>{{$row->mata_pelajaran}}</td>
                                  <td>
                                    @if ($assess->final!= 1)
                                      
                                      @if($row->AN == 1)
                                        <a class="btn btn-xs btn-info" href="{{ route('assessment.score',$row->id) }}"><i class="fa fa-pencil-square-o"></i> </a>
                                        <button class="btn btn-xs btn-danger" onclick="course_set({{$row->id}},0)">Disable </button>
                                      @else
                                        <button class="btn btn-xs btn-warning" onclick="course_set({{$row->id}},1)">Enable </button>
                                        
                                      @endif
                                    @endif
                                  </td>

                                </tr>
                              
                            @endforeach
                          </tbody>
                      </table>
                  </div>
                </div>
                 
            </div>
        </div>
       </div>
    </div>

@endsection

@section('js')

<script>
  function finalized(id){
    swal({
      title: "Are you sure?",
      text: "Are you sure you will finalize this assessment?",
      type: "warning",
      showCancelButton: true,
      confirmButtonColor: "#DD6B55",
      confirmButtonText: "Yes!",
      closeOnConfirm: true,
      showLoaderOnConfirm: true
      },
      function(isConfirm){
      if(isConfirm){
        console.log('confirm');
       $.ajax({
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        url : 'finalize'+'/'+id+'/1',
        type : 'get',
        dataType : 'json',
        success:function(response){
          console.log(response)
         // table.ajax.reload();
          localStorage.setItem("swal",
                      swal({
                          title: 'success',
                          text:  'data successfully saved',
                          type: 'success',
                          timer: 3500,
                          showConfirmButton: false
                      })
              );
          location.reload();
        },
        
        error:function(xhr){
          console.log(xhr)
          // table.ajax.reload();
          localStorage.setItem("swal",
                      swal({
                          title: 'Error',
                          text:  'data was not successfully saved',
                          type: 'error',
                          timer: 3500,
                          showConfirmButton: false
                      })
              );
        }
       });
      }
    }); 
  }
  function course_set(id,status){
    swal({
      title: "Are you sure?",
      text: "Are you sure you will "+ (status == 1? 'enable' : 'disable') +" this course?",
      type: "warning",
      showCancelButton: true,
      confirmButtonColor: "#DD6B55",
      confirmButtonText: "Yes!",
      closeOnConfirm: true,
      showLoaderOnConfirm: true
      },
      function(isConfirm){
      if(isConfirm){
        console.log('confirm');
       $.ajax({
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        url : 'course_set'+'/'+id+'/'+status,
        type : 'get',
        dataType : 'json',
        success:function(response){
          console.log(response)
         // table.ajax.reload();
          localStorage.setItem("swal",
                      swal({
                          title: 'success',
                          text:  'data successfully saved',
                          type: 'success',
                          timer: 3500,
                          showConfirmButton: false
                      })
              );
          location.reload();
        },
        
        error:function(xhr){
          console.log(xhr)
          // table.ajax.reload();
          localStorage.setItem("swal",
                      swal({
                          title: 'Error',
                          text:  'data was not successfully saved',
                          type: 'error',
                          timer: 3500,
                          showConfirmButton: false
                      })
              );
        }
       });
      }
    });
  }
</script>
@endsection