@extends('layouts.master')
@section('title','Öğrenci İş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('ogrencipages.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('ogrenci')}}">Öğrenci İş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">
         <div class="row">
          <div class="col-8 text-left">
            <form action="{{route('ogrenci-sinif-getir')}}" method="POST">
              @csrf
                <div class="form-row">
                  <div class="form-group col-10">                    
                    <select class="select2bs4 form-control name" name="ogrsinif" data-placeholder="Sınıf Öğretmeni Seçiniz"
                    style="width: 100%;">
                        <option value="0">Tüm Sınıflar</option>
                        @foreach($sinifs as $sinif)
                       <option @if (old('ogrsinif') ==$sinif->id) {{ 'selected' }} @endif value="{{$sinif->id}}">{{$sinif->name}}</option>
                       @endforeach
                    </select>
                    </div>
                    <div class="form-group col-2">
                      <button type="submit" class="btn btn-md btn-primary btn-block">Getir</button>
                    </div>    
                </div>
             </form> 
          </div>
          <div class="col-4 text-right">
              <a href="#" class="btn btn-sm btn-primary isg"  id="isg">İş Güvenliği Belgeler</a>
          </div>
         </div>
      </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>Okul No.</th>         
            <th>E-Posta</th>
            <th>Tel</th>
            <th>Sınıf</th>
            <th>Alan</th>
            <th>Baba</th>
             <th>Anne</th>
             <th>Doğum Yeri</th>
            <th>Doğum Tarihi</th>
            <th>Veli Tel</th>
            <th>İSG Durum</th>
            <th style="width:80px !important">İşlemler</th>
          </tr>
          </thead>
          <tbody>
            @php($sira=0)
            @foreach($personels as $ogrenci)
            @php($sira++)
            <tr>
              <td>{{$sira}}</td>
              <td>{{$ogrenci->tckimlik}}</td>
              <td>{{$ogrenci->name}}</td>
              <td>{{$ogrenci->no}}</td>
              <td>{{$ogrenci->email}}</td>
              <td>{{$ogrenci->tel}}</td>
              <td>{{$ogrenci->sinif}}</td>
              <td>{{$ogrenci->alan}}</td>
              <td>{{$ogrenci->veli}}</td>
            <td>{{$ogrenci->anne}}</td>
            <td>{{$ogrenci->dyer}}</td>
            <td>@if($ogrenci->dtarih!=null) {{Carbon\Carbon::parse($ogrenci->dtarih)->format('d.m.Y')}} @else  @endif</td>
              <td>{{$ogrenci->velitel}}</td>
              <td>
                <input  class="isgsecim" data-size="small" type="checkbox"
                secim="{{ $ogrenci->id }}"
                data-on="<i class='fa fa-check fa-sm' aria-hidden='true'></i>"
                data-onstyle="primary"
                data-off="<i class='fa fa-times fa-sm' aria-hidden='true'></i>"
                data-offstyle="secondary" @if ($ogrenci->isgbelge == 1)
                 checked
          @endif data-toggle="toggle">
              </td>
              <td style="width:80px !important">
                <a id="{{$ogrenci->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('ogrenciDelete',$ogrenci->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>

