@extends('layouts.adminmaster')

		@section('styles')

		<!-- INTERNAl Summernote css -->
		<link rel="stylesheet" href="{{asset('build/assets/plugins/summernote/summernote.css')}}?v=1787446615">

		<!-- INTERNAL Data table css -->
		<link href="{{asset('build/assets/plugins/datatable/css/dataTables.bootstrap5.min.css')}}?v=1787446615" rel="stylesheet" />
		<link href="{{asset('build/assets/plugins/datatable/responsive.bootstrap5.css')}}?v=1787446615" rel="stylesheet" />

		<!-- INTERNAL Sweet-Alert css -->
		<link href="{{asset('build/assets/plugins/sweet-alert/sweetalert.css')}}?v=1787446615" rel="stylesheet" />

		@endsection

							@section('content')

							<!--Page header-->
							<div class="page-header d-xl-flex d-block">
								<div class="page-leftheader">
									<h4 class="page-title"><span class="font-weight-normal text-muted ms-2">{{lang('Pages', 'menu')}}</span></h4>
								</div>
							</div>
							<!--End Page header-->

							<!-- Privacy Policy & Terms of Use List -->
							<div class="col-xl-12 col-lg-12 col-md-12">
								<div class="card ">
									<div class="card-header border-0">
										<h4 class="card-title">{{lang('Pages', 'menu')}}</h4>
										<div class="card-options mt-sm-max-2">
											@can('Pages Create')
                                                <a href="{{route('pages.createpage')}}" class="btn btn-secondary me-3">{{lang('Create Page')}}</a>
											@endcan
										</div>
									</div>
									<div class="card-body" >
										@can('Pages Delete')
										  <button id="massdelete" class="btn btn-outline-light btn-sm mb-4 data-table-btn" style="display: none;"><i class="fe fe-trash"></i> {{lang('Delete')}}</button>
										@endcan
										<div class="table-responsive">
											<table class="table table-bordered border-bottom text-nowrap w-100" id="support-articlelists">
												<thead>
													<tr>
														<th  width="10">{{lang('Sl.No')}}</th>
														@cannot('Pages Delete')

														<th>
															<input type="checkbox"  id="customCheckAll" class="form-check-input" disabled>
															<label  for="customCheckAll"></label>
														</th>
														@endcannot
														@can('Pages Delete')

														<th>
															<input type="checkbox"  id="customCheckAll" class="form-check-input" >
															<label  for="customCheckAll"></label>
														</th>
														@endcan
														<th >{{lang('Name')}}</th>
														<th >{{lang('Created Date')}} </th>
														<th >{{lang('Action')}}</th>
													</tr>
												</thead>
												<tbody>
													@php $i = 1; @endphp
													@foreach($page as $pages)
														<tr>
															<td>{{$i++}}</td>
															<td>
																@if(Auth::user()->can('Pages Delete'))

																<input type="checkbox" name="custom_checkbox[]" class="checkall form-check-input" value="{{$pages->id}}" />
																@else

																<input type="checkbox" name="custom_checkbox[]" class="checkall form-check-input" value="{{$pages->id}}" disabled />
																@endif
															</td>
															<td>{{Str::limit($pages->pagename, '40')}}</td>
															<td>{{\Carbon\Carbon::parse($pages->created_at)->format(setting('date_format'))}}</td>
															<td>
																<div class = "d-flex">
																@if(Auth::user()->can('Pages Edit'))

                                                                    <a href="{{route('pages.show',$pages->id)}}" class="action-btns1">
                                                                        <i class="feather feather-edit text-primary" data-id="{{$pages->id}}" data-bs-toggle="tooltip" data-bs-placement="top" title="{{lang('Edit')}}"></i>
                                                                    </a>
																@else
																	~
																@endif
																@if(Auth::user()->can('Pages View'))

																	<a href="{{url('page/'. $pages->pageslug)}}"  class="action-btns1" target="_blank" >
																		<i class="feather feather-eye text-primary"  data-bs-toggle="tooltip" data-bs-placement="top" title="{{lang('View')}}"></i>
																	</a>
																@else
																	~
																@endif
																@if(Auth::user()->can('Pages Delete'))
																	<a href="javascript:void(0)" class="action-btns1 delete-pages" data-id="{{$pages->id}}" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="{{lang('Delete')}}" aria-label="Delete">
																		<i class="feather feather-trash-2 text-danger" data-id="{{$pages->id}}"></i>
																	</a>
																@else
																	~
																@endif

																</div>
															</td>
														</tr>
													@endforeach
												</tbody>
											</table>
										</div>
									</div>
								</div>
							</div>
							<!-- End Privacy Policy & Terms of Use List -->

							@endsection

		@section('scripts')

		<!-- INTERNAL Summernote js  -->
		<script src="{{asset('build/assets/plugins/summernote/summernote.js')}}?v=1787446615"></script>

		<!-- INTERNAL Data tables -->
		<script src="{{asset('build/assets/plugins/datatable/js/jquery.dataTables.min.js')}}?v=1787446615"></script>
		<script src="{{asset('build/assets/plugins/datatable/js/dataTables.bootstrap5.js')}}?v=1787446615"></script>
		<script src="{{asset('build/assets/plugins/datatable/dataTables.responsive.min.js')}}?v=1787446615"></script>
		<script src="{{asset('build/assets/plugins/datatable/responsive.bootstrap5.min.js')}}?v=1787446615"></script>

		<!-- INTERNAL Index js-->
        @vite(['resources/assets/js/support/support-sidemenu.js'])
        @vite(['resources/assets/js/support/support-articles.js'])

		<!--File BROWSER -->
        @vite(['resources/assets/js/form-browser.js'])

		<!-- INTERNAL Sweet-Alert js-->
		<script src="{{asset('build/assets/plugins/sweet-alert/sweetalert.min.js')}}?v=1787446615"></script>


        <script type="text/javascript">
            $(function() {
                "use strict";

                (function($)  {

                    // Variables
                    var SITEURL = '{{url('')}}';

                    // Csrf field
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });

                    let prev = {!! json_encode(lang("Previous")) !!};
                    let next = {!! json_encode(lang("Next")) !!};
                    let nodata = {!! json_encode(lang("No data available in table")) !!};
                    let noentries = {!! json_encode(lang("No entries to show")) !!};
                    let showing = {!! json_encode(lang("showing page")) !!};
                    let ofval = {!! json_encode(lang("of")) !!};
                    let maxRecordfilter = {!! json_encode(lang("- filtered from ")) !!};
                    let maxRecords = {!! json_encode(lang("records")) !!};
                    let entries = {!! json_encode(lang("entries")) !!};
                    let show = {!! json_encode(lang("Show")) !!};
                    let search = {!! json_encode(lang("Search...")) !!};
                    // Datatable
                    $('#support-articlelists').dataTable({
                        language: {
                            searchPlaceholder: search,
                            scrollX: "100%",
                            sSearch: '',
                            paginate: {
                            previous: prev,
                            next: next
                            },
                            emptyTable : nodata,
                            infoFiltered: `${maxRecordfilter} _MAX_ ${maxRecords}`,
                            info: `${showing} _PAGE_ ${ofval} _PAGES_`,
                            infoEmpty: noentries,
                            lengthMenu: `${show} _MENU_ ${entries} `,
                        },
                        order:[],
                        columnDefs: [
                            { "orderable": false, "targets":[ 0,1,4] }
                        ],
                    });

                    /* When click delete pages */
                    $('body').on('click', '.delete-pages', function () {
                        var _id = $(this).data("id");
                        swal({
                            title: `{{lang('Are you sure you want to continue?', 'alerts')}}`,
                            text: "{{lang('This might erase your records permanently', 'alerts')}}",
                            icon: "warning",
                            buttons: true,
                            dangerMode: true,
                        })
                        .then((willDelete) => {
                            if (willDelete) {
                                $.ajax({
                                    type: "post",
                                    url: SITEURL + "/admin/pagesdelete/"+_id,
                                    success: function (data) {
                                        toastr.success(data.success);
                                        location.reload();
                                    },
                                    error: function (data) {
                                        console.log('Error:', data);
                                    }
                                });
                            }
                        });
                    });

                    // Mass Delete Testimonial
                    $('body').on('click', '#massdelete', function () {
                        var id = [];
                        $('.checkall:checked').each(function(){
                            id.push($(this).val());
                        });
                        if(id.length > 0){
                            swal({
                                title: `{{lang('Are you sure you want to continue?')}}`,
                                text: "{{lang('This might erase your records permanently')}}",
                                icon: "warning",
                                buttons: true,
                                dangerMode: true,
                            })
                            .then((willDelete) => {
                                if (willDelete) {
                                    $.ajax({
                                        url:"{{ route('deleteall')}}",
                                        method:"post",
                                        data:{id:id},
                                        success:function(data)
                                        {
                                            toastr.success(data.success);
                                            location.reload();

                                        },
                                        error:function(data){
                                            console.log(data);
                                        }
                                    });
                                }
                            });
                        }else{
                            toastr.error('{{lang('Please select at least one check box.', 'alerts')}}');
                        }


                    });

                    $('.form-select').select2({
                        minimumResultsForSearch: Infinity,
                        width: '100%'
                    });



                    $(document).ready(function() {

                        $(document).on('click', '#customCheckAll', function() {
                            $('.checkall').prop('checked', this.checked);
                            updateMassDeleteVisibility();
                        });

                        // Handle individual checkboxes
                        $(document).on('click', '.checkall', function() {
                            updateCustomCheckAll();
                            updateMassDeleteVisibility();
                        });

                        // Handle pagination controls
                        $(document).on('click', '.pagination a', function() {
                            // Assuming '.pagination a' is the selector for your pagination controls
                            setTimeout(function() {
                                updateMassDeleteVisibility();
                            }, 100);
                        });

                        // Initialize the "Select All" checkbox to unchecked
                        $('#customCheckAll').prop('checked', false);

                        // Function to update the visibility of the mass delete button
                        function updateMassDeleteVisibility() {
                            if ($('.checkall:checked').length === 0) {
                                $('#massdelete').hide();
                            } else {
                                $('#massdelete').show();
                            }
                        }

                        // Function to update the state of the "Select All" checkbox
                        function updateCustomCheckAll() {
                            var totalCheckboxes = $('.checkall').length;
                            var checkedCheckboxes = $('.checkall:checked').length;

                            if (checkedCheckboxes === totalCheckboxes) {
                                $('#customCheckAll').prop('checked', true);
                            } else {
                                $('#customCheckAll').prop('checked', false);
                            }
                        }
                    });


                })(jQuery);
            })
		</script>

		@endsection

		@section('modal')

    		@include('admin.generalpage.model')

		@endsection