@extends($route_prefix . '.layouts.layout_1.app')

@section('page_css')
    <style type="text/css">
        .sortable {
            cursor: pointer;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .sortable:hover>.fa-sort {
            opacity: 1;
        }

        .fa-sort {
            opacity: 0.5;
            transition: opacity 0.3s;
        }
    </style>
@stop

@include('portal.acl.users._index')

@section('page_js')
    <script>
        $(document).on('click', '.delete', function(e) {
            e.preventDefault();
            var url = $(this).data('delete_url'),
                row = $(this).closest('tr');

            Swal.fire({
                title: "Are you sure?",
                text: "Once this User is deleted, you won't be able to revert this!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#3085d6",
                cancelButtonColor: "#d33",
                confirmButtonText: "Yes, delete it!"
            }).then((result) => {
                if (result.value) {
                    $.ajax({
                        url: url,
                        type: 'GET',
                        data: {
                            _token: '{{ csrf_token() }}'
                        },
                        success: function(response) {
                            if (response.code == 1) {
                                row.fadeOut(function() {
                                    row.remove();
                                    swal("Deleted!",
                                        "User has been deleted successfully",
                                        "success");
                                });
                            } else {
                                swal("Error!", "User has not been deleted",
                                    "error");
                            }
                        }
                    });
                }
            });

            return false;
        });

        $(document).ready(function() {
            setSortOrderIcons();
        });

        function sortData(e) {
            let sort_order_val = null;
            let sort_order = $('#sort_order');
            let selected_header = $('#selected_header');

            if (selected_header.val() == e) {
                sort_order_val = sort_order.val();
            }

            selected_header.val(e);

            switch (sort_order_val) {
                case 'ASC':
                    sort_order.val('DESC');
                    break;

                case 'DESC':
                    sort_order.val('');
                    break;

                default:
                    sort_order.val('ASC')

            }

            setSortOrderIcons();

            $('#search_form').submit();
        }

        function setSortOrderIcons() {
            let sort_order_val = $('#sort_order').val();
            let selected_header = $(`#selected_header`).val();
            if (selected_header) {
                let header = $(`#${selected_header} > i`);

                switch (sort_order_val) {
                    case 'ASC':
                        header.removeClass(['fa-sort-desc', 'fa-sort']).addClass('fa-sort-asc');
                        break;

                    case 'DESC':
                        header.removeClass(['fa-sort-asc', 'fa-sort']).addClass('fa-sort-desc');
                        break;

                    default:
                        header.removeClass(['fa-sort-desc', 'fa-sort-asc']).addClass('fa-sort');

                }
            }
        }
    </script>
@stop