File.prototype.convertToBase64 = function(){
     return new Promise(function(resolve, reject) {
            var reader = new FileReader();
            reader.onloadend = function (e) {
                resolve({
                  fileName: this.name,
                  result: e.target.result, 
                  error: e.target.error
                });
            };   
            reader.readAsDataURL(this);
    }.bind(this)); 
};


$(document).on('change','.upload-doc-base64',function(){
    //for one file
    var $this = $(this);
    var closestDiv = $this.closest('div');

    closestDiv.find('.previewUpload').remove();    

    var selectedFile = this.files[0];
    selectedFile.convertToBase64().
        then(function(obj){
          // alert(obj.result);
          var addHtml = '<input type="hidden" name="'+($this.attr('name'))+'" value="'+(obj.result)+'">';
          closestDiv.append('<div class="previewUpload">'+addHtml+'</div>');
    });
});

if($(document).find('.show-hide-top-college-pic').length > 0){
  $(document).find('.show-hide-top-college-pic').show();
  $('.college-picks-container .college-picks-row').slick({
    slidesToShow: 3,
    slck:true,
    slidesToScroll: 1,
    prevArrow:'<i class="fa fa-angle-left"></i>',
    nextArrow:'<i class="fa fa-angle-right"></i>',
    autoplay: true,
    dots: false,
    autoplaySpeed: 2000,
    responsive: 
    [
      {
        breakpoint: 1200,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 1,
          infinite: true,
          dots: false
        }
      },
      {
        breakpoint: 991,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 2
        }
      },
      {
        breakpoint: 768,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1
        }
      }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
    ]
});
}