@extends('layouts.master')
@section('title', 'Sorumluluk Sınıf 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('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('siniflar') }}">Sınıf 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->unique('tarih') 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 yapılacak olan sınavlar "
                                            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"><b>{{ Carbon\Carbon::parse($sinav->tarih)->format('d-m-Y') }}</b>
                                            </a>
                                    </li>
                                @endforeach

                            </ul>
                        </div>
                        <div class="card-body">
                            <div class="tab-content" id="custom-tabs-four-tabContent">
                                @php($sira = 0)
                                @foreach ($sinavs->unique('tarih') 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('sorumlulukpages.sinifogrenci')
                                        
                                    </div>
                                @endforeach

                            </div>

                        </div>


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

            </div>

        </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">

@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 -->
    @include('sinavpages.tablesinav')
  
  

@endsection