@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('panel')}}">Okul Panel İşlemleri</a></li>

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

  <!-- Main content -->
  <section class="content">
    <div class="col-md-12">
      <div class="card shadow mb-4">
          <div class="card-header py-3 text-center">
              <h4 class="m-0 font-weight-bold text-primary">Duyuru Ekle</h4>
          </div>
          <div class="card-body">
            @include('panelpages.hatakontrol')
              <form method="POST" action="{{route('duyuruPost')}}" enctype="multipart/form-data">
                  @csrf
                  <input type="hidden" name="id" id="id" value="0">
                  <div class="form-row">

                    <div class="form-group col-6">
                        <label for="title">Başlangıç Tarihi</label>
                        <input title="" type="date" class="form-control" id="bstarih" name="bstarih"
                        value="{{Carbon\Carbon::now()->format('Y-m-d')}}"  required >
                      </div>
                      <div class="form-group col-6">
                        <label for="title">Bitiş Tarihi</label>
                        <input title="" type="date" class="form-control" id="bttarih" name="bttarih"
                        value="{{Carbon\Carbon::now()->addMonths(6)->format('Y-m-d')}}"  required >
                      </div>
                  <div class="form-group col-12" id="charcount">
                    <label for="title">Duyuru:<span>0/180</span></label>
                     <textarea class="form-control" maxlength="180" name="duyuru" id="duyuru" cols="30" rows="5"></textarea>
                  </div>

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

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




          </div>
      </div>

  </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">Aktif Duyuru Listesi</h3>
         </div>

         <div class="col-md-2 col-sm-4 mt-1 text-right">

            <a type="button" href="#" class="text-decoration-none btn-sm btn-danger deleteAll-click">Tüm Duyuruları 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:120px !important">İşlemler</th>
            <th>Duyuru</th>
            <th>Onay Tarihi</th>
            <th>Yazar</th>
            <th>Durum</th>

          </tr>
          </thead>
          <tbody>
            @php($syc=1)
           @foreach ($duyurus as $d)
           <tr>

            <td>{{$syc}}</td>
            <td>

              <a title="Onayla" class="mb-1 btn btn-sm btn-outline-info onay-click"
            id="{{ $d->id }}" durum="{{$d->durum}}"><i class="fas fa-spell-check"></i></a>

              <a id="{{$d->id}}" 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="{{ $d->id }}"><i class="fas fa-trash-alt"></i></a>
            </td>
            <td>{{$d->duyuru}}</td>
            <td>{{Carbon\Carbon::parse($d->created_ad)->format('d.m.Y')}}</td>
            <td>{{$d->getKim->name}}</td>

            <td>@if($d->durum==0) Onay Bekliyor @else Onaylandı @endif</td>
           </tr>
             @php($syc++)
           @endforeach
          </tbody>
        </table>

      </div>

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

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


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

                <p>Seçmiş olduğunuz duyuru silinecektir, Onaylıyormusunuz?</p>

            </div>


            <div class="modal-footer">
                <form method="POST" action="{{ route('duyuruDelete') }}">
                    @csrf
                    <input type="hidden" name="id" id="delete_id" />
                    <button id="deleteBtn" type="submit" class="btn btn-primary">Sil</button>
                </form>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Kapat</button>
            </div>


        </div>


    </div>
  </div>
  <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 duyurular silinecektir, Onaylıyormusunuz?</p>

            </div>


            <div class="modal-footer">

              <a type="button" href="{{route('duyuruAllDelete')}}" 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="onayModal">
    <div class="modal-dialog modal-md">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header  bg-info">
                <h5 class="modal-title">Duyuru Onayla</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('duyuruOnay') }}">
                @csrf
                <input type="hidden" name="onay_id" id="onay_id" />
                <div class="form-row">
                  <div class="col-12 mb-2">
                    <select class="form-control durum" name="durum" id="durum" required>
                      <option value="">Seçim Yapınız</option>
                      <option value="0">Yayından Kaldır</option>
                      <option value="1">Yayınla</option>
                     </select>

                  </div>
                  <div class="col-12">
                    <button id="onayBtn" type="submit" class="btn btn-primary">Onayla</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Kapat</button>
                  </div>

                </div>
            </form>

            </div>


            <div class="modal-footer">


            </div>


        </div>


    </div>
  </div>
</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">
    <!-- daterange picker -->

@endsection

@section('js')
<script>
  $(function() {
 $('#duyuru').keyup(function () {

 var max = 180;
 var len = $(this).val().length;
 if (len >= max) {
   $('#charcount span').text(len+'/'+max);
 } else {
   var char = max - len;
   $('#charcount span').text(len+'/'+max);
 }
});
})
</script>
<script>

    $(function() {
        $('.delete-click').click(function() {
            id = $(this)[0].getAttribute('id');
            $('#delete_id').val(id);
            $('#deleteModal').modal('show');
        });
        $('.deleteAll-click').click(function() {
            $('#deleteAllModal').modal('show');
        });
        $('.onay-click').click(function() {

            id = $(this)[0].getAttribute('id');
            durum = $(this)[0].getAttribute('durum');
            $('#durum').val(durum).change();
            $('#onay_id').val(id);
            $('#onayModal').modal('show');
        });
        $('.edit-click').click(function(){
          id = $(this)[0].getAttribute('id');
          $.ajax({
             type: 'GET',
                   url: '{{route('duyuruEdit')}}',
                   data: {
                       id: id
                   },
                   success:function(data)
                   {
                //   console.log(data);
                            $('#id').val(data.id);
                            $('#duyuru').val(data.duyuru);
                            $('#bstarih').val(data.bstarih);
                            $('#bttarih').val(data.bttarih);
                            $(".formbtn").text("Güncelle");
                  }

           });


       });

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