"use strict";

/* -------------------------------------------------------------------------
					       CART PREVIEW MODULE
----------------------------------------------------------------------------*/

var CartPreviewModule = (function(document){

  const printContainer = document.querySelector('div#blank-print'),
  		fortunePreview = document.querySelector('div.fortune'),
  		numbersPreview = document.querySelector('span.fortuneNumbers'),
        luckyMessage = document.querySelector('div.numbers'),
  		corners = document.querySelectorAll('.corner'),
        options = document.querySelectorAll('.cart__meta-text > p'),
        optionsText = options[6].innerText,
  		bigText = 60,
        mediumText = 45,
        smallText = 30;

  let storage = window.localStorage,
      color = '';

  function setColor(){
  	switch (storage.getItem('color')) {
  		case 'Red':
    		color = '#9E0C13';
    		break;
  		case 'Black':
    		color = '#000000';
    		break;
        case 'Blue':
    		color = 'blue';
    		break;
  		default:
    		break;
		}
  }

  function drawCorners(){
  	for(let i  = 0, max = corners.length; i < max; i++){
      corners[i].classList.remove('blank', 'crop', 'square');
      corners[i].classList.add(storage.getItem('printType').toLowerCase());

      if(corners[i].classList.contains('crop')){
        corners[i].style.setProperty('background-color', 'transparent');
        corners[i].style.setProperty('border-color', color);
      }else if (corners[i].classList.contains('blank')) {
        corners[i].style.setProperty('background-color', 'transparent');
      } else if (corners[i].classList.contains('square')){
        corners[i].style.setProperty('background-color', color );
      }
	}
  }

  function setFontSizeAndMargin(text){
      var textWidth = text.length,
          container = $(".fortune");

      if( textWidth > 36) {
        container.css({"font-size": smallText, "margin-top": "70px"});
      }else if(textWidth > 25 && textWidth <= 36){
        container.css({"font-size": mediumText, "margin-top": "50px"});
      }else if(text === "" || textWidth <= 25 ){
        container.css({"font-size": bigText, "margin-top": "30px"});
      }
    return text;
  }

  function fillDesign(){
  	printContainer.style.setProperty('color', color);
    fortunePreview.style.setProperty('font-family', storage.getItem('fortuneFont'));
    fortunePreview.innerHTML = setFontSizeAndMargin(storage.getItem('fortuneMessage').toString());
    numbersPreview.style.setProperty('font-family', storage.getItem('numbersFont'));
    numbersPreview.innerHTML = storage.getItem('fortuneNumbers');
  }

  function setOptions() {
    if(optionsText.includes('Bold')){
    	luckyMessage.style.setProperty('font-weight', 'bold');
        numbersPreview.style.setProperty('font-weight', 'normal');
    }
    if(optionsText.includes('Commas')) {
    	let newNumbers = numbersPreview.innerText.split(' ').join(', ');
      	numbersPreview.innerText = newNumbers;
    }
    if(optionsText.includes('Colon')){
       let span = `<span class="fortuneNumbers" style="font-weight: normal;">${numbersPreview.innerText}</span>`;
    	luckyMessage.innerHTML = 'Lucky Numbers: ' + span;
    }

  }

  function init(){
  	setColor();
    drawCorners();
    fillDesign();
    setOptions();
  }

  return {
    init: init
  }
})(document);


// Module init
CartPreviewModule.init();