@using Nop.Plugin.Shipping.ParcelLockers.Defaults

<script async src="https://geowidget.easypack24.net/js/sdk-for-javascript.js"></script>
<link rel="stylesheet" type="text/css" href="https://geowidget.easypack24.net/css/easypack.css">


<script type="text/javascript">
    window.easyPackAsyncInit = function () {
        easyPack.init({});

        window.EASYPACK_INITIALIZED = true;
    };

</script>

<script type="text/javascript">
    function isInPostSelected() {
        var selectedShippingOption = $(".method-list li").find('input[name="shippingoption"]:checked');

        return selectedShippingOption.val() === '@T("Plugins.Shipping.ParcelLocker.ShippingOptionNormalName")___@ParcelLockersDefaults.InPost_System_Name';
    }

    $(document).ready(function () {
        var div = $('#co-shipping-method-form');
        div.append("<div class='inpost-map-wrapper'> <a id ='popup-btn'> </a> </div>");

        $('.button-1.new-address-next-step-button').click(function () {

            //the content is loaded dynamically,
            //thus we need to check for it until its loaded
            //and when events are attached, stop the interval
            var tempInverval = setInterval(function () {
                var shippingOpion = $(".method-list li");

                // hide next button when inpost
                if (isInPostSelected()) {
                    $('.button-1.shipping-method-next-step-button').hide();
                };

                $(shippingOpion).click(function () {
                    //Open map if the name value on radio button matches the plugin name
                    isInPostSelected() ? $("#popup-btn").click() : $('.button-1.shipping-method-next-step-button').show();
                 });

                if (shippingOpion.length > 0) {
                    clearInterval(tempInverval);
                }
            }, 400);
        });

        //map
        $("#popup-btn").click(function () {

            if (window.EASYPACK_INITIALIZED) {

                easyPack.modalMap(function (point, modal) {

                    var option = $('input[type="radio"]:checked').val();
                    point.ShippingOption = option;

                    $.ajax({
                        url: "@Url.Content("~/InPostMap/SetShippingAddress")",
                        type: "post",
                        data: point,
                        success: function (response) {

                            $('.inpost-toggle').hide();

                            var shippingOptionValue = 'input[value = ' + '"' + response.ShippingOption + '"]';
                            var shippingOption = $(shippingOptionValue).parent();

                            shippingOption.append("<div class='inpost-toggle'>" + response.Name + "</div>");

                            if (response.Address.Line1 != null) {
                                shippingOption.append("<div class='inpost-toggle'>" + response.Address.Line1 + "</div>");
                            }

                            if (response.Address.Line2 != null) {
                                shippingOption.append("<div class='inpost-toggle'>" + response.Address.Line2 + "</div>");
                            }

                            if (response.Location_Description != null) {
                                shippingOption.append("<div class='inpost-toggle'>" + response.Location_Description + "</div>");
                            }

                            $('.button-1.shipping-method-next-step-button').show();
                            modal.closeModal();
                        },
                        error: function (jqXHR, textStatus, errorThrown) {
                            console.log(textStatus, errorThrown);
                        }
                    });
                }, { width: 700, height: 700 });
            }
        });
    });
</script>