{{--  previwe image   --}}
<script>
    $('.photo').on('change', function (e) {
        var file = e.target.files[0];
        var url = URL.createObjectURL(file);
        $(this).parent().find('.image_preview').attr('src', url);
    })
</script>

{{--  check all items   --}}
<script>
    $(document).on('change', '.check_all', function () {
        if ($(this).is(':checked')) {
            $('.check_item').prop('checked', true);
            if ($('.check_item:checked').length > 0) {
                $('.delete_all_btn').removeClass('d-none');
            } else {
                $('.delete_all_btn').addClass('d-none');
            }

        } else {
            $('.check_item').prop('checked', false);
            $('.delete_all_btn').addClass('d-none');
        }
    });

    $(document).on('change', '.check_item', function () {
        if ($('.check_item:checked').length > 0) {
            $('.delete_all_btn').removeClass('d-none');

            if ($('.check_item:checked').length == $('.check_item').length) {
                $('.check_all').prop('checked', true);
            } else {
                $('.check_all').prop('checked', false);
            }
        } else {
            $('.check_all').prop('checked', false);
            $('.delete_all_btn').addClass('d-none');
        }
    });
</script>

{{--  change status   --}}
<script>
    $(document).on('change', '.status', function () {
        var id = $(this).data('id');
        var url = $(this).data('url');
        var parent = $(this).parent();

        $.ajax({
            type: "post",
            url: url,
            data: {
                '_token': '{{csrf_token()}}',
                id: id,
            },
            beforeSend: function () {
                parent.html('<i class="fa fa-spin fa-spinner"></i>');
            },
            success: function () {
                $('.datatable').DataTable().draw();
                Toast.fire({
                    icon: 'success',
                    title: 'تم تعديل البيانات بنجاح'
                })
            },

        })

    })
</script>

{{--bulk Delete--}}
<script>
    $(document).on('click', '.delete_all_btn', function (e) {
        var url = $(this).attr('href');
        var items = [];
        $('input[class="check_item"]').each(function () {
            if ($(this).is(':checked')) {
                items.unshift($(this).val());
            }
        });

        e.preventDefault();
        Swal.fire({
            title: 'قد يؤدي الحذف إلي حذف العناصر المتعلقه بهذا العنصر',
            text: "هل تريد الإستمرار ؟",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'نعم , حذف!',
            cancelButtonText: 'رجوع'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    type: "delete",
                    url: url,
                    data: {
                        '_token': '{{csrf_token()}}',
                        'items': items
                    },
                    success: function () {
                        Swal.fire(
                            'تم الحذف !',
                            'تم الحذف بنجاح',
                            'success'
                        );
                        $('.delete_all_btn').addClass('d-none');
                        $('.datatable').DataTable().draw();
                    },
                    error: function (response) {
                        Swal.fire(
                            response.responseJSON.message,
                        );
                    }
                })
            }
        })
    })
</script>
{{--delete raw--}}
<script>
    $(document).on('click', '.delete_raw', function (e) {
        e.preventDefault();
        var url = $(this).attr('href');

        Swal.fire({
            title: 'قد يؤدي الحذف إلي حذف العناصر المتعلقه بهذا العنصر',
            text: "هل تريد الإستمرار ؟",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'نعم , حذف!',
            cancelButtonText: 'رجوع'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    type: "delete",
                    url: url,
                    data: {
                        '_token': '{{csrf_token()}}'
                    },
                    success: function (response) {
                        console.log(response)
                        Swal.fire(
                            'تم الحذف !',
                            'تم الحذف بنجاح',
                            'success'
                        );

                        $('.datatable').DataTable().draw();
                    },
                    error: function (response) {
                        Swal.fire(
                            response.responseJSON.message,
                        );
                    }
                })
            }
        })

    });
</script>

<script>
    $('button[type="submit"]').on('click', function () {
        $(this).append('<i class="fa fa-spin fa-spinner spinner_icon"></i>')
        $(this).attr('disabled', true);
        $(this).parents('form').submit();
        setTimeout(function () {
            $('button[type="submit"]').attr('disabled', false);
            $('.spinner_icon').remove()
        }, 1500)
    })
</script>

{{--ajax reload --}}
<script>
    $(document).ajaxComplete(function () {
        $(".select2-custom").select2({
            dir: "rtl"
        });
    });


</script>


<script>
    //  on submit form by ajax

    function submitFormByAjax(url, data, callback) {
        $.ajax({
            contentType: false,
            cache: false,
            processData: false,
            type: 'post',
            url: url,
            data: data,
            success: function (response) {
                callback(response)
            },
            error: function (response) {
                callback(response);
                $('.progress').addClass('d-none');
                $('.spinner_icon').remove()
            }
        })
    }
</script>