@extends('layouts.master')
@section('title', 'Sınav Salon Listeleri')
@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('sinavSinif') }}">Sınav Salon Listeleri</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($sira = 0)
                                @foreach ($sinavs as $sinav)
                                    @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') }} 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') }}
                                            | <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.cards')
                                        @include('sinavpages.siniflar')
                                    </div>
                                @endforeach

                            </div>

                        </div>


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

            </div>

        </section>
        <!-- /.content -->
        @include('sinavpages.modalOturma')
        @include('sinavpages.modalOturma30')
    </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">

@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 -->

    <!-- Page specific script -->
    {{-- <script>
        $(function () {
              $('.print-click').click(function(){    
              sinav_id = $(this)[0].getAttribute('sinav_id');
              salon_id = $(this)[0].getAttribute('salon_id');
              console.log(salon_id)
              $.ajax({
                 type: 'GET',
                       url: '{{route('belgePrint')}}',
                       data: {
                           sinav_id: sinav_id,
                           salon_id:salon_id,
                       },
                       success:function(data)
                       {                     
                          
                         
                       }
      
               });  
               
       
           });
       });
          </script> --}}
  
  @include('sinavpages.tablesinav')
  <script>
     $(function () {
          $('.oturma-click').click(function(){    
          sinav_id = $(this)[0].getAttribute('sinav_id');
          salon_id = $(this)[0].getAttribute('salon_id');
          $.ajax({
             type: 'GET',
                   url: '{{route('oturmaGetir')}}',
                   data: {
                       sinav_id: sinav_id,
                       salon_id:salon_id
                   },
                   success:function(data)
                   {
                    
                        console.log(data);
                   
                     
                  
                    // $.each(data.get_sinav_ogretmen, function(index, value) {
                    //      $("#ogretmen").append('<option value="'+value.ogrt_id+'">'+value.name+'</option>');
                       
                    // });

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

@endsection