@extends('backend.layouts.app')

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>{{$title}}</h1>
    </section>
    <!-- Main content -->
    <section class="content">
      @include('backend.layouts.alert')
      <!-- Default box -->
      <div class="box">
        <div class="box-body">
          
            <table aria-describedby="tbl-cms-desc" class="table table-bordered table-hover" id="tbl-cms">
              <thead>
                <th scope="col">{{__('app.cms.page_name')}}</th>
                <th scope="col" class="action">Action</th>
              </thead>
              <tbody>
                @foreach ($cmsPages as $cmsPage)
                  <tr>
                    <td>
                      {{ $cmsPage->page_name }}
                  </td>
                  <td>
                    <a href="{{ route('superadmin.cms.edit', $cmsPage->id) }}" class="me-3">
                      <em class="iconsax icon-292D32 fs-20" icon-name="edit-1"></em>
                    </a>
                  </td>
                </tr>
                @endforeach
              </tbody>
            </table>
          
        </div>
      </div>
      <!-- /.box -->

    </section>
    <!-- /.content -->

<script type="text/javascript">
$(document).ready(function () {
  $.fn.dataTable.ext.errMode = () => alert('{{__("messages.datatable_error_message")}}');
      var table = $('#tbl-cms').DataTable({
      info: true,
      searching: true,
      pageLength: 10,
      pagingType: "full_numbers",
      dom: 'frt<"bottom"ipl><"clear">',
      columnDefs: [
        {
          targets: 'action',
          orderable: false,
          searchable: false
        }
      ]
  });

  $('#tbl-cms_filter input[type="search"]').attr('placeholder', 'Search');


        $(document).on('change','.faq-check',function(){
          var status  = null;
          var id      = $(this).attr('data-id');
            if($(this).prop("checked") == true){
              status = 1;
            }
            else if($(this).prop("checked") == false){
              status = 0;
            }

            $.ajax({
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              type: 'POST',
              url: '{{}}',
              dataType: "json",
              data: {
                id: id,
                status:status
              },
              success: function (response) {
                console.log(response);
              },
              beforeSend: function () {
              }
            });

        });

    });
</script>
@endsection