@extends('layouts.master')
@section('title','Okul Panel İş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('panelpages.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('nobetci-ogrenci')}}">Nöbetçi Öğrenciler</a></li>

          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <!-- Main content -->
  <section class="content">
    
      <div class="card shadow mb-4">
          <div class="card-header py-3 text-center">
              <h4 class="m-0 font-weight-bold text-primary">Nöbetçi Öğrenciler</h4>
          </div>
          <div class="card-body">
            @include('panelpages.hatakontrol')
            <form method="POST" action="{{route('nobetciogrenciPost')}}" enctype="multipart/form-data">
                @csrf
            <table  class="table table-bordered table-striped">
                <thead>
                <tr>


                  {{-- <th style="width:120px !important">İşlemler</th> --}}
                  <th>Nöbet Yerleri/Tarih</th>
                  @foreach ($yerler as $yer )
                  <th>{{$yer->name}}</th>
                  @endforeach
                  <th>GÜN SAYISI</th>
                </tr>
                </thead>             
                 <tbody>              
                            
                    <tr>
                       <td>                       
                          <input title="" type="date" class="form-control" id="bstarih" name="bstarih"
                           value="{{Carbon\Carbon::now()->format('Y-m-d')}}"  required >                    
                       </td>
                       @php($say=1)
                       @foreach ($yerler as $yer)
                       <td>
                        <select class="select2bs4" name="ogrenci[{{$say}}][]" data-placeholder="Öğrenci Seçiniz" style="width: 100%;">
                            <option value="0">Öğrenci Seçimi Yapınız</option>                          
                                
                             @foreach ($ogrencis as $ogrenci)                            
                             <option  value="{{$ogrenci->id}}">{{$ogrenci->no}}-{{$ogrenci->name}}-{{$ogrenci->sinif}}</option>
                             @endforeach
                        </select>
                      </td>
                  
                         @php($say++)
                       @endforeach
                       <td>
                       
                        
                          <input title="" type="number" class="form-control" min="1" max="30"  name="gunsayi"
                          value="1"  required >
                    
                       </td>
                    </tr>

                
             </tbody>
             
              </table>

                  {{-- <input type="hidden" name="id" id="id" value="0"> --}}



                  <div class="form-group col-12">

                          <button type="submit" id="formbtn" class="btn btn-block btn-md btn-primary btn-block formbtn">Kaydet</button>
                 </div>
              </div>
              </form>




          </div>
  

      <div class="card">
        <div class="card-header">
         <div class="row">
          <div class="col-md-10 col-sm-8 mt-1">
            <h3 class="card-title text-info fw-bold fs-4">Nöbetçi Öğrenci Listesi</h3>
           </div>
    
           <div class="col-md-2 col-sm-4 mt-1 text-right">
    
              <a type="button" class="text-decoration-none btn-sm btn-danger deleteall-click" id="deleteall-click">Tüm Öğrencileri Sil</a>
            </div>
    
    
         </div>
    
        </div>
    
        <!-- /.card-header -->
    
        <div class="card-body">
          <table id="example1" class="table table-bordered table-striped">
            <thead>
            <tr>
      
              <th>#</th>
              <th style="width:50px !important">İşlem</th>
              <th>NÖBET TARİHİ</th>
              <th>OKUL İDARESİ</th>
              <th>OKUL KAPISI</th>      
            </tr>
            </thead>
            <tbody>
              @php($syc=1)
             @foreach ($nobetciler->unique('bstarih') as $nobet)
             @if(Carbon\Carbon::parse($nobet->bstarih)->format('l')=="Monday")
             @php($gun="Pazartesi") 
             @elseif(Carbon\Carbon::parse($nobet->bstarih)->format('l')=="Tuesday")
             @php($gun="Salı") 
             @elseif(Carbon\Carbon::parse($nobet->bstarih)->format('l')=="Wednesday")
             @php($gun="Çarşamba")
             @elseif(Carbon\Carbon::parse($nobet->bstarih)->format('l')=="Thursday")
             @php($gun="Perşembe")
             @elseif(Carbon\Carbon::parse($nobet->bstarih)->format('l')=="Friday")
             @php($gun="Cuma")
             @elseif(Carbon\Carbon::parse($nobet->bstarih)->format('l')=="Saturday")
             @php($gun="Cumartesi")
             @elseif(Carbon\Carbon::parse($nobet->bstarih)->format('l')=="Sunday")
             @php($gun="Pazar")
             @endif
             <tr>
      
              <td>{{$syc}}</td>
              <td class="text-center">
               {{-- <a bstarih="{{$nobet->bstarih}}" title="Düzenle" class="btn btn-sm btn-outline-primary edit-click mb-1" id="edit-click">
                  <i class="fas fa-pencil-alt"></i></a> --}}
              {{-- <a title="Sil" class="mb-1 btn btn-sm btn-outline-danger delete-click"
              id="{{ $nobet->bstarih }}"><i class="fas fa-trash-alt"></i></a> --}}
              </td>
              <td>{{Carbon\Carbon::parse($nobet->bstarih)->format('d.m.Y')}}-{{$gun}}</td>
               @php($ogrenci=$nobetciler->where('bstarih',$nobet->bstarih))
              
               @foreach ($ogrenci as $ogr)
               <td>{{$ogr->name}}</td>
               @endforeach 
            
              
              
                 
             </tr>
               @php($syc++)
             @endforeach
            </tbody>
          </table>
      
        </div>
    
      
        <!-- /.card-body -->
      </div>

 

  </section>
  <!-- /.content -->
  <div class="modal" id="deleteAllModal">
    <div class="modal-dialog modal-md ">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h5 class="modal-title">Tüm Duyuruları Sil</h5>
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
            </div>


            <div class="modal-body" id="body">

                <p>Tüm Nöbetçi Öğrenciler silinecektir, Onaylıyormusunuz?</p>

            </div>


            <div class="modal-footer">

              <a type="button" href="{{route('nobetciAllDelete')}}" class=" btn btn-primary">Sil</a>

                <button type="button" class="btn btn-danger" data-dismiss="modal">Kapat</button>
            </div>


        </div>


    </div>
  </div>
  <div class="modal" id="editModal">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header  bg-info">
                <h5 class="modal-title">Nöbetçi Öğrenci Güncelle</h5>
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" id="body">

              <form method="POST" action="{{ route('nobetciUpdate') }}">
                @csrf
                <input type="hidden" name="nobet_id" id="nobet_id" />
                <div class="form-row">
                  <div class="form-group col-4">
                    <label for="title">Başlangıç Tarihi</label>
                    <input title="" type="date" class="form-control" id="tarih" name="tarih"
                    value=""  required >
                  </div>
                  <div class="form-group col-4">
                    <label for="title">OKUL İDARESİ</label>
                    <select class="form-control ogrenci1" name="ogrenci1" id="ogrenci1" required>
                      <option value="0">Öğrenci Seçimi Yapınız</option>                          
                             
                      @foreach ($ogrencis as $ogrenci)                            
                      <option  value="{{$ogrenci->name}}">{{$ogrenci->no}}-{{$ogrenci->name}}-{{$ogrenci->sinif}}</option>
                      @endforeach
                     
                     </select>

                  </div>
                  <div class="form-group col-4">
                    <label for="title">OKUL KAPISI</label>
                    <select class="form-control ogrenci2" name="ogrenci2" id="ogrenci2" required>
                      <option value="0">Öğrenci Seçimi Yapınız</option>                          
                             
                          @foreach ($ogrencis as $ogrenci)                            
                          <option  value="{{$ogrenci->name}}">{{$ogrenci->no}}-{{$ogrenci->name}}-{{$ogrenci->sinif}}</option>
                          @endforeach
                     
                     </select>

                  </div>
                  <div class="col-12 mb-1">
                    <button id="onayBtn" type="submit" class="btn btn-primary btn-block">Güncelle</button>
                   
                  </div>
                  <div class="col-12 mb-1">
                    <button type="button" class="btn btn-danger btn-block" data-dismiss="modal">Kapat</button>
                  </div>

                </div>
            </form>

            </div>


            <div class="modal-footer">


            </div>


        </div>


    </div>
  </div>

</div>

@endsection
@section('css')
    <!-- 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">
    <!-- daterange picker -->

@endsection

@section('js')
<script>

  $(function() {
    $('.deleteall-click').click(function() {
      console.log("çalıştı");
            $('#deleteAllModal').modal('show');
        });
   

  });
  </script>
  <script>
     $(function() {
      $('.edit-click').click(function(){
          bstarih = $(this)[0].getAttribute('bstarih');
          console.log(bstarih);
          $.ajax({
             type: 'GET',
                   url: '{{route('nobetciEdit')}}',
                   data: {
                      bstarih: bstarih
                   },
                   success:function(data)
                   {
                  // console.log(data);
                            $('#nobet_id').val(data[0].id);
                            $('#ogrenci1').val(data[0].name).change();
                            $('#ogrenci2').val(data[1].name).change();
                            tarih=data[0].bstarih.toString('YYYY-MM-DD')                           
                            $('#tarih').val(tarih);
                           
                  }

           });

        $('#editModal').modal('show');

       });
     
      })
      
  </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>

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


@include('layouts.table')



@endsection