@extends('layouts.master')
@section('title','Sorumluluk Sınav 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('sinavlar')}}">Sorumluluk Sınav 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-10 col-8">
                    <h3 class="card-title text-info fw-bold fs-4">Sorumluluk Sınav Listesi</h3>
                  </div>
                  <div class="col-md-2 col-4">
                    <a type="button" class="btn btn-info btn-sm btn-block" target="_blank" href="{{route('sorOgrtList')}}" title="Sorumluluk sınavı olan öğretmenlerin sınav listelerini verir.">Sınav Görev Listesi</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 style="width:140px !important">İşlemler</th>
                    <th>Sınav Tarihi</th>
                    <th>Sınav Saati</th> 
                    <th>Sınav Dersi</th>  
                     <th>Sınıf Düzeyi</th>     
               
                              
                    <th>Öğrenci Sayısı</th> 
                    <th>Komisyon/Gözetmen</th>   
                    <th>Birleştirme</th>                     
                   
                  </tr>
                  </thead>
                  <tbody>
                    @php($sira=0)
                    @php($gun="")
                    @foreach($sinavs as $sinav)
                     @if($sinav->getDers!=null)
                     @if(Carbon\Carbon::parse($sinav->tarih)->format('l')=="Monday")
                     @php($gun="Pazartesi") 
                     @elseif(Carbon\Carbon::parse($sinav->tarih)->format('l')=="Tuesday")
                     @php($gun="Salı") 
                     @elseif(Carbon\Carbon::parse($sinav->tarih)->format('l')=="Wednesday")
                     @php($gun="Çarşamba")
                     @elseif(Carbon\Carbon::parse($sinav->tarih)->format('l')=="Thursday")
                     @php($gun="Perşembe")
                     @elseif(Carbon\Carbon::parse($sinav->tarih)->format('l')=="Friday")
                     @php($gun="Cuma")
                     @elseif(Carbon\Carbon::parse($sinav->tarih)->format('l')=="Saturday")
                     @php($gun="Cumartesi")
                     @elseif(Carbon\Carbon::parse($sinav->tarih)->format('l')=="Sunday")
                     @php($gun="Pazar")
                     @endif
                    <tr @if($sinav->saat==0) class="text-danger" title="Sınav tarih ve saati belirlenmemiş dersleri gösterir" @endif 
                       @if($sinav->getSorOgretmen->count()==0) class="text-info" title="Sınav Dersine atama yapılmamış öğretmenleri gösterir" @endif 
                       @if($sinav->birlestir!=0) class="text-primary" title="Birleştirilmiş dersleri gösterir" @endif
                       >
                      @php($sira++)
                      <td>{{$sira}}</td>
                      <td class="text-center" style="width:140px !important">  
                        <a title="Komisyona Öğretmen Ekle" class="btn btn-sm btn-outline-primary edit-click" id="edit-click" gorev="ekle" sinav_id={{$sinav->id}}><i class="fas fa-user-plus"></i></a> 
                        <a title="Komisyondan Öğretmen Çıkar" class="btn btn-sm btn-outline-secondary edit-click" id="edit-click" gorev="cikar" sinav_id={{$sinav->id}}><i class="fas fa-user-times"></i></a>                 
                        <a title="Sınav tarihini ve saatini değiştirir" class="btn btn-sm btn-outline-danger edit-click" id="edit-click" gorev="guncelle" sinav_id={{$sinav->id}}><i class="fas fa-calendar"></i></a>
                        <a title="Bu derse ait sınav zarf evraklarını yazdırır" class="btn btn-sm btn-outline-info" target="_blank" href="{{route('sorbelgePrint',$sinav->id)}}"  ><i class="fas fa-print"></i></a>   
                    </td>
                      <td>{{Carbon\Carbon::parse($sinav->tarih)->format('d/m/Y')}}-{{$gun}}</td>
                      <td>{{$sinav->baslangic}}</td>   
                      <td>{{$sinav->getDers->name}}</td>
                       <td>{{$sinav->getDers->sinif}}</td>
                      
                                        
                      <td>{{$sinav->getDers->ogr_sayi}}</td>
                      <td>
                        @if($sinav->getSorOgretmen->count()>0)
                        @foreach ($sinav->getSorOgretmen as $ogretmen )
                        {{$ogretmen->name}}-<i>{{Str::title($ogretmen->tur)}}</i>;
                         @endforeach 
                        @else
                          Atama Yapılmadı
                        @endif
                    </td>
                    <td>
                       @if($sinav->birlestir!=0) {{$sinav->getBirlestir->name}}-{{$sinav->getBirlestir->sinif}} @else - @endif
                    </td>   
                     
                    </tr>
                   @endif
                    @endforeach 
                  </tbody>   
                </table>
             
              </div>
            


               
            </div>
     

  
    @include('sorumlulukpages.modalGozetmen')
</section>
  <!-- /.content -->
</div>

@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"> 
      <!-- 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(){    
        sinav_id = $(this)[0].getAttribute('sinav_id');
        gorev= $(this)[0].getAttribute('gorev');
        console.log("ffdgfg");
        $.ajax({
           type: 'GET',
                 url: '{{route('komisyonEdit')}}',
                 data: {
                     sinav_id:sinav_id,                       
                 },
                 success:function(data)
                 {
                  
                      $('#id').val(data.id); 
                      if(gorev=="ekle")
                      {
                        $('#gorev').val(1);
                        $("#tarih").prop("readonly", true);
                        $("#saat").prop("readonly", true);
                        $("#ders").prop("readonly", true);
                        $("#ogretmenler").show();
                        $('#buton').text("Komisyona Ekle");
                      }
                      else if(gorev=="cikar")
                      {
                        $('#gorev').val(2);
                        $("#tarih").prop("readonly", true);
                        $("#saat").prop("readonly", true);
                        $("#ders").prop("readonly", true);
                        $("#ogretmenler").show();
                        $('#buton').text("Komisyondan Çıkar"); 
                      }
                      else
                      {
                        $('#gorev').val(0);
                        $("#tarih").prop("readonly", false);
                        $("#saat").prop("readonly", false);
                        $("#ders").prop("readonly", true);
                        $("#ogretmenler").hide();
                        $('#buton').text("Tarih Saat Güncelle");
                      }                  
                      $('#tarih').val(data.tarih);
                      $('#saat').val(data.baslangic);
                      $('#ders').val(data.get_ders.name);                 
                     
                
                  // $.each(data.get_sinav_ogretmen, function(index, value) {
                  //      $("#ogretmen").append('<option value="'+value.ogrt_id+'">'+value.name+'</option>');
                     
                  // });

                 
                 }

         });  
         $('#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>
<!-- 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>
@include('layouts.table')

      
@endsection