@extends('manager.layouts.app')
@section('page_title')
   {{$page_title ?? ''}}
@endsection
@push('head-scripts')
   <link rel="stylesheet" href="{{ asset('manager/datatable/datatables.min.css') }}" rel="stylesheet" />
@endpush
@section('content')
   <div class="card mt-3">
       <div class="card-body">
           {{-- Page Header --}}
            <x-page-header :title="$p_title" :summary="$p_summary" :url="auth()->user()->can('manager_transaction_faqs-list') ? $url : null" :urlText="$url_text"/>

           {{-- Datatatble : Start --}}
           <div class="row">
               <div class="col-12">
                   <div class="table-responsive">
                       <table id="indextable" class="table table-bordered table-striped table-hover table-responsive w-100 pt-1">
                           <thead class="table-dark">
                           <th>#</th>
                           <th>Type</th>
                           <th>Current</th>
                           <th>Old</th>
                           <th>At</th>
                           <th>User</th>
                           </thead>
                       </table>
                   </div>
               </div>
           </div>
           {{-- Datatatble : End --}}
           {{-- Page Description : Start --}}
           @if(!empty($p_description) && isset($p_description))
               <div class="card-footer">
                   <div class="row">
                       <div class="col-12 mb-sm-2 mb-0">
                           <p>{{(!empty($p_description) && isset($p_description)) ? $p_description : ''}}</p>
                       </div>
                   </div>
               </div>
           @endif
           {{-- Page Description : End --}}
       </div>
   </div>
@endsection
@push('footer-scripts')
   <script type="text/javascript" src="{{ asset('manager/datatable/datatables.min.js')}}"></script>
   <script type="text/javascript">
       $(document).ready(function(){
           //Datatable
           let id = '{{$id}}'
           let URL = ("{{ route('manager.faqs-activity-log', ':id') }}").replace(':id', id);
           $('#indextable').DataTable({
               destroy: true,
               processing: true,
               serverSide: true,
               order: [[ 0, "desc" ]],
               ajax: {
                   "type":"GET",
                   "url":URL,
               },
               columns: [
                   { data: 'id'},
                   { data: 'type' },
                   { data: 'current' },
                   { data: 'old' },
                   { data: 'updated' },
                   { data: 'causer' },
               ],
               columnDefs: [
                   {
                       targets: 0,
                       orderable: false,
                       searchable: false,
                       width: '100px',
                       render: function ( data, type, row, meta ) {
                           return meta.row + meta.settings._iDisplayStart + 1;
                       }
                   }
               ]
           });
       });
       function selectRange(){
           $('.dataTable').DataTable().ajax.reload()
       }
   </script>
   {{-- Toastr : Script : Start --}}
   @if(Session::has('messages'))
       <script>
           noti({!! json_encode((Session::get('messages'))) !!});
       </script>
   @endif
   {{-- Toastr : Script : End --}}
@endpush