Kramp - KRAMP

<![CDATA[
	{if action == 'success'}	
	<div class="cookie-popup">
	  <div class="cookie-popup__modal">
	    <div class="cookie-popup__close">X</div>
	
	    <div class="cookie-popup__screen cookie-popup__screen--intro">
	      <div class="cookie-popup__fixed-header">
	        <h1 class="cookie-popup__title">
	          Kramp uses cookies
	        </h1>
	      </div>
	
	      <div class="cookie-popup__content-holder">
	        <div class="cookie-popup__content">
	          <p>
	            These cookies have been placed by Kramp as well as by third parties. Needless to say, we take good care of your privacy. If you click Accept cookies below, you are agreeing to the use of these cookies. By accepting these cookies, you are ensuring that our website functions correctly. Examples of what these are used for are:
	          </p>
	
	          <ul>
	            <li>
	              Automatic login to My Account
	            </li>
	            <li>
	              Analysis of visitor behaviour to improve the website
	            </li>
	            <li>
	              Creation of customer profiles to allow us to provide you with personalised information and ads
	            </li>
	          </ul>
	
	          <div class="cookie-popup__buttons cookie-popup__buttons--no-borders show-mobile">
	            <button class="btn btn-warning cookie-popup__button cookie-popup__button--submit cookie-popup__button--intro">
	              Accept Cookies
	            </button>
	          </div>
	
	          <p>
	          	
	            If you do not want to accept all cookies, you can change this in your <a href='' class='open-settings cookie-popup__text-link'>settings</a>. For more information, read our <a href='https://www.kramp.com/shop-de/en/m/77' class='cookie-popup__text-link'>privacy and cookie statement</a>	            
	          </'>
	
	          <div class="cookie-popup__buttons cookie-popup__buttons--no-borders hide-mobile">
	            <button class="btn btn-warning cookie-popup__button cookie-popup__button--submit cookie-popup__button--intro">
	              Accept Cookies
	            </button>
	          </div>
	        </div>
	      </div>
	    </div>
	
	    <div class="cookie-popup__screen cookie-popup__screen--settings">
	      <div class="cookie-popup__fixed-header">
	        <h1 class="cookie-popup__title">
	          Cookie settings
	        </h1>
	      </div>
	
	      <div class="cookie-popup__content-holder">
	        <div class="cookie-popup__content">
	          <p>
	            You can choose between three cookie settings. Choosing the standard setting will allow us to provide you with the best website experience.
	          </p>
	
	          <div class="cookie-popup__settings">
	            <div class="cookie-popup__settings-item option">
	              <label class="option__label">
	                <div class="option__aside">
	                  <input
	                      type="radio"
	                      name="cookie-options"
	                      value="standard"
	                      class="option__input"
	                  >
	                  <div class="option__thumb option__thumb--basic"></div>
	                </div>
	
	                <div class="option__content">
	                  <div class="option__title">
	                    Standard (most popular):
	                  </div>
	                  <div class="option__text">
	                    Cookies used for logging in, ordering, analysis, personalised information, social media and cookies from third parties.
	                  </div>
	                </div>
	              </label>
	            </div>
	            <div class="cookie-popup__settings-item option">
	              <label class="option__label">
	                <div class="option__aside">
	                  <input
	                      type="radio"
	                      name="cookie-options"
	                      value="restricted"
	                      class="option__input"
	                  >
	                  <div class="option__thumb option__thumb--restricted"></div>
	                </div>
	
	                <div class="option__content">
	                  <div class="option__title">
	                    Restricted:
	                  </div>
	                  <div class="option__text">
	                    Cookies used for logging in, ordering, analysis and personalised information.
	                  </div>
	                </div>
	              </label>
	            </div>
	
	            <div class="cookie-popup__settings-item option">
	              <label class="option__label">
	                <div class="option__aside">
	                  <input
	                      type="radio"
	                      name="cookie-options"
	                      value="highly_restricted"
	                      class="option__input"
	                  >
	                  <div class="option__thumb option__thumb--higly-restricted"></div>
	                </div>
	
	                <div class="option__content">
	                  <div class="option__title">
	                    Highly restricted:
	                  </div>
	                  <div class="option__text">
	                    You only permit the minimum number of cookies. Used solely for logging in, ordering and allowing the website to function to a reasonable extent.
	                  </div>
	                </div>
	              </label>
	            </div>
	          </div>
	
	          <div class="cookie-popup__buttons show-mobile">
	            <a href="#" class="button cookie-popup__button cookie-popup__button--back">
	              Go Back
	            </a>
	
	            <button disabled
	                    class="button btn btn-warning cookie-popup__button cookie-popup__button--submit cookie-popup__button--toggable">
	              Accept Cookies
	            </button>
	          </div>
	
	          <div class="cookie-popup__settings-results">
	            <p><strong>
	            Here's what we do:
	            </strong></p>
	            <ul class="checklist">
	              <li
	                  class="checklist__item"
	                  data-available-for="highly_restricted, restricted, standard"
	              >
	                <span>
	                Use cookies to ensure that this website functions correctly
	                </span>
	              </li>
	              
	              <li
	                  class="checklist__item"
	                  data-available-for="highly_restricted, restricted, standard"
	              >
	                <span>
	                	Track anonymous statistics
	                </span>
	              </li>
	              
	              <li
	                  class="checklist__item"
	                  data-available-for="restricted, standard"
	              >
	                <span>
	                Research user behaviour
	                </span>
	              </li>
	              
	              <li
	                  class="checklist__item"
	                  data-available-for="restricted, standard"
	              >
	                <span>
	                	Display information that may be of interest
	                </span>
	              </li>
	              
	              <li
	                  class="checklist__item"
	                  data-available-for="restricted, standard"
	              >
	                <span>
	                Track personal statistics
	                </span>
	              </li>
	              
	              
	              <li
	                  class="checklist__item"
	                  data-available-for="standard"
	              >
	                <span>
	                	Use information for our ads
	                </span>
	              </li>
	              <li
	                  class="checklist__item"
	                  data-available-for=""
	              >
	                <span>
	                	Share your personal details
	                </span>
	              </li>
	            </ul>
	          </div>
	
	          <div class="cookie-popup__buttons cookie-popup__buttons--align-right show-mobile">
	            <a href="https://www.kramp.com/shop-de/en/m/77" class="button cookie-popup__text-link cookie-popup__button cookie-popup__button--read-more">
	              Read more about Kramp Cookies
	            </a>
	          </div>
	
	          <div class="cookie-popup__buttons hide-mobile">          	
	            <a href="https://www.kramp.com/shop-de/en/m/77" class="button cookie-popup__text-link cookie-popup__button cookie-popup__button--read-more">
	              Read more about Kramp Cookies
	            </a>
	
	            <div class="right">
	              <button class="button cookie-popup__button cookie-popup__button--back">
	                Go Back
	              </button>
	              <button disabled
	                      class="btn btn-warning cookie-popup__button cookie-popup__button--toggable">
	                Accept Cookies
	              </button>
	            </div>
	          </div>
	        </div>
	      </div>
	    </div>
	  </div>
	</div>
	{/if}
	]]>

