{{--@php--}}
{{--$addProjectPermission = user()->permission('add_projects');--}}
{{--@endphp--}}

{{--<!-- ROW START -->--}}
{{--<div class="row pb-5">--}}
{{--    <div class="col-lg-12 col-md-12 mb-4 mb-xl-0 mb-lg-4">--}}
{{--        <!-- Add Task Export Buttons Start -->--}}
{{--        <div class="d-flex" id="table-actions">--}}
{{--            @if ($addProjectPermission == 'all' || $addProjectPermission == 'added')--}}
{{--                <x-forms.link-primary :link="route('projects.create').'?default_client='.$client->id"--}}
{{--                    class="mr-3 openRightModal" icon="plus"--}}
{{--                    data-redirect-url="{{ route('clients.show', $client->id) . '?tab=projects' }}">--}}
{{--                    @lang('app.add')--}}
{{--                    @lang('app.project')--}}
{{--                </x-forms.link-primary>--}}
{{--            @endif--}}

{{--        </div>--}}
{{--        <!-- Add Task Export Buttons End -->--}}
{{--        <!-- Task Box Start -->--}}
{{--        <div class="d-flex flex-column w-tables rounded mt-3 bg-white">--}}

{{--            {!! $dataTable->table(['class' => 'table table-hover border-0 w-100']) !!}--}}

{{--            <x-datatable.actions>--}}
{{--                <div class="select-status mr-3 pl-3">--}}
{{--                    <select name="action_type" class="form-control select-picker" id="quick-action-type" disabled>--}}
{{--                        <option value="">@lang('app.selectAction')</option>--}}
{{--                        <option value="change-status">@lang('modules.tasks.changeStatus')</option>--}}
{{--                        <option value="archive">@lang('app.archive')</option>--}}
{{--                        <option value="delete">@lang('app.delete')</option>--}}
{{--                    </select>--}}
{{--                </div>--}}
{{--                <div class="select-status mr-3 d-none quick-action-field" id="change-status-action">--}}
{{--                    <select name="status" class="form-control select-picker">--}}
{{--                        <option value="not started">@lang('app.notStarted')</option>--}}
{{--                        <option value="in progress">@lang('app.inProgress')</option>--}}
{{--                        <option value="on hold">@lang('app.onHold')</option>--}}
{{--                        <option value="canceled">@lang('app.canceled')</option>--}}
{{--                        <option value="finished">@lang('app.finished')</option>--}}
{{--                    </select>--}}
{{--                </div>--}}
{{--            </x-datatable.actions>--}}

{{--        </div>--}}
{{--        <!-- Task Box End -->--}}
{{--    </div>--}}
{{--</div>--}}

{{--@include('sections.datatable_js')--}}

{{--<script>--}}
{{--    $('#projects-table').on('preXhr.dt', function(e, settings, data) {--}}

{{--        var status = $('#status').val();--}}
{{--        var clientID = "{{ $client->id }}";--}}
{{--        var categoryID = $('#category_id').val();--}}
{{--        var teamID = $('#team_id').val();--}}
{{--        var employee_id = $('#employee_id').val();--}}
{{--        var searchText = $('#search-text-field').val();--}}
{{--        data['status'] = status;--}}
{{--        data['client_id'] = clientID;--}}
{{--        data['category_id'] = categoryID;--}}
{{--        data['team_id'] = teamID;--}}
{{--        data['employee_id'] = employee_id;--}}
{{--        data['searchText'] = searchText;--}}
{{--    });--}}
{{--    const showTable = () => {--}}
{{--        window.LaravelDataTables["projects-table"].draw(false);--}}
{{--    }--}}

{{--    $('#quick-action-type').change(function() {--}}
{{--        const actionValue = $(this).val();--}}
{{--        if (actionValue != '') {--}}
{{--            $('#quick-action-apply').removeAttr('disabled');--}}

{{--            if (actionValue == 'change-status') {--}}
{{--                $('.quick-action-field').addClass('d-none');--}}
{{--                $('#change-status-action').removeClass('d-none');--}}
{{--            } else {--}}
{{--                $('.quick-action-field').addClass('d-none');--}}
{{--            }--}}
{{--        } else {--}}
{{--            $('#quick-action-apply').attr('disabled', true);--}}
{{--            $('.quick-action-field').addClass('d-none');--}}
{{--        }--}}
{{--    });--}}

{{--    $('#quick-action-apply').click(function() {--}}
{{--        const actionValue = $('#quick-action-type').val();--}}
{{--        if (actionValue == 'delete') {--}}
{{--            Swal.fire({--}}
{{--                title: "@lang('messages.sweetAlertTitle')",--}}
{{--                text: "@lang('messages.recoverRecord')",--}}
{{--                icon: 'warning',--}}
{{--                showCancelButton: true,--}}
{{--                focusConfirm: false,--}}
{{--                confirmButtonText: "@lang('messages.confirmDelete')",--}}
{{--                cancelButtonText: "@lang('app.cancel')",--}}
{{--                customClass: {--}}
{{--                    confirmButton: 'btn btn-primary mr-3',--}}
{{--                    cancelButton: 'btn btn-secondary'--}}
{{--                },--}}
{{--                showClass: {--}}
{{--                    popup: 'swal2-noanimation',--}}
{{--                    backdrop: 'swal2-noanimation'--}}
{{--                },--}}
{{--                buttonsStyling: false--}}
{{--            }).then((result) => {--}}
{{--                if (result.isConfirmed) {--}}
{{--                    applyQuickAction();--}}
{{--                }--}}
{{--            });--}}

{{--        } else {--}}
{{--            applyQuickAction();--}}
{{--        }--}}
{{--    });--}}

