@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('kultur-sanat')}}">Kültür Sanat Bilgi</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">Kültür Sanat Bilgi</h4>
          </div>
          <div class="card-body">
            @include('panelpages.hatakontrol')
              <form method="POST" action="{{route('kultursanatPost')}}" 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()->format('Y-m-d')}}"  required >
                      </div>
                      <div class="form-group col-12">
                        <label for="title">Başlık</label>
                         <input type="text" class="form-control" name="baslik" id="baslik">
                      </div>
                      <div class="form-group col-12" id="charcount">
                        <label for="title">Metin: <span>0/280</span></label>
                         <textarea class="form-control" name="metin" maxlength="280" id="metin" cols="30" rows="2"></textarea>
                      </div>
                      <div class="form-group col-12">
                        <label for="title">Veri Türü</label>
                        <select class="form-control" name="tur" id="tur" data-placeholder="Tür Seçiniz" style="width: 100%;">
                          
                                                   
                           <option selected  value="kultur">Kültür Sanat</option>
                           <option  value="bilgi">Bilgi</option>
                        
                      </select>
                    </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 Kültür Sanat Bilgi 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ünü 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>Başlık</th>
            <th>Metin</th>
            <th>Tür</th>
            <th>Başlangıç Tarihi</th>
            <th>Bitiş tarihi</th>
           

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

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

             

              <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->baslik}}</td>
            <td>{{$d->metin}}</td>
            <td>
              @if($d->tur=="kultur") Kültür Sanat @else Bilgi @endif
            </td>
            <td>{{Carbon\Carbon::parse($d->bstarih)->format('d.m.Y')}}</td>
            <td>{{Carbon\Carbon::parse($d->bttarih)->format('d.m.Y')}}</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">Kültür Sanat Bilgi 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 veri silinecektir, Onaylıyormusunuz?</p>

            </div>


            <div class="modal-footer">
                <form method="POST" action="{{ route('kultursanatDelete') }}">
                    @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 Kültür Sanat Bilgileri 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 Kültür Sanat Bilgiler silinecektir, Onaylıyormusunuz?</p>

            </div>


            <div class="modal-footer">

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

                <button type="button" class="btn btn-danger" data-dismiss="modal">Kapat</button>
            </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() {
  $('#metin').keyup(function () {
 
  var max = 280;
  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');
        });
      
        $('.edit-click').click(function(){
          id = $(this)[0].getAttribute('id');
          $.ajax({
             type: 'GET',
                   url: '{{route('kultursanatEdit')}}',
                   data: {
                       id: id
                   },
                   success:function(data)
                   {
                //   console.log(data);
                            $('#id').val(data.id);
                            $('#baslik').val(data.baslik);
                            $('#metin').val(data.metin);
                            $('#tur').val(data.tur).change();
                            $('#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