@extends('layouts.master')
@section('title','Sorumluluk Öğretmen 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('ogretmenler')}}">Sorumluluk Öğretmen 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">
                <div class="row">
                  <div class="col-md-8 col-4 text-left">
                    <h3 class="card-title text-info fw-bold fs-4">Sorumluluk Öğretmen Listesi</h3>
                  </div>
                  <div class="col-md-4 col-4 text-right">
                    {{-- <a type="button" class="btn btn-primary btn-sm" href="{{route('ogretmenata')}}" title="Sorumluluk sınavlarına branşlarına göre en az iki öğretmen olacak şekilde otomatik atama yapar, dilerseniz sonuçları sınav bilgileri kısmından düzenleyebilirsiniz.">Öğretmen Ataması Oluştur</a>  --}}
                    <a type="button" class="btn btn-secondary btn-sm" target="_blank" href="{{route('sorOgrtGetirTum')}}" title="Sorumluluk sınavı olan öğretmenlerin sınav listelerini verir.">Öğretmen Sınav Görev Evrakı</a> 
                  </div>
                </div>
              </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>Branşı</th>
                    <th>Sınav Adedi</th>                 
                    {{-- <th>Sınavları</th>                                             --}}
                    <th style="width:80px !important">İşlemler</th> 
                  </tr>
                  </thead>
                  <tbody>
                    @php($sira=0)
                  
                    @foreach($ogretmens as $ogretmen)                 
                    <tr>
                      @php($sira++)
                      <td>{{$sira}}</td>
                      <td>{{$ogretmen->name}}</td>
                      <td>{{$ogretmen->brans}}</td>
                      <td>
                        @php($sinavsay=0)
                        @foreach ($ogretmen->getSorSinav as $sinav )
                         @if($sinav->getSorSinav->birlestir==0)                         
                          @php($sinavsay++)
                          @elseif($sinav->getSorsinav->birlestir==$sinav->getSorSinav->ders_id)
                          @php($sinavsay++)
                          @endif                         
                      @endforeach
                      {{$sinavsay}}
                    </td>                   
                      {{-- <td>
                        @if($ogretmen->getSorSinav->count()>0)
                        @foreach ($ogretmen->getSorSinav as $sinav )
                        {{$sinav->getSorDers->getDers}};
                         @endforeach 
                        @else
                          Sınav Görevi Yok
                        @endif
                      </td>    --}}
                      <td >
                        <input  class="switchsecim" data-size="small" type="checkbox"
                            secim="{{ $ogretmen->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 ($ogretmen->durum == 1)
                             checked
                      @endif data-toggle="toggle">
                      <a title="Sınavları Görüntüle" target="_blank" class="btn btn-sm btn-outline-primary edit-click" id="edit-click" href="{{route('sorOgrtGetir',$ogretmen->id)}}"><i class="fas fa-eye"></i></a>
                     </td>
                    </tr>
                   
                    @endforeach 
                  </tbody>   
                </table>
            
              </div>
            


               
            </div>
     

  
   
</section>
  <!-- /.content -->
</div>
{{-- @include('sorumlulukpages.ogrtsinavmodal')  --}}
@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')
 
<!-- 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>
<!-- 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>
  $(function () {
        $('.edit-click').click(function(){    
        ogrt_id = $(this)[0].getAttribute('ogrt_id');
        console.log(ogrt_id);
        ogrt_name = $(this)[0].getAttribute('ogrt_name');    
        ogrt_brans = $(this)[0].getAttribute('ogrt_brans');
        $.ajax({
           type: 'GET',
                 url: '{{route('sorOgrtGetir')}}',
                 data: {
                     id: ogrt_id
                 },
                 success:function(data)
                 {
                  
                   $("#ogr_id").empty();
                      $("#modalTableBodyOgrt").empty(); 
                      $("#ogrt_id").text(ogrt_name);
                      $('#id').val(ogrt_id);                   
                      for (var i = 0; i < data.length; i++) {
                        sira=i+1;                        
                        $('#modalTableBodyOgrt').append('<tr><td>' + sira +
 '</td><td>'+data[i]+'</td><td>'
    +data[i].get_sor_ders.get_ders.sinif+'</td><td>'
      +data[i].get_sor_ders.get_ders.ogr_sayi+'</td><td>'
        +data[i].get_sor_sinav.tarih+'</td></tr>');
                            
                      }
                      
                 }

         });  
         $('#editModalOgrt').modal('show'); 
 
     });
 });
    </script> --}}
<script>

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