/**
 * Copyright 2021-2022 InPost S.A.
 *
 * NOTICE OF LICENSE
 *
 * Licensed under the EUPL-1.2 or later.
 * You may not use this work except in compliance with the Licence.
 *
 * You may obtain a copy of the Licence at:
 * https://joinup.ec.europa.eu/software/page/eupl
 * It is also bundled with this package in the file LICENSE.txt
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the Licence is distributed on an AS IS basis,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the Licence for the specific language governing permissions
 * and limitations under the Licence.
 *
 * @author    InPost S.A.
 * @copyright 2021-2022 InPost S.A.
 * @license   https://joinup.ec.europa.eu/software/page/eupl
 */
$(function () {
    const inpostChooseMachineButtonSelector = '.js-inpost-shipping-choose-machine';
    const inpostCustomerChangeButtonSelector = '.js-inpost-shipping-customer-change';
    const inpostCustomerSaveButtonSelector = '.js-inpost-shipping-customer-form-save-button';
    const inpostInputSelector = '.js-inpost-shipping-input';
    const $carrierAreaFormSubmitButton = 'button[name=processCarrier]';
    const map = new InPostShippingModalMap();

    $(document).on('click', inpostChooseMachineButtonSelector, function (e) {
        e.preventDefault();

        const $that = $(this);
        const payment = parseInt($that.attr('data-inpost-shipping-payment'));
        const weekendDelivery = parseInt($that.attr('data-inpost-shipping-weekend-delivery'));

        const input = $(inpostInputSelector);

        map.openMap({
            payment: payment,
            weekendDelivery: weekendDelivery,
            pointName: input.val(),
            callback: function (point) {
                const $machineInfo = $('.js-inpost-shipping-machine-info');
                const $customerInfo = $('.js-inpost-shipping-machine-customer-info');
                const $machineName = $('.js-inpost-shipping-machine-name');
                const $machineAddress = $('.js-inpost-shipping-machine-address');
                const $inpostChooseMachineButton = $('.js-inpost-shipping-choose-machine');
                const inpostChooseMachineButtonSelectorText = $inpostChooseMachineButton.attr('data-inpost-shipping-existing-text');

                $machineName.html(point.name);
                $machineAddress.html(`${point.address.line1}, ${point.address.line2}`);
                $machineInfo.removeClass('hidden');
                $customerInfo.removeClass('hidden');
                $inpostChooseMachineButton.html(inpostChooseMachineButtonSelectorText);

                input.val(point.name).trigger('change');
            }
        });

        $('.widget-modal').parent('div').addClass('inpost-shipping-backdrop');
    });

    $(document).on('click', inpostCustomerChangeButtonSelector, function () {
        const $inpostCustomerChangeForm = $('.inpost-shipping-customer-change-form');

        $inpostCustomerChangeForm.slideToggle(300);
    });

    $(document).on('click', inpostCustomerSaveButtonSelector, function () {
        const $inpostErrorsWrapper = $('.js-inpost-shipping-errors');
        const $inpostCustomerEmailInfo = $('.js-inpost-shipping-customer-info-email');
        const $inpostCustomerPhoneInfo = $('.js-inpost-shipping-customer-info-phone');
        const $inpostCustomerEmail = $('.js-inpost-shipping-email').val();
        const $inpostCustomerPhone = $('.js-inpost-shipping-phone').val();
        const $inpostCustomerChangeForm = $('.inpost-shipping-customer-change-form');
        const $inpostCustomerInputs = $inpostCustomerChangeForm.find('input.form-control');
        const formData = new FormData();

        $.each($inpostCustomerInputs, function (index, element) {
            formData.append(element.name, element.value);
        });
        formData.append('action', 'updateReceiverDetails');

        $.ajax({
            method: 'post',
            url: inPostAjaxController,
            data: formData,
            processData: false,
            contentType: false,
            dataType: 'json',
            success: function (response) {
                if (response.success) {
                    $inpostErrorsWrapper.html('');
                    $inpostCustomerEmailInfo.html($inpostCustomerEmail);
                    $inpostCustomerPhoneInfo.html($inpostCustomerPhone);
                    $inpostCustomerChangeForm.slideUp(300);
                } else {
                    const errors = getInPostErrors(response, ['phone', 'email']);

                    $inpostErrorsWrapper.html(`<article class="alert alert-danger"><ul>${errors}</ul></article>`);
                }
            },
        });
    });

    $(document).on('change', inpostInputSelector, function () {
        const $that = $(this);
        const $inpostErrorsWrapper = $('.js-inpost-shipping-errors');
        const formData = new FormData();
        formData.append($that.attr('name'), $that.val());
        formData.append('action', 'updateTargetLocker');

        $.ajax({
            method: 'post',
            url: inPostAjaxController,
            data: formData,
            processData: false,
            contentType: false,
            dataType: 'json',
            success: function (response) {
                if (response.success) {
                    $inpostErrorsWrapper.html('');
                } else {
                    const errors = getInPostErrors(response);
                    $inpostErrorsWrapper.html(`<article class="alert alert-danger"><ul>${errors}</ul></article>`);
                }
            },
        });
    });

    $(document).on('click', $carrierAreaFormSubmitButton, function () {
        const $inpostInput = $(inpostInputSelector);

        if ($inpostInput.length && !$inpostInput.val().length) {
            const errorText = $inpostInput.attr('data-error-text')

            if (!!$.prototype.fancybox)
                $.fancybox.open([
                        {
                            type: 'inline',
                            autoScale: true,
                            minHeight: 30,
                            content: `<p class="fancybox-error">${errorText}</p>`
                        }],
                    {
                        padding: 0
                    });
            else {
                alert(errorText);
            }
        } else {
            return true;
        }
        return false;
    });

    const $paymentLinkSelector = '#opc_payment_methods-content a';
    $(document).on('click', $paymentLinkSelector, function (e) {
        const $inpostCustomerChangeForm = $('.js-inpost-shipping-container');
        if ($inpostCustomerChangeForm.length) {
            e.preventDefault();

            const $that = $(this);
            const $inpostCustomerInputs = $inpostCustomerChangeForm.find('input.form-control');
            const formData = new FormData();

            $.each($inpostCustomerInputs, function (index, element) {
                formData.append(element.name, element.value);
            });
            formData.append('action', 'updateChoice');

            $.ajax({
                method: 'post',
                url: inPostAjaxController,
                data: formData,
                processData: false,
                contentType: false,
                dataType: 'json',
                success: function (response) {
                    if (response.success) {
                        window.location.href = $that.attr('href');
                    } else {
                        const errors = getInPostErrors(response);

                        if (!!$.prototype.fancybox)
                            $.fancybox.open([
                                    {
                                        type: 'inline',
                                        autoScale: true,
                                        minHeight: 30,
                                        minWidth: 280,
                                        content: `<article class="alert alert-danger" style="margin-bottom: 0"><ul>${errors}</ul></article>`
                                    }],
                                {
                                    padding: 0
                                });
                        else {
                            alert(errors);
                        }
                    }
                },
            });
        }
    });

    function getInPostErrors(response, types = ['phone', 'email', 'locker']) {
        let errors = '';
        $(types).each(function (idx, value) {
            if (value in response.errors) {
                errors += `<li>${response.errors[value]}</li>`;
            }
        });

        return errors;
    }
});