{{--    $('body').on('click', '.delete-table-row', function() {--}}
{{--        var id = $(this).data('user-id');--}}
{{--        Swal.fire({--}}
{{--            title: "@lang('messages.sweetAlertTitle')",--}}
{{--            text: "@lang('messages.recoverRecord')",--}}
{{--            icon: 'warning',--}}
{{--            showCancelButton: true,--}}
{{--            focusConfirm: false,--}}
{{--            confirmButtonText: "@lang('messages.confirmDelete')",--}}
{{--            cancelButtonText: "@lang('app.cancel')",--}}
{{--            customClass: {--}}
{{--                confirmButton: 'btn btn-primary mr-3',--}}
{{--                cancelButton: 'btn btn-secondary'--}}
{{--            },--}}
{{--            showClass: {--}}
{{--                popup: 'swal2-noanimation',--}}
{{--                backdrop: 'swal2-noanimation'--}}
{{--            },--}}
{{--            buttonsStyling: false--}}
{{--        }).then((result) => {--}}
{{--            if (result.isConfirmed) {--}}
{{--                var url = "{{ route('projects.destroy', ':id') }}";--}}
{{--                url = url.replace(':id', id);--}}

{{--                var token = "{{ csrf_token() }}";--}}

{{--                $.easyAjax({--}}
{{--                    type: 'POST',--}}
{{--                    url: url,--}}
{{--                    data: {--}}
{{--                        '_token': token,--}}
{{--                        '_method': 'DELETE'--}}
{{--                    },--}}
{{--                    success: function(response) {--}}
{{--                        if (response.status == "success") {--}}
{{--                            showTable();--}}
{{--                        }--}}
{{--                    }--}}
{{--                });--}}
{{--            }--}}
{{--        });--}}
{{--    });--}}

{{--    const applyQuickAction = () => {--}}
{{--        var rowdIds = $("#projects-table input:checkbox:checked").map(function() {--}}
{{--            return $(this).val();--}}
{{--        }).get();--}}

{{--        var url = "{{ route('projects.apply_quick_action') }}?row_ids=" + rowdIds;--}}

{{--        $.easyAjax({--}}
{{--            url: url,--}}
{{--            container: '#quick-action-form',--}}
{{--            type: "POST",--}}
{{--            disableButton: true,--}}
{{--            buttonSelector: "#quick-action-apply",--}}
{{--            data: $('#quick-action-form').serialize(),--}}
{{--            success: function(response) {--}}
{{--                if (response.status == 'success') {--}}
{{--                    showTable();--}}
{{--                    resetActionButtons();--}}
{{--                    deSelectAll();--}}
{{--                }--}}
{{--            }--}}
{{--        })--}}
{{--    };--}}


{{--    $('body').on('click', '.archive', function() {--}}
{{--        var id = $(this).data('user-id');--}}
{{--        Swal.fire({--}}
{{--            title: "@lang('messages.sweetAlertTitle')",--}}
{{--            text: "@lang('messages.archiveMessage')",--}}
{{--            icon: 'warning',--}}
{{--            showCancelButton: true,--}}
{{--            focusConfirm: false,--}}
{{--            confirmButtonText: "@lang('messages.confirmArchive')",--}}
{{--            cancelButtonText: "@lang('app.cancel')",--}}
{{--            customClass: {--}}
{{--                confirmButton: 'btn btn-primary mr-3',--}}
{{--                cancelButton: 'btn btn-secondary'--}}
{{--            },--}}
{{--            showClass: {--}}
{{--                popup: 'swal2-noanimation',--}}
{{--                backdrop: 'swal2-noanimation'--}}
{{--            },--}}
{{--            buttonsStyling: false--}}
{{--        }).then((result) => {--}}
{{--            if (result.isConfirmed) {--}}
{{--                var url = "{{ route('projects.archive_delete', ':id') }}";--}}
{{--                url = url.replace(':id', id);--}}

{{--                var token = "{{ csrf_token() }}";--}}

{{--                $.easyAjax({--}}
{{--                    type: 'POST',--}}
{{--                    url: url,--}}
{{--                    data: {--}}
{{--                        '_token': token,--}}
{{--                    },--}}
{{--                    success: function(response) {--}}
{{--                        if (response.status == "success") {--}}
{{--                            window.LaravelDataTables["projects-table"].draw(false);--}}
{{--                        }--}}
{{--                    }--}}
{{--                });--}}
{{--            }--}}
{{--        });--}}
{{--    });--}}

{{--</script>--}}