{{-- sigorta listesi modal--}}
<div class="modal" id="isgModal">
  <div class="modal-dialog modal-lg modal-dialog-scrollable">
      <div class="modal-content">

          <!-- Modal Header -->
          <div class="modal-header bg-primary text-white">
              <h6 class="modal-title">İş Güvenliği Sertifikaları Yazdır</h6>
              <button type="button" class="close text-white editclose" data-dismiss="modal">&times;</button>
          </div>
          <!-- Modal body -->
          <div class="modal-body" style="font-size:13px;!important">
              <form method="POST" action="{{route('isgPrintPost')}}" style="margin-bottom:0">
                  @csrf
                  <div class="form-row">                     
                    <div class="form-group col-md-12">
                      <label for="title">Belge Tarihi</label>
                      <input title="" type="date" class="form-control" id="tarih" name="tarih" value="{{Carbon\Carbon::today()->format('Y-m-d')}}" required >
                    </div>                    
                      <div class="form-group col-md-12">
                          <label for="title">Sınıf</label>
                          <select class="form-control alan2" name="alan2" id="alan2" required>
                              <option value="">Sınıf Seçiniz</option>
                              <option value="tum">Tüm Sınıflar</option>
                               @foreach($sinifs as $sinif)
                                <option value="{{$sinif->id}}">{{$sinif->name}}</option>
                               @endforeach
                              <option value="Diğer">Bunların Dışında</option>
                            

                             </select>
                     </div>                    
                     <div class="form-group col-md-12">
                      <label for="title">Belge Türü</label>
                      <select class="form-control tur" name="tur" required>
                        
                          <option selected value="katilim">Katılım Belgesi</option>
                          <option value="kurallar">Mesleki Eğitimde İş Sağlığı ve Güvenliği Kuralları
                           </option>
                         
                        

                         </select>
                 </div>   
                 <div class="form-group col-md-12">
                  <label for="title">Okul Müdürü</label>
                 
                  <select class="form-control mudur" name="mudur" required>
                    <option selected value="{{$mudur->name}}">{{$mudur->name}}</option>
                     @foreach ($idares as $idare )
                     <option value="{{$idare->name}}">{{$idare->name}}</option>
                     @endforeach
                      
                     
                    

                     </select>
             </div> 
             <div class="form-group col-md-12">
              <label for="title">Müdür Yardımcısı</label>
              
              <select class="form-control muduryrd" name="muduryrd" required>
                <option value="" >Müdür Yardımcısı Seçiniz</option>
                 @foreach ($idares as $idare )
                 <option value="{{$idare->name}}">{{$idare->name}}</option>
                 @endforeach
                  
                 
                

                 </select>
         </div>  
         <div class="form-group col-md-12">
          <label for="title">Alan Şefi</label>
          
          <select class="form-control sef" name="sef" required>
            <option value="" >Alan Şefi Seçiniz</option>
             @foreach ($sefs as $sef )
             <option value="{{$sef->name}}">{{$sef->name}}</option>
             @endforeach
              
             
            

             </select>
     </div>  
                <div class="form-group col-md-12">
                      <label for="title">Belge Numarası Başlangıç</label>
                        <input title="Belge numarası olarak seçtiğiniz sayıdan başlayarak sırayla arttırarak belge numarası verilecektir, 0 girmeniz durumunda Belge No alanı boş bırakılacaktır." type="number" class="form-control" id="bno" name="bno"   value="0"  required>
                 </div> 
                  <!-- Modal footer -->
                      <div class="form-group col-md-6">

                          <a title=""><button type="submit" class="btn btn-primary btn-block">Yazdır</button></a>
                      </div>
                      <div class="form-group col-md-6">

                          <button type="button" class="btn btn-danger btn-block editclosebtn" data-dismiss="modal">Çıkış</button>
                      </div>
              </div>
              </form>

              </div>
          </div>
      </div>
  </div>
  {{-- sigorta listesi modal --}}
@include('ogrencipages.modal')
@endsection
@section('css')
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
   <!-- 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">
    <!-- 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('ogrenciEdit')}}',
                 data: {
                     id: id
                 },
                 success:function(data)
                 {
                   console.log(data);
                          $('#id').val(data.id);                     
                         $('#tckimlik').val(data.tckimlik);
                         $('#name').val(data.name);
                         $('#sinif').val(data.sinif);
                        $('#no').val(data.no);
                        $('#alan').val(data.alan);
                      
                 }

         });  
         $('#editModal').modal('show'); 
 
     });
 });
    </script>
    <script>
      $(function () {
            $('.isg').click(function(){   
              $('#isgModal').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 -->
<script>

  $('.isgsecim').change(function() {
 id = $(this)[0].getAttribute('secim');
 console.log(id);
 statu=$(this).prop('checked');
 $.get("{{route('isgbelge.switch')}}", {id:id,statu:statu}, function(data,status){
    console.log(data);
 });
})
</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>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
@include('layouts.table')

@endsection