@extends('layouts.master')
@section('title','Öğretmen İş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('personelpages.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('ogretmen')}}">Öğretmen İş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ı Öğretmen 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>T.C. Kimlik</th>
            <th>Adı Soyadı</th>
            <th>Branş</th>
            <th>E-Posta</th>
            <th>Telefon</th>
            <th>Adres</th>
            <th>Yetki</th>
            <th style="width:80px !important">İşlemler</th>
          </tr>
          </thead>
          <tbody>
            @php($sira=0)
            @foreach($personels as $personel)
            @php($sira++)
            <tr>
             <td>{{$sira}}</td>
            <td>{{$personel->tckimlik}}</td>
              <td>{{$personel->name}}</td>
              <td>{{$personel->brans}}</td>
              {{-- <td>{{$personel->tur}}</td> --}}
              <td>@if($personel->getKim!=null){{$personel->getKim->email}}@endif</td>
              <td>{{$personel->tel}}</td>
              <td>{{$personel->adres}}</td>
               <td>@if($personel->getKim!=null)@if($personel->getKim->kim==0)Öğretmen @elseif($personel->getKim->kim==1)Yönetici @elseif($personel->getKim->kim==2) Süper Yönetici @elseif($personel->getKim->kim==-1) Ayrıldı @endif @endif</td>
              {{-- {!!-!!} işaretleri konulduğunda içindeki veriyi html olarak düzenliyor --}}
              <td style="width:80px !important">
                  <a id="{{$personel->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('personelDelete',$personel->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('personelpages.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('personelEdit')}}',
                 data: {
                     id: id
                 },
                 success:function(data)
                 {
                   console.log(data);
                          $('#id').val(data.id);                     
                         $('#tckimlik').val(data.tckimlik);
                         $('#name').val(data.name);
                         $('#tel').val(data.tel);
                        $('#adres').val(data.adres);
                        $('#brans').val(data.brans);
                        if(data.get_kim!=null)
                        {
                          $('#email').val(data.get_kim.email); 
                          $('#kim').val(data.get_kim.kim); 
                        }
                                            
                        $('#tur').val(data.tur);
                 }

         });  
         $('#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