@extends('layout.master', ['headerTitle' => 'Terms-Privacy List'])

@section('style')
<link href="{{ asset('assets/plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('body')
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <div class="container-xxl" id="kt_content_container">
        <div class="card card-flush">
            <div class="card-body pt-5">
                <div class="d-flex align-items-center py-3 py-md-1 mt-3">
                    <a href="{{route('termsPrivacy.create')}}" class="btn btn btn-dark">Add Terms-Privacy</a>
                </div>
                <table class="table align-middle table-row-dashed fs-6 gy-5" id="termsPrivacyListTable">
                </table>
            </div>
        </div>
    </div>
</div>
@endsection
@push('scripts')
<script src="{{ asset('assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
<script src="{{ asset('assets/js/custom/apps/ecommerce/sales/listing.js') }}"></script>
<script src="{{ asset('assets/js/widgets.bundle.js') }}"></script>
<script src="{{ asset('assets/js/custom/widgets.js') }}"></script>

<script>
    $(document).ready(function() {
        var table = $('#termsPrivacyListTable');
        setTermsPrivacyListTable();

        function setTermsPrivacyListTable() {
            oTable = table.dataTable({
                "processing": true,
                "serverSide": true,
                "language": {
                    "aria": {
                        "sortAscending": ": click to sort column ascending",
                        "sortDescending": ": click to sort column descending"
                    },
                    "emptyTable": "No data available in table",
                    "info": "Showing _START_ to _END_ of _TOTAL_ entries",
                    "infoEmpty": "No entries found",
                    "infoFiltered": "(filtered1 from _MAX_ total entries)",
                    "lengthMenu": "_MENU_ entries",
                    "search": "Search:",
                    "zeroRecords": "No matching records found",
                    "paginate": {
                        "previous": "Prev",
                        "next": "Next",
                        "last": "Last",
                        "first": "First",
                        "page": "Page",
                        "pageOf": "of"
                    }
                },
                "columns": [{
                        "title": "S.No",
                        "data": "id"
                    },
                    {
                        "title": "Selection",
                        "data": "selection"
                    },
                    {
                        "title": "Status",
                        "data": "status"
                    },
                    {
                        "title": "Action",
                        "data": "action"
                    }
                ],
                responsive: true,
                "order": [
                    [0, 'desc']
                ],
                "lengthMenu": [
                    [10, 20, 50, 100],
                    [10, 20, 50, 100]
                ],
                "pageLength": 10,
                "columnDefs": [{
                        "width": "10%",
                        "targets": 0
                    },
                    {
                        "width": "40%",
                        "targets": 1
                    },
                    {
                        "width": "20%",
                        "targets": 2
                    },
                    {
                        "width": "30%",
                        "targets": 3
                    },
                    {
                        'targets': [0, 2, 3], // column index (start from 0)
                        'orderable': false, // set orderable false for selected columns
                    }
                ],
                "ajax": {
                    "url": "{{ route('getTermsPrivacyData') }}", // ajax source
                },
                "dom": "<'row' <'col-md-12'>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
                // horizobtal scrollable datatable
            });
        }

        var _token = `{{ csrf_token() }}`;
        $('body').on('click', '.switch_checkbox_btn', function() {
            var ids = $(this).attr('entry-id');
            var check = $(this).prop('checked');
            var table_name = 'terms_privacies';

            $.ajax({
                    headers: {
                        'x-csrf-token': _token
                    },
                    method: 'GET',

                    url: (check) ? "{{ route('changeStatus', [':id', ':check']) }}".replace(':check', 1).replace(':id', ids) : "{{ route('changeStatus', [':id', ':check']) }}".replace(':check', 0).replace(':id', ids),

                    data: {
                        ids: ids,
                        table_name: table_name,
                        _method: 'GET'
                    }
                })
                .done(function(data) {
                    if (data.success == true) {
                        toastr.options = {
                            "closeButton": true,
                            "newestOnTop": true,
                            "progressBar": true,
                            "positionClass": "toastr-bottom-right",
                        };
                        toastr.success(data.message, "Metronic");
                    }
                })
        });

    });
</script>
@endpush