@extends('layouts.master')
@section('title','Sorumluluk Sınavı Öğrenci Listesi')
@section('content')
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        @include('sorumlulukpages.menu')
        <div class="col-sm-4">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Anasayfa</a></li>
            <li class="breadcrumb-item active"><a href="{{route('sogrenci')}}">Sorumluluk Öğrenci Listesi</a></li>
            
          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <!-- Main content -->
  <section class="content">
    <div class="card">
      <div class="card-header">
        <h3 class="card-title text-info fw-bold fs-4">Sorumluluk Sınavı Öğrenci Listesi</h3>
      </div>
      <!-- /.card-header -->
      <div class="card-body">
        <table id="example1" class="table table-bordered table-striped">
          <thead>
          <tr>
            <th>Sıra No</th>          
            <th>Adı Soyadı</th> 
            <th>Okul No.</th>   
            <th>Sınav Sayısı</th>            
            <th style="width:120px !important">İşlemler</th>
          </tr>
          </thead>
          <tbody>
            @php($sira=0)
            @foreach($personels->unique('no') as $ogrenci)
            @php($sira++)
            <tr>
              <td>{{$sira}}</td>            
              <td>{{$ogrenci->name}}</td>
              <td>{{$ogrenci->no}}</td>         
              <td>{{$personels->where('no',$ogrenci->no)->count()}}</td>
                        
               <td class="text-center" style="width:120px !important" title="Öğrencinin sınavda olmasını ve atamalarda dikkate alınmamasını istiyorsanız + konumuna getiriniz.">
                   <input   class="switchogrsecim" data-size="small" type="checkbox"
                            secim="{{ $ogrenci->no }}"
                            data-on="<i class='fa fa-check fa-sm' aria-hidden='true'></i>"
                            data-onstyle="primary"
                            data-off="<i class='fa fa-plus fa-sm' aria-hidden='true'></i>"
                            data-offstyle="secondary" @if ($ogrenci->durum == 1)
                             checked
                      @endif data-toggle="toggle">
                <a title="Görüntüle" class="btn btn-sm btn-outline-primary edit-click" no={{$ogrenci->no}}  id="edit-click"><i class="fas fa-eye"></i></a>
                <a href="{{route('sorogrenciDelete',$ogrenci->no)}}" title="Sil" class="btn btn-sm btn-outline-danger"><i class="fas fa-trash-alt"></i></a>
                </td> 
            </tr> 
            @endforeach
          </tbody>
          {{-- <tfoot>
          <tr>
            <th>Rendering engine</th>
            <th>Browser</th>
            <th>Platform(s)</th>
            <th>Engine version</th>
            <th>CSS grade</th>
          </tr>
          </tfoot> --}}
        </table>
      </div>
      <!-- /.card-body -->
    </div> 
  </section>
  <!-- /.content -->
</div>
@include('sorumlulukpages.ogrsinavmodal') 
@endsection
@section('css')
    <!-- DataTables -->
    <link rel="stylesheet" href="{{asset('back')}}/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="{{asset('back')}}/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
    <link rel="stylesheet" href="{{asset('back')}}/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">  
    <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
@endsection
@section('js')
<script>
  $(function () {
        $('.edit-click').click(function(){    
        no = $(this)[0].getAttribute('no');
       
        $.ajax({
           type: 'GET',
                 url: '{{route('sorOgrGetir')}}',
                 data: {
                     no: no
                 },
                 success:function(data)
                 {
                   console.log(data);
                      $("#ogr_no").empty();
                      $("#modalTableBody").empty(); 
                      $("#ogr_no").text("Öğrenci Adı : " + data[0].no + " - " + data[0].name);
                      $('#no').val(data[0].no);                   
                 
                      for (var i = 0; i < data.length; i++) {
                        sira=i+1; 
                        sinif="";
                        tarih="";
                        saat="";
                        if(data[i].sinif)
                        {
                          sinif=data[i].sinif
                        }
                        else
                        {
                          sinif=data[i].seviye;
                        } 
                        if(data[i].tarih)
                        {
                          tarih=data[i].tarih.toString('MM-dd-yyyy')
                        }
                        else
                        {
                          tarih="Belli Değil";
                        } 
                        if(data[i].saat)
                        {
                            if(data[i].saat==1)
                          saat="09:00";
                          else if(data[i].saat==2)
                          saat="10:00";
                          else if(data[i].saat==3)
                          saat="11:00";
                          else if(data[i].saat==4)
                          saat="12:00";
                          else if(data[i].saat==5)
                          saat="13:00";
                          else if(data[i].saat==6)
                          saat="14:00";
                          else if(data[i].saat==7)
                          saat="15:00";
                          else if(data[i].saat==8)
                          saat="16:00";
                          else if(data[i].saat==9)
                          saat="17:00";
                          else if(data[i].saat==10)
                          saat="18:00";
                          else
                          saat="00:00"
                        }
                        else
                        {
                          saat="Belli Değil";
                        } 
                        $('#modalTableBody').append('<tr><td>' + sira +
                            '</td><td>' + data[i].ders + '</td><td>' + sinif
                            +'</td><td>' + tarih +'</td><td>' + saat +  '</td></tr>');
                      }
                   
                      
                 }

         });  
         $('#editModal').modal('show'); 
 
     });
 });
    </script>
<!-- DataTables  & Plugins -->
<script src="{{asset('back')}}/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="{{asset('back')}}/plugins/jszip/jszip.min.js"></script>
<script src="{{asset('back')}}/plugins/pdfmake/pdfmake.min.js"></script>
<script src="{{asset('back')}}/plugins/pdfmake/vfs_fonts.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
<!-- Page specific script -->
<script>

  $('.switchogrsecim').change(function() {
 id = $(this)[0].getAttribute('secim');
 statu=$(this).prop('checked');
 $.get("{{route('sorogr.switch')}}", {id:id,statu:statu}, function(data,status){
   //  console.log(data);
 });
})
</script>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
@include('layouts.table')

@endsection