@extends('layouts.master')
@section('title','Sınav Salon Gözetmen')
@section('content')
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        @include('sinavpages.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('sinavGozetmen')}}">Gözetmen İşlemleri</a></li>
            
          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <!-- Main content -->
  <section class="content">
    <div class="row">
        <div class="col-12 col-sm-12">
            <div class="card card-primary card-outline card-outline-tabs">
                <div class="card-header p-0 border-bottom-0">
                    <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
                        @php($gun="")
                        @php($sira = 0)
                        @foreach ($sinavs as $sinav)
                      
                        @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
                            @php($sira++)
                            <li class="nav-item">
                                <a class="nav-link @if ($sira == 1) active @endif" 
                                title="{{ Carbon\Carbon::parse($sinav->tarih)->format('d/m/Y') }}-{{$gun}} tarihinde {{ $sinav->saat }}. ders saatinde yapılacak olan sınav "
                                    id="{{ $sinav->id }}" data-toggle="pill" href="#custom-{{ $sinav->id }}"
                                    role="tab" aria-controls="custom-{{ $sinav->id }}"
                                    aria-selected="@if ($sira == 1) true @else false @endif">{{ Carbon\Carbon::parse($sinav->tarih)->format('d/m/Y') }}-{{$gun}}
                                    | <u>{{ $sinav->saat }}. Ders</u></a>
                            </li>
                        @endforeach

                    </ul>
                </div>
                <div class="card-body">
                    <div class="tab-content" id="custom-tabs-four-tabContent">
                        @php($sira = 0)
                        @foreach ($sinavs as $sinav)
                            @php($sira++)
                            <div class="tab-pane fade @if ($sira == 1) show active @endif"
                                id="custom-{{ $sinav->id }}" role="tabpanel"
                                aria-labelledby="custom-{{ $sinav->id }}">
                                @include('sinavpages.sinavlar')
                            </div>
                        @endforeach

                    </div>

                </div>


                <!-- /.card -->
            </div>
        </div>

    </div>
    @include('sinavpages.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')
 
<!-- 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('sinavpages.tablesinav')
<script>
    $(function () {
          $('.edit-click').click(function(){    
          sinav_id = $(this)[0].getAttribute('sinav_id');
          salon_id = $(this)[0].getAttribute('salon_id');
          $.ajax({
             type: 'GET',
                   url: '{{route('gozetmenEdit')}}',
                   data: {
                       sinav_id: sinav_id,
                       salon_id:salon_id
                   },
                   success:function(data)
                   {
                    
                        $('#id').val(data.sinav_id);                     
                        $('#tarih').val(data.get_sinav.tarih);
                        $('#sname').val(data.name);
                        $('#salon_id').val(data.sinif_id);
                   
                     
                  
                    // $.each(data.get_sinav_ogretmen, function(index, value) {
                    //      $("#ogretmen").append('<option value="'+value.ogrt_id+'">'+value.name+'</option>');
                       
                    // });

                   
                   }
  
           });  
           $('#editModal').modal('show'); 
   
       });
   });
      </script>
@endsection