@extends('layouts.master')
@section('title','Sınıf İşlemleri')
@section('content')
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        @include('sinifpages.menu')
        <div class="col-sm-6">
          <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('sinif')}}">Sınıf İşlemleri</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">
        <h3 class="card-title text-info fw-bold fs-4">Kurumunuzda kayıtlı aktif sınıflar listesi</h3>
      </div>
      <!-- /.card-header -->
      <div class="card-body">
        <table id="example1" class="table table-bordered table-striped">
          <thead>
          <tr>
            <th>Sıra No</th>
            <th>Sınıf Adı</th>
            <th>Sınıf Düzeyi</th>
            <th>Alan</th>
            <th>Mevcut</th> 
            <th>Fiziki Sınıf</th> 
            <th title="Fiziki sınıfın maksimum kapasitesi">Kapasite</th>    
            <th style="width:80px !important">İşlemler</th>
          </tr>
          </thead>
          <tbody>
            @php($sira=0)
            @foreach($sinifs as $sinif)
            
            <tr>
              @php($sira++)
              <td>{{$sira}}</td>
            <td>{{$sinif->name}}</td>
            <td>{{$sinif->seviye}}</td>
            <td>{{$sinif->alan}}</td>
            <td>{{$sinif->mevcut}}</td>
            <td>{{$sinif->derslik}}</td>
            <td>{{$sinif->kapasite}}</td>
            <td style="width:80px !important">
              <a id="{{$sinif->id}}" title="Düzenle" class="btn btn-sm btn-outline-primary edit-click" id="edit-click"><i class="fas fa-pencil-alt"></i></a>
            <a href="{{route('sinifDelete',$sinif->id)}}" title="Sil" class="btn btn-sm btn-outline-danger"><i class="fas fa-trash-alt"></i></a>
              </td>
            </tr>
            @endforeach
       
          </tbody>
          {{-- <tfoot>
          <tr>
            <th>Rendering engine</th>
            <th>Browser</th>
            <th>Platform(s)</th>
            <th>Engine version</th>
            <th>CSS grade</th>
          </tr>
          </tfoot> --}}
        </table>
      </div>
      <!-- /.card-body -->
    </div> 
  </section>
  <!-- /.content -->
</div>
@include('sinifpages.modal')
@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')
<script>
  $(function () {
        $('.edit-click').click(function(){    
        id = $(this)[0].getAttribute('id');
        $.ajax({
           type: 'GET',
                 url: '{{route('sinifEdit')}}',
                 data: {
                     id: id
                 },
                 success:function(data)
                 {
                   console.log(data);
                          $('#id').val(data.id);                     
                         $('#name').val(data.name);
                         $('#seviye').val(data.seviye);
                         $('#mevcut').val(data.mevcut);                         
                        $('#derslik').val(data.derslik);
                        $('#kapasite').val(data.kapasite); 
                        $('#alan').val(data.alan);                  
                 }

         });  
         $('#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>
<!-- Page specific script -->

@include('layouts.table') 

@endsection