@if (is_rtl() == 'rtl')
    <script src="/admin/assets/global/plugins/bootstrap-daterangepicker/daterangepicker-rtl.min.js" type="text/javascript">
    </script>
@else
    <script src="/admin/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript">
    </script>
@endif

<script src="/vendor/laravel-filemanager/js/single-stand-alone-button.js"></script>


<script>
    $(document).ready(function() {
        $('#clickmewow').click(function() {
            $('#radio1003').attr('checked', 'checked');
        });
    })
</script>

<script type="text/javascript">
    $(document).ready(function() {
        $(".emojioneArea").emojioneArea();
    });
</script>

<style>
    .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
        margin-bottom: -286px !important;
        right: -14px;
        z-index: 90000000000000;
    }

    .emojionearea .emojionearea-button.active+.emojionearea-picker-position-top {
        margin-top: 0px !important;
    }
</style>

<script>
    // DELETE ROW FROM DATATABLE
    function deleteRow(url, rowId = '', flag = '') {
        var _token = $('input[name=_token]').val();

        bootbox.confirm({
            message: '{{ __('apps::dashboard.general.delete_message') }}',
            buttons: {
                confirm: {
                    label: '{{ __('apps::dashboard.general.yes_btn') }}',
                    className: 'btn-success'
                },
                cancel: {
                    label: '{{ __('apps::dashboard.general.no_btn') }}',
                    className: 'btn-danger'
                }
            },

            callback: function(result) {
                if (result) {

                    $.ajax({
                        method: 'DELETE',
                        url: url,
                        data: {
                            _token: _token
                        },
                        success: function(msg) {
                            toastr["success"](msg[1]);
                            if (flag === 'advertising_groups') {
                                $('#advertisingGroup-' + rowId).remove();
                            } else {
                                $('#dataTable').DataTable().ajax.reload();
                                $('#addressesDataTable').DataTable().ajax.reload();
                            }
                        },
                        error: function(msg) {
                            toastr["error"](msg[1]);
                            $('#dataTable').DataTable().ajax.reload();
                            $('#addressesDataTable').DataTable().ajax.reload();
                        }
                    });

                }
            }
        });
    }

    function deleteAllChecked(url) {
        var someObj = {};
        someObj.fruitsGranted = [];

        $("input:checkbox").each(function() {
            var $this = $(this);

            if ($this.is(":checked")) {
                someObj.fruitsGranted.push($this.attr("value"));
            }
        });

        var ids = someObj.fruitsGranted;

        bootbox.confirm({
            message: '{{ __('apps::vendor.general.deleteAll_message') }}',
            buttons: {
                confirm: {
                    label: '{{ __('apps::vendor.general.delete_yes_btn') }}',
                    className: 'btn-success'
                },
                cancel: {
                    label: '{{ __('apps::vendor.general.delete_no_btn') }}',
                    className: 'btn-danger'
                }
            },

            callback: function(result) {
                if (result) {

                    $.ajax({
                        type: "GET",
                        url: url,
                        data: {
                            ids: ids,
                        },
                        success: function(msg) {

                            if (msg[0] == true) {
                                toastr["success"](msg[1]);
                                $('#dataTable').DataTable().ajax.reload();
                                $('#addressesDataTable').DataTable().ajax.reload();
                            } else {
                                toastr["error"](msg[1]);
                            }

                        },
                        error: function(msg) {
                            toastr["error"](msg[1]);
                            $('#dataTable').DataTable().ajax.reload();
                            $('#addressesDataTable').DataTable().ajax.reload();
                        }
                    });

                }
            }
        });
    }

    $(document).ready(function() {

        var start = moment().subtract(29, 'days');
        var end = moment();

        function cb(start, end) {
            if (start.isValid() && end.isValid()) {
                $('#reportrange span').html(start.format('YYYY-MM-DD') + ' - ' + end.format('YYYY-MM-DD'));
                $('input[name="from"]').val(start.format('YYYY-MM-DD'));
                $('input[name="to"]').val(end.format('YYYY-MM-DD'));
            } else {
                $('#reportrange .form-control').val('Without Dates');
                $('input[name="from"]').val('');
                $('input[name="to"]').val('');
            }
        }

        $('#reportrange').daterangepicker({
            startDate: start,
            endDate: end,
            ranges: {
                '{{ __('apps::dashboard.general.date_range.today') }}': [moment(), moment()],
                '{{ __('apps::dashboard.general.date_range.yesterday') }}': [moment().subtract(1,
                    'days'), moment().subtract(1, 'days')],
                '{{ __('apps::dashboard.general.date_range.7days') }}': [moment().subtract(6, 'days'),
                    moment()
                ],
                '{{ __('apps::dashboard.general.date_range.30days') }}': [moment().subtract(29,
                        'days'),
                    moment()
                ],
                '{{ __('apps::dashboard.general.date_range.month') }}': [moment().startOf('month'),
                    moment().endOf('month')
                ],
                '{{ __('apps::dashboard.general.date_range.last_month') }}': [moment().subtract(1,
                    'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
            },
            @if (is_rtl() == 'rtl')
                opens: 'left',
            @endif
            buttonClasses: ['btn'],
            applyClass: 'btn-primary',
            cancelClass: 'btn-danger',
            format: 'YYYY-MM-DD',
            separator: 'to',
            locale: {
                applyLabel: '{{ __('apps::dashboard.general.date_range.save') }}',
                cancelLabel: '{{ __('apps::dashboard.general.date_range.cancel') }}',
                fromLabel: 'from',
                toLabel: 'to',
                customRangeLabel: '{{ __('apps::dashboard.general.date_range.custom') }}',
                firstDay: 1
            }
        }, cb);

        cb(start, end);

    });
</script>

<script>
    $('.lfm').filemanager('image');

    $('.delete').click(function() {
        $(this).closest('.form-group').find($('.' + $(this).data('input'))).val('');
        $(this).closest('.form-group').find($('.' + $(this).data('preview'))).html('');
    });
</script>

<script src="https://js.pusher.com/5.0/pusher.min.js"></script>

<script>
    var pusher = new Pusher('{{ env('PUSHER_APP_KEY') }}', {
        cluster: '{{ env('PUSHER_APP_CLUSTER') }}',
        forceTLS: true
    });

    pusher.subscribe('{{ config('core.config.constants.DASHBOARD_CHANNEL') }}').bind(
        '{{ config('core.config.constants.DASHBOARD_ACTIVITY_LOG') }}',
        function(data) {

            $('#dataTable').DataTable().ajax.reload();

            if (data.activity.type === 'orders') {
                openActivityAsToaster(data.activity);
            }

        });

    function playSound() {
        var audio = new Audio('{{ url('uploads/media/doorbell-5.mp3') }}');
        audio.play();
    }

    function openActivity(response) {
        playSound();
        // Show
        var showUrl = response.url;

        swal({
                title: response.description_{{ locale() }},
                icon: "success",
                buttons: true,
                dangerMode: true,
            })
            .then((willDone) => {
                if (willDone) {
                    window.location.href = showUrl;
                }
            });
    }

    function openActivityAsToaster(response) {
        playSound();
        var showUrl = response.url;

        toastr.options.closeMethod = 'fadeOut';
        toastr.options.closeDuration = 300;
        toastr.options.closeEasing = 'swing';
        toastr.options.escapeHtml = true;
        toastr.options.onclick = function() {
            window.location.href = showUrl
        }
        toastr["success"](response.description_{{ locale() }});
    }

    $("#showAllDeleted").bootstrapSwitch({
        onSwitchChange: function(e, state) {
            var data = {};
            if (state)
                data['deleted'] = 'only';

            $('#dataTable').DataTable().destroy();
            tableGenerate(data);
        }
    });

    function toggleBooleanSwitch(el, toggle_show_element) {
        var checked = $(el).is(':checked');
        if (checked) {
            $(toggle_show_element).show();
        } else {

            $(toggle_show_element).hide();
        }
    }

    function addMoreEmailsInputs() {
        var rowCount = Math.floor(Math.random() * 9000000000) + 1000000000;
        var otherEmailsSection = $('#otherEmailsSection');
        var input = `
        <div class="form-group" id="emails-input-${rowCount}">
            <label class="col-md-2">
                {{ __('vendor::dashboard.vendors.create.form.other_email') }}
            </label>
            <div class="col-md-7">
                <input type="email" name="emails[${rowCount}]" class="form-control"
                    data-name="emails.${rowCount}">

                <div class="help-block"></div>
            </div>
            <div class="col-md-1">
                <button type="button" class="btn btn-danger" onclick="removeEmailsInput(${rowCount})">
                    <i class="fa fa-trash-o" aria-hidden="true"></i>
                </button>
            </div>
        </div>
        `;

        otherEmailsSection.prepend(input);
    }

    function removeEmailsInput(index) {
        $('#emails-input-' + index).remove();
    }
</script>

@include('order::dashboard.shared._bulk_order_actions_js')

<script>
    $(document).ready(function() {

        $("#select2Vendor").select2({
            placeholder: "{{ __('catalog::dashboard.addon_categories.alert.select_vendor') }}",
            allowClear: true,
        });

        $('#select2AddonCategory').select2({
            placeholder: "{{ __('catalog::dashboard.addon_options.alert.select_addon_category') }}",
            allowClear: true,
        });

        $('#select2Vendor').on('select2:select', function(e) {
            var data = e.params.data;
            getAddonCategoriesByVendor(data.id);
        });

        $('#select2Vendor').on('select2:unselect', function(e) {
            getAddonCategoriesByVendor(null);
        });

    });

    function getAddonCategoriesByVendor(vendorId) {
        let data = {
            'vendor_id': vendorId,
        };

        $.ajax({
            method: "GET",
            url: "{{ route('dashboard.addon_options.get_addon_categories_by_vendor') }}",
            data: data,
            beforeSend: function() {
                $('#select2AddonCategorySection').hide();
            },
            success: function(data) {},
            error: function(data) {
                var getJSON = $.parseJSON(data.responseText);
            },
            complete: function(data) {
                var getJSON = $.parseJSON(data.responseText);
                buildAddonCategoriesDropdown(getJSON.data);
            },
        });
    }

    function buildAddonCategoriesDropdown(data) {
        var label = "--- {{ __('catalog::dashboard.addon_options.alert.select_addon_category') }} ---";
        var row = `<option value="">${label}</option>`;
        $.each(data, function(i, value) {
            row += `<option value="${value.id}">${value.title}</option>`;
        });
        $('#select2AddonCategory').html(row);
        $('#select2AddonCategorySection').show();
    }
</script>