function ready(fn) {
			  if (document.readyState != 'loading'){
				fn();
			  } else {
				document.addEventListener('DOMContentLoaded', fn);
			  }
			}
		 (function(){
			ready(function() {
                console.log('checking product..');
                
                var idx = $('form[action="/cart/add"] *[name="id"]:eq(0)').val();
                if ( idx == undefined ){
                    console.log('idx:'+ idx);
                    idx = $('form[action="/cart/add"] *[name="id"]:eq(0) option:selected').val();
                    if ( idx == undefined ){
                        idx=0;
                        //return false;
                    }
                }
                var product_handle_check = product_detail.handle;
                if (product_handle_check.substr(product_handle_check.length - 10) == 'customized'){
                    if ( typeof product_ori_id != undefined && typeof product_ori_handle != undefined ) {
                        console.log('redirection..');
                        $('body').html('<p>Loading..</p>');
                        //console.log('product_ori_id');
                        //console.log(product_ori_id);
                        var the_link_direct = '/apps/customify/view/' + product_ori_handle + '/' + product_ori_id + '?variant=' + idx + '&domain=' + window.location.hostname;
                        window.location = the_link_direct;
                        return false;
                    }
                }
                $('form[action="/cart/add"]').on('click', '#customify-link' , function(e){
                     e.preventDefault();
                            //console.log('customify link clicked');
        var inputQty = $( this ).closest('form').find('input[name=quantity]');
                            idx = $('select[name=id]').length > 0 ? $('select[name=id]').val() : $('input[name=id]').val();
                            var qty = '1';
                            qty = (inputQty.length > 0 && inputQty.val() != '') ? inputQty.val() : '1';
                            var the_link = '/apps/customify/view/' + $(this).data('handle') + '/' + $(this).data('product') + '?variant=' + idx + '&qty='+ qty + '&domain=' + window.location.hostname;
                            console.log(the_link);
                            window.location = the_link;
                            return false;
                })


				var result = {"status":"no","setting":{"keep_addtocart":"0","redirect_instant":0,"keep_buybutton":"1","is_onloadProduct":0,"canvas_mobile_float":"0","customize_it":"Customize it"}}
				 if ( result.status == 'yes' )
						{
                            keep_addtocart = result.setting.keep_addtocart;
							keep_buybutton = result.setting.keep_buybutton;
                            redirect_instant = result.setting.redirect_instant;
                            canvas_mobile_float = result.setting.canvas_mobile_float;
                            if(result.setting.is_onloadProduct=='1'){

                                var htmlAppend = `<div id="cst-popup-gallery" class="cst-popup-container">
                                <div class="popup-content">
                                  <a href="#" class="close cst-close">&times;</a>
                                      <div class="container-main">
                                          <h3 class="txtLang">modules.designs</h3>
                                          <div class="item-filter pdrt">
                                              <form class="form" action="" method="">
                                                  <div class="float-left form-row span_6_of_12 float-left">
                                                      <input type="text" id="cst-search-gallery" name="search-item" class="cst-search-gallery input txtLang" placeholder="placeholder.search" />
                                                      <button type="button" class="btn-search"><i class="fa fa-search"></i></button>
                                                  </div>
                                                  <span class="txtLang"></span>
                                                  <div class="span_6_of_12 float-right">
                                                      <select id="cst-gallery-cat" class="select-cat cst-gallery-cat">
                                                      </select>
                                                  </div>
                                              </form>
                                          </div>
                                          <div id="cst-gallery-box" class="cst-gallery-box show-thumbnail gallery-thumbnail">
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          <div class="cst-loader-container"><div id="loading"></div></div>`;
                          htmlAppend += `<div id="cst-popup-crop" class="cst-popup-container">
                                <div class="popup-content">
                                  <a href="#" class="close cst-close" id="crop-close">&times;</a>
                                      <div class="container-main">
                                          <h3 class="txtLang">Crop Image</h3>
                                          
                                          <div id="cst-crop-box" class="">
                                              <img src="" id="view_crop_image" />
                                          </div>
                                          <div class="crop-modal-footer">
                                              <button type="button" class="btn btn-secondary" id="crop-cancel" data-dismiss="modal">Cancel</button>
                                              <button type="button" class="btn btn-primary" id="crop">Crop</button>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          <div class="cst-loader-container"><div id="loading"></div></div>`;
                              
                          $('body').append(htmlAppend)
  
  
                          var style='';
                          if ('' != 'Dawn'){
                            //    style += '<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/0083/1232/4143/t/1/assets/theme.scss.css?v=10425457388904915071">';
                          }
                            style +='<link rel="stylesheet" href="https://d2hl1uvd5lolaz.cloudfront.net/cstassets/style-v2.1.min.css">';
                            style +='<link rel="stylesheet" href="https://d2hl1uvd5lolaz.cloudfront.net/cstassets/onload/css/cst-load-page-v1.2.min.css">';
                            style +='<link rel="stylesheet" href="https://d2hl1uvd5lolaz.cloudfront.net/cstassets/onload/css/cropper.css">';
                            
                            style +='<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">';
                        
                            var Element = '<div id="cst-simple-input" class="cst-row cstselector-wrapper"></div><div class="customify-form-row cst-row" style="margin-top:20px;">';
                            Element +='<div class="cst-col cst-col-separo cst-counter-odd">';
                            Element +='<div id="cst-btn-uploadimage" class="cst_btn_side cst_upload_image_side">';
                            Element +='<input type="file" accept="image/*" id="cst-upload_crop" class="cst-upload" name="upload_file[]">';
                            Element +='<label class="cst-label-center"><i class="material-icons notranslate">add_a_photo</i><span class="d_block txtLang">Add Image</span></label>';
                            Element +='</div>';
                            Element +='</div>';
                            Element +='<div class="cst-col cst-col-separo cst-counter-odd">';
                            Element +='<div id="cst-btn-addtext" class="cst_btn_side cst_add_text">';
                            Element +='<span class="cst-add_text_onload cst-label-center"><i class="material-icons notranslate">font_download</i><span class="d_block txtLang">Add text</span></span>';
                            Element +='</div>';
                            Element +='</div>';
                            Element +='<div class="cst-col cst-col-separo cst-counter-odd">';
                            Element +='<div id="cst-btn-gallery" class="cst_btn_side cst_add_gallery">';
                            Element +='<label class="cst-label-center"><i class="material-icons notranslate">perm_media</i><span class="d_block txtLang">Gallery</span></label>';
                            Element +='</div>';
                            Element +='</div>';
                            Element +='</div>';
                            $('head').append(style);
                            $('').last().after(Element);

                            if($('').length>1){
                                $(':eq(0)').remove()
                            }

                            $('').parents('form').attr('id', 'customify_form');
                            $('').removeClass('');
                            if(''!="soccer-bandits/master"){
                                $('').next().html("<div id='' class=''></div>");
                            } 
                             $('').attr('id', 'customify-addtocart');
                             $('').attr('id', 'cst-price');
                             $('').hide();
                             let hasGenerateSelect = false
                             if($('[name="id"]').length>1){
                                 $('[name="id"]:eq(0)').remove()
                                hasGenerateSelect = true;
                             }
                             $('[name="id"]').attr('id', 'ProductSelect');
                              if($('.shopify-payment-button').length){
                                  $('.shopify-payment-button').remove();
                              }
  
                              // remove slider
                              $('.thumbnails-wrapper').remove();
  
                              var url = '/apps/customify/view_onload_product/' + product_detail.handle + '/8215030169764';
                              $.get(url, function(data) {
                                //   $('').children().css('display','none');
                                    $('').html(data);
                                    if(hasGenerateSelect){
                                        let options ='';
                                        product_variant_map.forEach(function(el){
                                        options += '<option value="'+el.id+'">'+el.title+'</option>'
                                        })
                                        $('[name="id"]').html(options);
                                    }

                                    //move input quantity to inside the form
                                    if ($('').length){
                                        $(' input').attr('id','Quantity');
                                        $(' input').attr('form','customify_form');
                                        let html_qty = $('').clone(true);
                                        $('').remove();
                                        html_qty.clone(true).insertBefore('');
                                    }
                                    
                                    document.dispatchEvent(new Event('cstReady'))
                                    setTimeout(function(){
                                        if ($('#productSelect').length){
                                            //clone variant agar tampil di bawah price
                                            $('#productSelect').clone(true).attr('id', 'cst-select-varian').insertAfter('');
                                            $('variant-radios').find('.form__label').insertAfter('');
                                            $('#productSelect').css('display','none');
                                        }

                                        if ($('#cst-select-varian').length && $('#cst-select-varian').val()==null){
                                            $('#cst-select-varian option:first').attr('selected','selected');
                                        }

                                        let htmlPreload = $('#cst-preload').html();
                                        $('#cst-preload').remove()
                                        $('#cst-simple-input').before().html(htmlPreload)
                                        let cstCanvasWidth = $('#left-side').width();
                                        let cstCanvasHeight = $('#left-side').height();
                                        let cstSliderHeight = 0;
                                        let totalHeight = 0;
                                        if($('.wrapper-switcher').length){
                                            cstSliderHeight = 50;
                                        }else{
                                            totalHeight += 20;
                                        }
                                        totalHeight += parseInt(cstSliderHeight)+parseInt(cstCanvasHeight);
                                        $('').css('height',totalHeight+'px')

                                        if(canvas_mobile_float=="1"){
                                        // scroll event
                                        let hasApplyCss = false;
                                        let resetCss = false;
                                        var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
                                        if(width<420){
                                            window.addEventListener("scroll", function(event) {
                                      
                                                var scroll_y = this.scrollY;
                                                var scroll_x = this.scrollX;
                                                if(scroll_y>=100 && hasApplyCss==false){
                                                    $('#left-side').css('position','fixed');
                                                    $('#left-side').css('top','0px');
                                                    $('#left-side').css('padding-top','40px');
                                                    $('#left-side').css('left','50%');
                                                    $('#left-side').css('transform','translateX(-50%)');
                                                    $('#left-side').css('background','white');
                                                    $('#left-side').css('z-index','99000');
                                                    hasApplyCss = true;
                                                    resetCss = false;
                                                }
                                                if(scroll_y<100 && resetCss==false){
                                                    hasApplyCss = false;
                                                    $('#left-side').css('position','unset');
                                                    $('#left-side').css('transform','unset');
                                                    $('#left-side').css('background','unset');
                                                    resetCss = true;
                                                }
                                            });
                                        }}
                                    },500)

                                    setTimeout(function(){
                                        $('.cst-loader-container').addClass('hide');
                                        let counter = 0;
                                        if(typeof JSColor != 'undefined'){
                                            if($('.cst-more-color').length){
                                                $('.cst-more-color').each(function(){
                                                  counter++;
                                                  let id = 'cst-more-color-'+counter;
                                                  $(this).attr('id',id)
                                                  var picker = new JSColor('#'+id, {valueElement:'valueSpan',previewElement:'styleSpan', value: '0FF3FF',onInput: 'updatePColorElemen(this)'});
                                                })
                                            }
                                            if($('#btn-picker').length){
                                                var picker = new JSColor('#btn-picker', {valueElement:'valueSpan',previewElement:'styleSpan', value: '0FF3FF',onInput: 'updatePColor(this)'});
                                            }

                                        }else{
                                            $('.cst-more-color, #btn-picker').css('display','none')
                                        }
                                    },1000)   
                              });
                              
                          }else{

                                var the_link = '/apps/customify/view/' + product_detail.handle + '/' + product_detail.id + '?variant=' + idx + '&domain=' + window.location.hostname;
                                if ( redirect_instant == 1 ) {
                                window.location = the_link;
                                return false;
                                }
                                if ( $('#add-to-cart').length > 0 )
                                var the_button = $('#add-to-cart');
                                else if ( $('button[name=add]').length > 0 )
                                var the_button = $('button[name=add]');
                                else
                                var the_button =  $('form[action="/cart/add"] button[type="submit"]').length > 0 ? $('form[action="/cart/add"] button[type="submit"]') : $('form[action="/cart/add"] input[type="submit"]');
                                the_button.hide();
                                var the_class = the_button.attr('class');
                                if ( the_class != undefined ) {
                                the_class = the_class.replace('add-to-cart','');
                                the_class = the_class.replace('hidden','');
                                }
                                else
                                {
                                    the_class = 'btn button';
                                }
                                var the_style = '';
                                button_width = the_button.width() * 1;
                                if ( keep_addtocart == 1 ) {
                                    if ( button_width > 200 )
                                    the_style = 'style="clear: both; margin-top: 10px;"';
                                    else
                                    the_style = 'style="margin-left: 10px;"';
                                }
                                console.log('check wheter the customify custom container available..');
                                if ($('#customify-container').length > 0 )
                                {
                                the_class = $('#customify-container').data('class');
                                $('#customify-container').html('<a  data-handle="' + product_detail.handle + '"  data-product="' + product_detail.id + '"  id="customify-link" class="' + the_class + '" href="' + the_link + '" >' + result.setting.customize_it + '</a>');
                                }
                                else
                                {
                                $('<a ' + the_style + ' data-handle="' + product_detail.handle + '"  data-product="' + product_detail.id + '"  id="customify-link" class="' + the_class + '" href="' + the_link + '" >' + result.setting.customize_it + '</a>').insertAfter(the_button);
                                }
                                if(keep_buybutton == 0){
                                    $('.shopify-payment-button').css('display','none');
                                }
                                if ( the_button.attr('data-show') == undefined && keep_addtocart == 0 ) {
                                console.log('hide the add to cart');
                                $('form[action="/cart/add"] *[type="submit"]').hide();
                                the_button.hide();
                                $('body').append('<style>form[action="/cart/add"] *[type="submit"] { display:none!important; visibility: hidden }</style>');
                                }
                                else
                                the_button.show();
                                if (typeof customify_callback !== 'undefined' && typeof customify_callback === 'function') {
                                    customify_callback();
                                }
                            }


                          }
            })
        })();