<![CDATA[
	{if action == 'success'}
		<div class="atp_details">
		{for atp in dataArray}
			{if atp.atpCssClassName == 'atp_green'}
				<input type="hidden" value="${atp.delDate}" name="delDate">
				<span class="atp_message atp_detail_green" data-explanation="${atp.atpExplanationText}">
					<i class="icon"></i> <span>${atp.atpResultText}</span>
	    		</span>	 	 	
		  	{/if}
		  	{if atp.atpCssClassName == 'atp_yellow'}
		  		<input type="hidden" value="${atp.delDate}" name="delDate">
		  		<span class="atp_message atp_detail_orange">
			  		<i class="icon"></i> ${atp.atpResultText}
	    		</span>	 	 	
		  	{/if}
		  	{if atp.atpCssClassName == 'atp_black'}
		  		<input type="hidden" value="${atp.delDate}" name="delDate">
		  		<span class="atp_message atp_detail_gray">
		  			<i class="icon"></i> ${atp.atpResultText}
	    		</span>
		  	{/if}
		{/for}
		</div>
	{/if}
	{if action == 'failure'}
		{if  typeof(retryError) === 'undefined'}
			<span class="atpcontent atp_error">
				Operation failed
			</span>
		{/if}
		
		{if  typeof(retryError) !== 'undefined'}
			<span class="atp_errormsg_black">
				No delivery indication
			</span>
			<br/>
			{if retryError == true}
			<span class="atp_errormsg_grey">
				Please try again later
			</span>
			{/if}
			{if retryError == false}
			<span class="atp_errormsg_grey">
				Please contact us
			</span>
			{/if}
		{/if}
	{/if}
	{if action == 'processing'}
		 
	{/if}
	{if action == 'qtyToHigh'}
		Quantity exceeds the maximum.
	{/if}
]]>