text: $(document).ready(function() {
  
  
      // Croppie
  
      $(function() {
          var croppie = null;
          var el = document.getElementById('resizer');
  
          $.base64ImageToBlob = function(str) {
              // extract content type and base64 payload from original string
              var pos = str.indexOf(';base64,');
              var type = str.substring(5, pos);
              var b64 = str.substr(pos + 8);
  
              // decode base64
              var imageContent = atob(b64);
  
              // create an ArrayBuffer and a view (as unsigned 8-bit)
              var buffer = new ArrayBuffer(imageContent.length);
              var view = new Uint8Array(buffer);
  
              // fill the view, using the decoded base64
              for (var n = 0; n < imageContent.length; n++) {
                  view[n] = imageContent.charCodeAt(n);
              }
  
              // convert ArrayBuffer to Blob
              var blob = new Blob([buffer], { type: type });
  
              return blob;
          };
  
          $.getImage = function(input, croppie) {
              if (input.files && input.files[0]) {
                  var reader = new FileReader();
                  reader.onload = function(e) {
                      croppie.bind({
                          url: e.target.result,
                      });
                  };
                  reader.readAsDataURL(input.files[0]);
              }
          };
  
          $("#file-upload").on("change", function(event) {
  
              var croppieDiv = $("#croppie-image");
              croppieDiv.show();
              $("#form-fields").hide();
              $("#list-images").hide();
              $("#file-upload").hide();
  
              var width = croppieDiv.attr('data-width');
              var height = croppieDiv.attr('data-height');
  
              // Initailize croppie instance and assign it to global variable
              croppie = new Croppie(el, {
                  viewport: {
                      width: width,
                      height: height,
                      type: 'rectangle'
                  },
                  boundary: {
                      width: 1650,
                      height: 200
                  },
                  enableOrientation: true
              });
              $.getImage(event.target, croppie);
  
          });
  
          $("#upload").on("click", function() {
              croppie.result('base64').then(function(base64) {
  
  
                  var url = $('#producto-id').attr('data-producto-id');
  
                  console.log(url);
  
                  var formData = new FormData();
                  formData.append("img", $.base64ImageToBlob(base64));
  
                  // This step is only needed if you are using Laravel
                  $.ajaxSetup({
                      headers: {
                          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                      }
                  });
  
  
                  $.ajax({
                      type: 'POST',
                      url: url,
                      data: formData,
                      processData: false,
                      contentType: false,
                      success: function(data) {
                          location.reload();
                      },
                      error: function(error) {
                          console.log(error);
                          //$("#profile-pic").attr("src","/images/icon-cam.png");
                      }
                  });
  
  
              });
          });
  
          // To Rotate Image Left or Right
          $(".rotate").on("click", function() {
              croppie.rotate(parseInt($(this).data('deg')));
          });
  
          $('#myModal').on('hidden.bs.modal', function (e) {
              // This function will call immediately after model close
              // To ensure that old croppie instance is destroyed on every model close
              setTimeout(function() { croppie.destroy(); }, 100);
          });
  
      });
  
  });