@extends('layouts.master')
@section('title','Sorumluluk Ders 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('sdersler')}}">Sorumluluk Ders 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ı Ders 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>Ders Adı</th> 
            <th>Sınıf Düzeyi</th> 
            <th>Öğrenci Sayısı</th>
            <th>Ders Branşı</th>
            <th>Sınav Günü/Günleri</th>
             <th style="width:120px !important">İşlemler</th>
          </tr>
          </thead>
          <tbody>
            @php($sira=0)
            @foreach($personels as $ogrenci)
            @php($sira++)
            <tr>
              <td>{{$sira}}</td>            
              <td>{{$ogrenci->name}}</td>                      
              <td>{{$ogrenci->sinif}}</td>
              <td>{{$ogrenci->ogr_sayi}}</td> 
              <td>{{Str::title(str_replace('-', ' ', $ogrenci->brans))}}</td> 
              <td>@if($ogrenci->hsonu!=0)
                @php($hsonu=(string)$ogrenci->hsonu)
                  @for($i=0;$i<Str::length($hsonu);$i++)
                     @switch($hsonu[$i])
                       @case("1")
                         Pzrt.                         
                         @break
                         @case("2")
                         Salı.                         
                         @break
                         @case("3")
                         Çarş.                        
                         @break
                         @case("4")
                         Perş.                        
                         @break
                         @case("5")
                         Cuma.                        
                         @break
                         @case("6")
                         Cmrt.                        
                         @break
                         @case("7")
                         Pzr.                        
                         @break
                       @default
                         -
                     @endswitch
                  @endfor
                @else
                Her Gün 
                @endif
              </td>          
              <td class="text-center" style="width:120px !important" title="Sınavlarını birleştirmek istemediğiniz dersleri + konumuna getiriniz.">
                <input  class="switchsecim" data-size="small" type="checkbox"
                secim="{{ $ogrenci->id }}"
                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->bdurum == 1)
                 checked
          @endif data-toggle="toggle">
                <a id="{{$ogrenci->id}}" title="Düzenle" class="btn btn-sm btn-outline-primary edit-click" id="edit-click"><i class="fas fa-pencil-alt"></i></a>
                 <a href="{{route('sorDersDelete',$ogrenci->id)}}" 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.sorDersEditModal') 
@endsection
@section('css')
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
    <!-- 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"> 
      <!-- Select2 -->
  <link rel="stylesheet" href="{{asset('back')}}/plugins/select2/css/select2.min.css">
  <link rel="stylesheet" href="{{asset('back')}}/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"> 
    <!-- daterange picker -->
    <link rel="stylesheet" href="{{asset('back')}}/plugins/daterangepicker/daterangepicker.css"> 
@endsection
@section('js')
<script>
  $(function () {
        $('.edit-click').click(function(){    
        id = $(this)[0].getAttribute('id');
        $.ajax({
           type: 'GET',
                 url: '{{route('sorDersEdit')}}',
                 data: {
                     id: id
                 },
                 success:function(data)
                 {
                  //  console.log(data);
                          $('#id').val(data.id);                     
                         $('#ders').val(data.name);                       
                         $('#sinif').val(data.sinif); 
                         $('#brans').val(data.brans); 
                          $('#brans').trigger('change');
                        //  $("#brans").val(data.brans).attr('selected');
                 }

         });  
         $('#editModalDers').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 -->
<!-- Select2 -->
<script src="{{asset('back')}}/plugins/select2/js/select2.full.min.js"></script>
<!-- Page specific script -->
<script>
   $(function () {
    //Initialize Select2 Elements
    $('.select2').select2()

    //Initialize Select2 Elements
    $('.select2bs4').select2({
      theme: 'bootstrap4'
    })
  })
</script>
<script>

  $('.switchsecim').change(function() {
      
 id = $(this)[0].getAttribute('secim');
 statu=$(this).prop('checked');
 console.log(id);
 $.get("{{route('sorDers.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