Lieveling.

Home
Producten
Merken
Wenslijst
Om je bewaarde wenslijsten te bekijken, dien je ingelogd te zijn
Wenslijst

Maak jouw keuze.
Zoeken

Raadpleeg een bestaande wenslijst.
Referentie Van wenslijst

Paswoord Voor wenslijst
Geboortelijst
Om je bewaarde geboortelijsten te bekijken, dien je ingelogd te zijn
Raadplegen

Selecteer een geboortelijst.
- Toon laatst opgezochte geboortelijst
- Toon mijn bewaarde geboortelijsten
Zoeken

Raadpleeg een bestaande geboortelijst.
Referentie Voornaam en naam baby

Paswoord (Voornaam baby)
Winkel
Login

Nieuws

Nieuwe producten

Om je bewaarde wenslijsten te bekijken, dien je ingelogd te zijn.

Log jezelf in en probeer opnieuw!

Om je bewaarde geboortelijsten te bekijken, dien je ingelogd te zijn.

Log jezelf in en probeer opnieuw!

Contacteer ons:

Lieveling BVBA
Leo de Bethunelaan 68
9300 Aalst
Telefoon: 053/75 04 25
E-mail: info@lieveling.be
BTW: BE 0896 929 207

Openingsuren:

Maandag	9u30	-	18u
Dinsdag	Gesloten
Woensdag	9u30	-	18u
Donderdag	9u30	-	18u
Vrijdag	9u30	-	18u
Zaterdag	9u30	-	18u
Zondag	Gesloten

Even geduld

{if defined('user') && user.id}
	<div class="stylized green w660">
		<h1><img src="images/checkmark2.gif" />Je bent ingelogd</h1>
		<p>Beheer en bekijk jouw account gegevens via "beheren".</p>
		
		<label>Naam
		<span class="small">Jouw naam</span>
		</label>
		<div class="text">{if user.surname != null && user.surname != ''}${user.surname} ${user.name}{else} {/if}</div>
		
		<label>E-mail
		<span class="small">Jouw e-mail adres</span>
		</label>
		<div class="text">${user.email}</div>
		<div style="clear: both;"> </div>

<a href="#/account/logout/${user.id}/?silent=true" rel="address:/account/logout/${user.id}/?silent=true" class="shipi confirm-button">
			<img height="30" width="121" src="images/uitloggen.jpg" />
		</a>
		<div style="clear: both;"> </div>
	</div>
<br />
	<div class="stylized">
		<form name="form-account" class="validateForm">
			<h1><img src="images/register2.gif" />Mijn gegevens</h1>
			<p>Tracht alle velden in te vullen</p> 
	
	        <input type="hidden" name="id" value="${user.id}" />
	
			<label>Voornaam
			<span class="small">Vul jouw voornaam in</span>
			</label>
			<input type="text" name="surname" value="${user.surname}" class="validate[required,onlyLetter]" />

<label>Naam
			<span class="small">Vul jouw naam in</span>
			</label>
			<input type="text" name="name" value="${user.name}" class="validate[required,onlyLetter]" />
			<br />
			<label>Email
			<span class="small">Vul een geldig adres in</span>
			</label>
			<input type="text" name="email" value="${user.email}" class="validate[required,custom[email]]" />
			<br />
			<label>Telefoon
			<span class="small">Jouw vast nummer</span>
			</label>
			<input type="text" name="telephone" value="${user.telephone}" />
			
			<label>GSM
			<span class="small">Jouw GSM nummer</span>
			</label>
			<input type="text" name="gsm" value="${user.gsm}" />
			
			<label>Paswoord
			<span class="small">Jouw paswoord</span>
			</label>
			<input type="password" name="password" class="" value="        " />

<label>Paswoord
			<span class="small">Herhaal paswoord</span>
			</label>
			<input type="password" name="password2" class="validate[confirm[password]]" value="        " />	
	
	        <div style="clear: both;"> </div>
	
			<a href="#/account/save/${user.id}/?formName=form-account&silent=true&validate=true" rel="address:/account/save/${user.id}/?formName=form-account&silent=true&validate=true" class="shipi confirm-button">
				<img height="30" width="121" src="images/bevestigen.jpg" />
			</a>
			
			<div style="clear: both;"> </div>
		</form>
	</div>
	
	<br/>
	
	{if user.addresses != null}
	
		<div class="stylized green w660">
			<h1><img src="images/wishlist2.gif" />Jouw adressen</h1>
			
			{if user.addresses.length > 0}
			    {for address in user.addresses}	
			    <form name="form-address-${address.id}"  class="validateForm">		        
			        <p>${address.type}</p>

<label>Bedrijf
			        <span class="small">Optioneel</span>
			        </label>
			        <input type="text" name="company" value="${address.company}" class="validate[requiredIf[vatNr,BTW]]" />
			        
			        <label>BTW nummer
			        <span class="small">Indien bedrijf ingevuld</span>
			        </label>
			        <input type="text" name="vatNr" value="${address.vatNr}" class="validate[requiredIf[company,Bedrijf],onlyLetter]" />

<label>Straat
			        <span class="small">Straat (zonder nummer)</span>
			        </label>
			        <input type="text" name="street" value="${address.street}" class="validate[required,onlyLetter]" />
			        
			        <label>Huisnummer
			        <span class="small">Volledige huisnummer</span>
			        </label>
			        <input type="text" name="number" value="${address.number}" class="validate[required]" />
        			
			        <label>Postcode
			        <span class="small">Enkel getallen</span>
			        </label>
			        <input type="text" name="postalCode" value="${address.postalCode}" class="validate[required,onlyNumber]" />  		
			        
			        <label>Gemeente
			        <span class="small">Gemeente of stad</span>
			        </label>
			        <input type="text" name="city" value="${address.city}" class="validate[required,onlyLetter]" />              
  		            
  		            <div style="clear: both;"> </div>
  		            
  		            <a href="#/account/address/save/${address.id}/?formName=form-address-${address.id}&silent=true&validate=true" rel="address:/account/address/save/${address.id}/?formName=form-address-${address.id}&silent=true&validate=true" class="shipi confirm-button">
				        <img height="30" width="121" src="images/bevestigen_groen.jpg" />
			        </a>
  		            <a href="#/account/address/delete/${address.id}" rel="address:/account/address/delete/${address.id}" class="shipi">
				        <img height="30" width="121" src="images/verwijderen.jpg" />
			        </a>
  		            {if address_index < (user.addresses.length - 1)}<div style="clear: both;"> </div><br/>{/if}
  		        </form>
 	            {/for}
			{/if}
			
			<br/>
			
		    <form name="form-address-new" id="form-address-new" class="validateForm">
		        <p>Voeg een adres toe</p>

<label>Type adres
		        <span class="small">Kies een type</span>
		        </label>
                <select name="type" class="validate[required,onlyLetter]">
                    <option value="Verblijfplaats">Verblijfplaats</option>
                    {if user.addresses.length > 0}
                    <option value="Leveringsadres">Leveringsadres</option>
                    <option value="Facturatieadres">Facturatieadres</option>
                    {/if}
                </select>
                
		        <label>Bedrijf
		        <span class="small">Optioneel</span>
		        </label>
		        <input type="text" name="company" value="" class="validate[requiredIf[vatNr,BTW]]" />
		        
		        <label>BTW nummer
		        <span class="small">Indien bedrijf ingevuld</span>
		        </label>
		        <input type="text" name="vatNr" value="" class="validate[requiredIf[company,Bedrijf],onlyLetter]" />

<label>Straat
		        <span class="small">Straat (zonder nummer)</span>
		        </label>
		        <input type="text" name="street" value="" class="validate[required,onlyLetter]" />
		        
		        <label>Huisnummer
		        <span class="small">Volledige huisnummer</span>
		        </label>
		        <input type="text" name="number" value="" class="validate[required]" />
    			
		        <label>Postcode
		        <span class="small">Enkel getallen</span>
		        </label>
		        <input type="text" name="postalCode" value="" class="validate[required,onlyNumber]" />  		
		        
		        <label>Gemeente
		        <span class="small">Gemeente of stad</span>
		        </label>
		        <input type="text" name="city" value="" class="validate[required,onlyLetter]" />  
		        
		        <div style="clear: both;"> </div>
		        
		        <a href="#/account/address/add/${user.id}/?formName=form-address-new&validate=true" rel="address:/account/address/add/${user.id}/?formName=form-address-new&validate=true" class="shipi confirm-button">
			        <img height="30" width="121" src="images/bevestigen_groen.jpg" />
		        </a> 
		    </form>        
			    
			<div style="clear: both;"> </div>
		</div>	
	
	{/if}
	
	<br/>
	
	{if user.wishlists != null}
		<div class="stylized green w660">
			<h1><img src="images/wishlist2.gif" />Je bewaarde wenslijsten</h1>
			<p>Selecteer een bewaarde wenslijst om deze te bekijken en of te bewerken.</p>
			{if user.wishlists.length > 0}
				<ul class="flower-list">
					{for wishlist in user.wishlists}
	      		<li><a class="shipi" href="#/wishlist/${wishlist.id}" rel="address:/wishlist/${wishlist.id}">${wishlist.name}</a></li>
         	{/for}
      	</ul>
			{else}
				<div class="text wide">Je hebt nog geen wenslijsten bewaard.</div>
			{/if}
			<div style="clear: both;"> </div>
		</div>
	{/if}

<br/>
		
	{if user.birthlists != null}
		<div class="stylized green w660">
			<h1><img src="images/wishlist2.gif" />Je aangemaakte geboortelijsten</h1>
			<p>Selecteer een geboortelijst om deze te bekijken en of te bewerken.</p>
			{if user.birthlists.length > 0}
				<ul class="flower-list">
					{for birthlist in user.birthlists}
	      		        <li><a class="shipi" href="#/birthlist/${birthlist.id}" rel="address:/birthlist/${birthlist.id}">${birthlist.name}</a></li>
         	        {/for}
      	        </ul>
			{else}
				<div class="text wide">Je hebt nog geen geboortelijsten aangemaakt.</div>
			{/if}
			<div style="clear: both;"> </div>
		</div>
	{/if}

<br/>
		
	{if user.orders != null}
		<div class="stylized green w660">
			<h1><img src="images/wishlist2.gif" />Je gemaakte bestellingen</h1>
			<p>Selecteer een bestelling en bekijk de details en status.</p>
			{if user.orders.length > 0}
				<ul class="flower-list">
					{for order in user.orders}
	      		<li><a class="shipi" href="#/order/${order.id}/?silent=true" rel="address:/order/${order.id}/?silent=true">${order.dateCreated} Bestelling nummmer ${order.id}</a></li>
         	{/for}
      	</ul>
			{else}
				<div class="text wide">Je hebt nog geen bestellingen aangemaakt.</div>
			{/if}
			<div style="clear: both;"> </div>
		</div>
	{/if}
	
{else}
	<div id="menu-login-login" class="menu-column-2a w355">
		<div class="stylized green w320">
			<form name="form-login">   
				<h1><img src="images/keys2.gif" />Inloggen</h1>
				<p>Ik ben reeds geregistreerd.</p>
				<label>E-mail
				<span class="small">Jouw e-mail adres</span>
				</label>
				<input type="text" class="validate[required,custom[email]]" id="email" name="email"/>
				<div style="clear: both;"> </div>
				<label>Paswoord
				<span class="small">Jouw paswoord</span>
				</label>
				<input type="password" name="password" id="password" class="validate[required]" />
				<a href="#/account/login/?formName=form-login&silent=true&validate=true" rel="address:/account/login/?formName=form-login&silent=true&validate=true" class="shipi confirm-button">
				    <img height="30" width="121" src="images/login.jpg" />
			    </a>
			</form>
			<div style="clear: both;"> </div>
		</div>
		<div style="clear: both;"> </div>
	</div>
	
	<div id="menu-login-register" class="menu-column-2b w355">	
		<div class="stylized w320">
			<form name="form-register" id="form-register" class="validateForm">   
				<h1><img src="images/register2.gif" />Registreren</h1>
				<p>Ik heb nog geen login gegevens.</p>
				<label>E-mail
				<span class="small">Jouw e-mail adres</span>
				</label>
				<input type="text" name="email" id="email" class="validate[required,custom[email]]" />
				<div style="clear: both;"> </div>
				<label>Paswoord
				<span class="small">Jouw paswoord</span>
				</label>
				<input type="password" name="password" id="password" class="validate[required]" />
				<div style="clear: both;"> </div>
				<label>Paswoord
				<span class="small">Herhaal paswoord</span>
				</label>
				<input type="password" name="password2" id="password2" class="validate[required,confirm[password]]" />	
				<a href="#/account/register/?formName=form-register&silent=true&validate=true" rel="address:/account/register/?formName=form-register&silent=true&validate=true" class="shipi confirm-button">
				    <img height="30" width="121" src="images/register.jpg" />
			    </a>		
			</form>
			<div style="clear: both;"> </div>
		</div>
		<div style="clear: both;"> </div>
	</div>
{/if}
<div style="clear: both;"> </div>

{var textarea = "textarea"}
<div id="modal-box-top">Aanmaken geboortelijst</div>
<div id="modal-box-close" onClick="hideModalDialog();"></div>
<div id="modal-box-content">
<div id="modal-box-errors" />
<form name="form-birthlist">
	<div class="stylized baby form">		
			<h1>Gegevens van de baby</h1>
			<p>Tracht alle velden in te vullen</p> 
			
			<label>Voornaam
			<span class="small">Voornaam van de baby</span>
			</label>
			<input type="text" name="babySurname" class="validate[onlyLetter]" />
			
			<label>Naam
			<span class="small">Naam van de baby</span>
			</label>
			<input type="text" name="babyName" class="validate[onlyLetter]" />
			
			<label>Geboortedatum
			<span class="small">Kies de juiste datum</span>
			</label>
			<input type="text" name="birthdate" id="birthdate" />
					
			<label>Geslacht
			<span class="small">Vrouwtje of mannetje?</span>
			</label>
			<select name="gender">
			    <option value="surprise">verrassing!</option>
				<option value="female">vrouwtje</option>
				<option value="male">mannetje</option>
			</select>

<label>Ouders
			<span class="small">De gelukkige ouders</span>
			</label>
			<input type="text" name="parents" class="validate[required,onlyLetter]" />
			
			<label>Welkomtekst
			<span class="small">Vrije tekst</span>
			</label>
			<${textarea} name="text" rows="4" />
			
			<div style="clear: both;"> </div>
	</div>
<br />	
	<div class="stylized form">					
			<h1>Mijn gegevens</h1>
			<p>Vul jouw bestellingsgegevens in.</p>

<label>Voornaam
			<span class="small">Jouw voornaam</span>
			</label>
			<input type="text" name="surname" value="${user.surname}" class="validate[required,onlyLetter]" />
			
			<label>Naam
			<span class="small">Jouw naam</span>
			</label>
			<input type="text" name="name" value="${user.name}" class="validate[required,onlyLetter]" />

<label>E-mail
			<span class="small">Jouw e-mail adres</span>
			</label>
			<div class="text">${user.email}</div>

<label>Telefoon
			<span class="small">Jouw vast nummer</span>
			</label>
			<input type="text" name="telephone" value="${user.telephone}" class="validate[requiredIfNot[gsm,GSM]]" />
			
			<label>GSM
			<span class="small">Jouw GSM nummer</span>
			</label>
			<input type="text" name="gsm" value="${user.gsm}" class="validate[requiredIfNot[telephone,Telefoon]]" />

<div style="clear: both;"> </div>		
	</div>
<br />
    <div class="stylized form green">
    
        {if user.addresses.length == 0}
          
            <h1><img src="images/wishlist2.gif" />Mijn adres</h1>
		    <p>Vul jouw adresgegevens in</p>

{/if}
    
        <div style="clear: both;"> </div>	
    </div>	
	
</form>
	<br/>

<div class="button-row centered">
		<h1>Aanmaken geboortelijst bevestigen?</h1>
		<a href="#/birthlist/create/?formName=form-birthlist&silent=true&validate-true" rel="address:/birthlist/create/?formName=form-birthlist&silent=true&validate=true" class="shipi action-button">
			<img height="105" width="215" src="images/geboortelijst-aanvragen.jpg" />
		</a>
		<a href="javascript:void()" onClick="hideModalDialog();return false;" class="action-button">
			<img height="105" width="215" src="images/terug-naar-overzicht.jpg" />
		</a>
		<div style="clear: both;"> </div>
	</div>
	
	<div style="clear: both;"> </div>
</div>
<div style="clear: both;"> </div>
<div id="modal-box-bottom"></div>

<div id="modal-box-top">Foutmelding</div>
<div id="modal-box-close" onClick="hideModalDialog();"></div>
<div id="modal-box-content">

<div class="stylized red">
		<h1><img src="images/error.gif" />Aanvraag mislukt</h1>
		<p>Er heeft zich een fout voorgedaan bij het uitvoeren van de actie.</p>
		<div class="text wide">
			<b>Mogelijk heb je nog geen geboortelijst opgevraagd tijdens deze browsersessie.</b>
		</div>
		<div class="text wide">
			Je kan een geboortelijst op verschillende manieren opvragen:<br/><br/>
			<ul>
				<li>Ben je nog niet geregistreerd? Kies dan "Maak een nieuwe geboortelijst aan" voor meer uitleg</li>
				<li>Log jezelf in, je krijgt vervolgens al je reeds bewaarde geboortelijsten te zien in het menu "geboortelijst"</li>
				<li>Zoek een geboortelijst aan de hand van een naam en paswoord (deze gegevens heb je doorgekregen van iemand anders)</li>
			</ul>
		</div>
	
		<div style="clear: both;"> </div>
	</div>
</div>
<div style="clear: both;"> </div>
<div id="modal-box-bottom"></div>

{var textarea = "textarea"}
{var genderClass = birthlist.gender == 'male' ? ' blue' : birthlist.gender == 'female' ? ' pink' : '' }
<form name="form-birthlist">
	<input type="hidden" value="${birthlist.id}" />
	
    {if birthlist.isOwner == true}
    <div class="stylized green">
        <h1><img src="images/wishlist2.gif" />De huidige status van deze geboortelijst is: ${birthlist.status}</h1>
	    <p>Wat betekent deze status?</p>
	    <div class="wide">
	        {if birthlist.statusActive == true && birthlist.publish == true}
	            <b>De geboortelijst werd goedgekeurd.</b><br /><br />
	            Je hebt de geboortelijst publiek beschikbaar gemaakt op ${birthlist.publishDate}.<br />
	            De geboortelijst kan opgezocht worden door in het menu "Geboortelijst" volgende zoekvelden in te vullen:<br /><br />
	            <b>Referentie (Voornaam en naam baby): </b>${birthlist.reference}<br />
	            <b>Paswoord: </b>${birthlist.password}
	        {elseif birthlist.statusActive == true && birthlist.publish == false}
	            <b>De geboortelijst werd goedgekeurd.</b><br /><br />
	            Vooraleer je een geboortelijst publiek beschikbaar kan maken, dienen zowel voornaam en achternaam van de baby ingevuld te worden.<br />
	            Deze gegevens worden immers gebruikt om de geboortelijst op te zoeken.<br />
	            Als dit in orde is, kan je de geboortelijst publiek beschikbaar maken door het vinkje bij "Publiceren" (Publiek beschikbaar maken) aan te vinken 
	            en daarna op "Bevestigen" te drukken.<br />
	            De geboortelijst kan vanaf dan opgezocht worden door in het menu "Geboortelijst" volgende zoekvelden in te vullen:<br /><br />
	            {if birthlist.babySurname != ''}
	                <b>Referentie (Voornaam en naam baby): </b>${birthlist.reference}<br />
	                <b>Paswoord: </b>${birthlist.password}
	            {else}
	                <b>Referentie (Voornaam en naam baby): </b>voornaam + achternaam baby<br />
	                <b>Paswoord: </b>voornaam baby
	            {/if}
	        {else}
	            <b>De geboortelijst werd nog niet goedgekeurd.</b>
	            We contacteren je zo snel mogelijk om de verdere afspraken vast te leggen.    
	        {/if}
    	</div>
        
        <div style="clear: both;"> </div>
    </div>
    
    <br />
    
    <div class="stylized baby${genderClass}">
	    <h1>${birthlist.title}</h1>  
        <p>Tracht alle velden in te vullen</p> 
		
		{if birthlist.publishable == true}
		<label>Publiceren
        <span class="small">Publiek beschikbaar maken</span>
        </label>
        <input type="checkbox" name="publish" {if birthlist.publish == true}checked{/if} />
		{/if}
		
        <label>Voornaam
        <span class="small">Voornaam van de baby</span>
        </label>
        <input type="text" name="babySurname" class="validate[onlyLetter]" value="${birthlist.babySurname}" />
		
        <label>Naam
        <span class="small">Naam van de baby</span>
        </label>
        <input type="text" name="babyName" class="validate[onlyLetter]" value="${birthlist.babyName}" />
		
        <label>Geboortedatum
        <span class="small">Kies de juiste datum</span>
        </label>
        <input type="text" name="birthdate" id="birthdate" value="${birthlist.birthdate}" />
				
        <label>Geslacht
        <span class="small">Vrouwtje of mannetje?</span>
        </label>
        <select name="gender">
            <option value="surprise" {if birthlist.gender == 'surprise'}selected{/if}>verrassing!</option>
	        <option value="female" {if birthlist.gender == 'female'}selected{/if}>vrouwtje</option>
	        <option value="male" {if birthlist.gender == 'male'}selected{/if}>mannetje</option>
        </select>

<label>Ouders
        <span class="small">De gelukkige ouders</span>
        </label>
        <input type="text" name="parents" class="validate[required,onlyLetter]" value="${birthlist.parents}" />
			
        <label>Welkomtekst
        <span class="small">Vrije tekst</span>
        </label>
        <${textarea} name="text" rows="4">${birthlist.welcomeText}</${textarea}>
	
		<label>Publiek paswoord
		<span class="small">Kies een paswoord</span>
		</label>
		<input type="password" name="password" class="" value="        " />

<label>Publiek paswoord
		<span class="small">Herhaal paswoord</span>
		</label>
		<input type="password" name="password2" class="validate[confirm[password]]" value="        " />		
	
	    <div style="clear: both;"> </div>
 
        <a href="#/birthlist/save/?formName=form-birthlist&validate=true" rel="address:/birthlist/save/?formName=form-birthlist&validate=true" class="shipi confirm-button">
	        <img height="30" width="121" src="images/bevestigen.jpg" />
        </a> 
        
        <div style="clear: both;"> </div>
	</div>   
	
	<br />
	
	<div class="stylized green">
	    <h1><img src="images/wishlist2.gif" />Mogelijke statussen van de items</h1>
	    <p>Elk item in de geboortelijst heeft een status</p>

<table cellspacing="0" cellpadding="0">
            <tbody>
                <tr>
                    <td><div class="wishlist-button"><img src="images/birthlist-reserveren.jpg" /></div></td>
                    <td>Dit item kan gereserveerd worden.</td>
                </tr>
                <tr>
                    <td><div class="wishlist-button"><img src="images/birthlist-reservation.jpg" /></div></td>
                    <td>Dit item werd gereserveerd.<br />Door met de cursor over deze knop te gaan, kan je de koper zien!</td>
                </tr>
                <tr>
                    <td><div class="wishlist-button"><img src="images/birthlist-reservator-collected.jpg" /></div></td>
                    <td>Dit item werd afgehaald door de koper.<br />Door met de cursor over deze knop te gaan, kan je de koper zien!</td></td>
                </tr>
                <tr>
                    <td><div class="wishlist-button"><img src="images/birthlist-parents-collectable.jpg" /></div></td>
                    <td>Dit item kan afgehaald worden door de ouders.<br />Door met de cursor over deze knop te gaan, kan je de koper zien!</td></td>
                </tr>
                <tr>
                    <td><div class="wishlist-button"><img src="images/birthlist-parents-collected.jpg" /></div></td>
                    <td>Dit item werd afgehaald door de ouders.<br />Door met de cursor over deze knop te gaan, kan je de koper zien!</td></td>
                </tr>
                
            </tbody>
        </table>

<div style="clear: both;"> </div>
	</div>
	
		
    {else}
    <div class="stylized baby${genderClass}">
        <h1>${birthlist.title}</h1>
	    <p>Geboortedatum: {if birthlist.birthdate}${birthlist.birthdate}{else}in blijde verwachting!{/if}</p>
		
	    <label>Ouders
	    <span class="small">De gelukkige ouders</span>
	    </label>
	    <div class="text">${birthlist.parents}</div>

{if birthlist.birthcard}
	    <label>Geboortekaartje
	    <span class="small">Een foto van het kaartje</span>
	    </label>
	    <div class="text">bekijk het kaartje: <img src="${birthlist.birthcard}" width="100" height="50" /></div>
	    {/if}
		
	    {if birthlist.welcomeText && birthlist.welcomeText != ''}
	    <label>Welkom
	    <span class="small">Van de ouders</span>
	    </label>
	    <div class="text">${birthlist.welcomeText}</div>
	    {/if}
	
	    <div style="clear: both;"> </div>
	</div>	
    {/if}	
		
		
</form>
<br />
<form name="form-birthlist-order">	
	<table cellspacing="0" cellpadding="0">
	    <thead>
	        <tr>
	            <td width="130px"></td>
	            <td width="390px">Naam</td>
	            <td width="80px">Prijs</td>
	            <td width="115px"></td>
	        </tr>
	    </thead>
	    <tbody>
	    	{for item in birthlist.items}
		        <tr id="tr_${item.id}" {if item.selected}class="birthlist-selected"{/if}>
		            <td>
		                {if item.product.id > 1}
		            	<a class="shipi" href="#/products/details/${item.product.id}/?silent=true" rel="address:/products/details/${item.product.id}/?silent=true">
		            	{/if}
		                <div class="wishlist-img">	                    
	                    	<div class="wishlist-img-div">
	                    		<img src="${item.product.image.url}" alt="${item.product.image.alt}" title="${item.product.image.title}" class="load" />
	                    	</div>                        
		                </div>
		                {if item.product.id > 1}
		               </a>
		               {/if}
		            </td>
		            <td>
		                {if item.product.id > 1}
		            	<a class="shipi" href="#/products/details/${item.product.id}/?silent=true" rel="address:/products/details/${item.product.id}/?silent=true">
		            	{/if}
			                <div>${item.product.name}</div>
			                <div class="grey">${item.product.company.name}, refnr: ${item.product.reference}</div>
			            {if item.product.id > 1}    
		                </a>
		                {/if}
		            </td>
		            <td>€ ${item.product.price}</td>
		            <td>
		                {if birthlist.statusActive == false || item.active == false}
		                    <div class="wishlist-button"><img src="images/birthlist-not-public.jpg" /></div>   
		                {elseif item.reservable && item.id > 0}
		                    <a id="reservation-button" class="shipi" href="#/birthlist/reservation/add/${item.id}/?silent=true" rel="address:/birthlist/reservation/add/${item.id}/?silent=true">
			                    <div class="wishlist-button-active"><img src="images/birthlist-reserveren.jpg" /></div>
			                </a>
			            {elseif item.reservable && item.id == 0}
		                    <a id="reservation-button" class="shipi" href="#/birthlist/reservation/removeCoupon/?silent=true" rel="address:/birthlist/reservation/removeCoupon/?silent=true">
			                    <div class="wishlist-button-active"><img src="images/birthlist-reserveren.jpg" /></div>
			                </a> 
			            {elseif birthlist.isOwner}
		                    {if item.collectable == true && item.collectableParents == true}   
		                        <div class="wishlist-button reservationTooltip"><img src="images/birthlist-parents-collectable.jpg" /></div>
		                    {elseif item.collected == true && item.collectableParents == true}    
		                        <div class="wishlist-button reservationTooltip"><img src="images/birthlist-parents-collected.jpg" /></div>
		                    {elseif item.collected == true}    
		                        <div class="wishlist-button reservationTooltip"><img src="images/birthlist-reservator-collected.jpg" /></div>    
		                    {else}
		                        <div class="wishlist-button reservationTooltip"><img src="images/birthlist-reservation.jpg" /></div>
		                    {/if}
		                    {if item.reservationOwner != null}
		                        <div class="tooltip">        
                                    <div class="tooltip-close" onclick="hideAllTooltips();"></div>
                                    <div class="tooltip-content">Gerserveerd door ${item.reservationOwner.surname} ${item.reservationOwner.name} (woonplaats ${item.reservationOwner.city})</div>
                                </div> 
		                    {/if}     
		                {else}
		                    <div class="wishlist-button"><img src="images/birthlist-gereserveerd.jpg" /></div>
		                {/if}
		            </td>
		        </tr>      
	        {/for}
	        {if birthlist.statusActive == true}
	            <tr id="tr_1" {if item.selected}class="birthlist-selected"{/if}>
		            <td>
	                    <div class="wishlist-img">	                    
                    	    <div class="wishlist-img-div">
                    		    <img src="images/geschenkbon.jpg" alt="geschenkbon" title="geschenkbon" class="load" />
                    	    </div>                        
	                    </div>
		            </td>
		            <td>
		                <div>Geschenkbon</div>
		                <div class="grey">Als je de ouders liever zelf laat kiezen.</div>
		            </td>
		            <td><span>€</span> <input type="text" size="3" value="" name="coupon" style="float:none;"/></td>
		            <td>
		                {if birthlist.statusActive == false}
		                    <div class="wishlist-button"><img src="images/birthlist-not-public.jpg" /></div>
		                {else}
		                    <a id="reservation-button" class="shipi" href="#/birthlist/reservation/coupon/?silent=true&formName=form-birthlist-order" rel="address:/birthlist/reservation/coupon/?silent=true&formName=form-birthlist-order">
			                    <div class="wishlist-button-active"><img src="images/birthlist-reserveren.jpg" /></div>
			                </a>
			            {/if}
		            </td>
		        </tr>
		    {/if}
	    </tbody>
	</table>
	<br />
	<div class="button-row">	
		<h1>Wat wil je doen met de geselecteerde items?</h1>
		<a href="#/birthlist/reservation/?silent=true" rel="address:/birthlist/reservation/?silent=true" class="shipi action-button">
			<img height="105" width="215" src="images/reservatie-voltooiien.jpg" />
		</a>
		<div style="clear: both;"> </div>
	</div>
</form>

{if birthlist.isOwner == true}
<script type="text/javascript">
    $(function() {
        var form = $('form[name=form-birthlist]');
        $('select[name=gender]', $(form)).change(function() {
            if ($(this).val() == 'female') {
                $('div.baby', $(form)).removeClass('blue').addClass('pink');       
            } else if ($(this).val() == 'male') {
                $('div.baby', $(form)).removeClass('pink').addClass('blue');
            } else {
                $('div.baby', $(form)).removeClass('pink').removeClass('blue');
            }
        });
        
        $('#birthdate', $(form)).datepicker({dateFormat: 'dd-mm-yy'});
        
        $('#page-birthlist .reservationTooltip').tooltip({ effect: 'toggle', position:['center','left'] });
    });
</script>
{/if}

<h1 class="yellow-title">Nieuwe geboortelijst</h1>

<div class="stylized blue">
	<h1>Een geboortelijst aanmaken</h1>
	<p>Je dient volgende stappen te volgen om een geboortelijst aan te maken</p>
	
	<div class="text wide">
		Om een geboortelijst aan te maken, dien je eerst een wenslijst samen te stellen.<br/>
		Vanuit een wenslijst (steeds te bereiken via het menu "Wenslijst") krijg je de mogelijkheid om jouw wenslijst om te vormen tot een geboortelijst!
	</div>
	<div class="text wide">
		Samengevat:<br/><br/>
		<ul>
			<li>Ga naar "Producten" of "Merken" om de producten te bekijken en toe te voegen aan je wenslijst</li>
			<li>Als de wenslijst volledig is, kies je voor "Geboorte - maak van dit lijstje een geboortelijst"</li>
			<li>Je krijgt vervolgens een invulformulier te zien waarop je volgende gegevens dient in te vullen:
				<ul>
					<li>Gegevens van de baby</li>
					<li>Jouw gegevens (eigenaar van de geboortelijst)</li>
				</ul>	
			</li>
			<li>Na het invullen van het formulier, kies je voor "Bevestigen"</li>
			<li>Je krijgt een melding dat de geboortelijst succesvol aangevraagd is</li>
			<li>Na controle van de gegevens, contacteren we jou voor de verdere afspraken!</li>
		</ul>
	</div>	
	<div style="clear: both;"> </div>
</div>
<br/>

<div class="stylized green">
	<h1>Problemen</h1>
	<p>Wat kan je doen bij eventuele problemen</p>
	
	<div class="text wide">
		Bij eventuele foutmeldingen kan u gerust nogmaals proberen.<br/>
		Indien je bovenstaande stappen niet kan vervolledigen, staan wij steeds ter uwer beschikking (onze contactgegevens vind je onder andere in het menu "Winkel".
	</div>
	<div style="clear: both;"> </div>
</div>

{var textarea = "textarea"}
<div id="modal-box-top">Reservatie</div>
<div id="modal-box-close" onClick="hideModalDialog();"></div>
<div id="modal-box-content">
<div id="modal-box-errors" />
<form name="form-reservation" id="personal-information">
	<div class="stylized form">
		
		<h1>Mijn gegevens</h1>
		<p>Vul jouw bestellingsgegevens in.</p>
		
		<label>Voornaam
		<span class="small">Vul jouw voornaam in</span>
		</label>
		<input type="text" name="surname" value="${user.surname}" class="validate[required,onlyLetter]" />

<label>Naam
		<span class="small">Vul jouw naam in</span>
		</label>
		<input type="text" name="name" value="${user.name}" class="validate[required,onlyLetter]" />
		
		<label>Email
		<span class="small">Vul een geldig adres in</span>
		</label>
		<input type="text" name="email" id="email" value="${user.email}" class="validate[required,custom[email]]" />
		
		<label>Telefoon
		<span class="small">Jouw vast nummer</span>
		</label>
		<input type="text" name="telephone" value="${user.telephone}" />
		
		<label>GSM
		<span class="small">Jouw GSM nummer</span>
		</label>
		<input type="text" name="gsm" value="${user.gsm}" class="validate[requiredIfNot[telephone,Telefoon]]" />

<label>Bedrijf
        <span class="small">Optioneel</span>
        </label>
        <input type="text" name="company" class="validate[requiredIf[vatNr,BTW]]" />
        
        <label>BTW nummer
        <span class="small">Indien bedrijf ingevuld</span>
        </label>
        <input type="text" name="vatNr" class="validate[requiredIf[company,Bedrijf],onlyLetter]" />	
		
		<div style="clear: both;"> </div>	
	</div>
	
	<br />
	<div class="stylized form green">	
        {if user.addresses.length == 0}
          
            <h1><img src="images/wishlist2.gif" />Mijn adres</h1>
		    <p>Vul jouw adresgegevens in</p>

<br />
	<div class="stylized form">
		
        <h1>Betalingsgegevens</h1>
        <p>Vul jouw betalingsgegevens in.</p>

<label>Betalingswijze
		<span class="small">Maak jouw keuze</span>
		</label>
		<select name="payment">
			<option value="1">Overschrijving</option>
			<option value="2" selected>Contant bij afhaling</option>
		</select>
		
		<label>Ik wens een factuur
		<span class="small">Enkel voor bedrijven</span>
		</label>
		<input type="checkbox" name="invoice" />
		
		<label>Leveringsswijze
		<span class="small">Maak jouw keuze</span>
		</label>
		<select name="delivery">
			<option value="Zelf afhalen">Zelf afhalen</option>
			<option value="Aan ouders meegeven">Aan ouder meegeven</option>
		</select>	
		
		<label>Opmerkingen
		<span class="small">Bijkomende informatie voor de bestelling</span>
		</label>
		<${textarea} name="remarks" rows="4" />
		
		
		<div style="clear: both;"> </div>
		
	</div>
</form>
<br />

{var genderClass = birthlist.gender == 'male' ? 'blue-title' : birthlist.gender == 'female' ? 'pink-title' : 'yellow-title' }
	<div class="wishlist centered">
		<h1 class="${genderClass}">"${birthlist.title}"</h1>
		<table cellspacing="0" cellpadding="0">
	    <thead>
	        <tr>
	            <td width="130px"></td>
	            <td width="390px">Naam</td>
	            <td width="80px">Prijs</td>
	            <td width="115px"></td>
	        </tr>
	    </thead>
	    <tbody>
	    	{for item in birthlist.items}
		        <tr id="tr_${item.id}">
		            <td>
		            	<a class="shipi" href="#/products/details/${item.product.id}/?silent=true" rel="address:/products/details/${item.product.id}/?silent=true">
		                <div class="wishlist-img">	                    
		                    	<div class="wishlist-img-div">
		                    		<img src="${item.product.image.url}" alt="${item.product.image.alt}" title="${item.product.image.title}" class="load" />
		                    	</div>                        
		                </div>
		               </a>
		            </td>
		            <td>
		            	<a class="shipi" href="#/products/details/${item.product.id}/?silent=true" rel="address:/products/details/${item.product.id}/?silent=true">
			                <div>${item.product.name}</div>
			                <div class="grey">${item.product.company.name}, refnr: ${item.product.id}</div>
		                </a>
		            </td>
		            <td>€ ${item.product.price}</td>
		            <td>
			              <a id="reservation-button" class="shipi" href="#/birthlist/reservation/remove/${item.id}/?silent=true" rel="address:/birthlist/reservation/remove/${item.id}/?silent=true">
			                <div class="wishlist-button-active"><img src="images/birthlist-undo-reservation.jpg" /></div>
			              </a>
		            </td>
		        </tr>
	        {forelse}
				<tr>
					<td colspan="4">Geen items gereserveerd in geboortelijst</td>
				</tr>       
	        {/for}
	    </tbody>
	    <tfoot>
	    	<tr>
	            <td> </td>
	            <td align="right">Totaal  </td>
	            <td>€ ${birthlist.total}</td>
	            <td>  </td>
	        </tr>
	    </tfoot>
		</table>	
	</div>

<br />

<div class="button-row centered">
		<h1>Je reservatie bevestigen?</h1>
		<a href="#/birthlist/reservation/confirm/?formName=form-reservation&silent=true&validate=true" rel="address:/birthlist/reservation/confirm/?formName=form-reservation&silent=true&validate=true" class="shipi action-button">
			<img height="105" width="215" src="images/reservatie-bevestigen.jpg" />
		</a>
		<a href="javascript:void()" onClick="hideModalDialog();return false;" class="action-button">
			<img height="105" width="215" src="images/terug-naar-overzicht.jpg" />
		</a>
		<div style="clear: both;"> </div>
	</div>
	
	<div style="clear: both;"> </div>
</div>
<div style="clear: both;"> </div>
<div id="modal-box-bottom"></div>

<label for="name">Zoekterm</label><input type="text" name="name" />     
	    <label for="ageFrom">van</label><select name="ageFrom">
	        <option></option>
	        <option>0</option>
		    <option>1</option>
		    <option>2</option>
		    <option>3</option>
		    <option>4</option>
		    <option>5</option>
		    <option>6</option>
		    <option>7</option>
		    <option>8</option>
		    <option>9</option>
		    <option>10</option>
		    <option>11</option>
		    <option>12</option>
	    </select><label for="ageTo">tot</label><select name="ageTo">
		    <option></option>
		    <option>0</option>
		    <option>1</option>
		    <option>2</option>
		    <option>3</option>
		    <option>4</option>
		    <option>5</option>
		    <option>6</option>
		    <option>7</option>
		    <option>8</option>
		    <option>9</option>
		    <option>10</option>
		    <option>11</option>
		    <option>12</option>
		    <option>13</option>
		    <option>14</option>
		    <option>15</option>
		    <option>16</option>
		    <option>99</option>
	    </select><label>jaar</label>
	    <a class="shipi confirm-button" href="#/products/category/search/?formName=form-search-product-cat&validate=true" rel="address:/products/category/search/?formName=form-search-product-cat&validate=true">
	        <img height="30" width="121" src="images/zoeken.jpg" />
        </a>
        
	    <div style="clear: both;"> </div>
    </form>
</div>

<div class="stylized blue margin5">
	<h1 class="titleOnly">Categorie: ${category.name}</h1>	
	{if category.subcategories && category.subcategories.length > 0}
	    <div>Subcategorieën: 
	    {for subcat in category.subcategories}
		    <a class="shipi" href="#/products/category/${subcat.id}" rel="address:/products/category/${subcat.id}">${subcat.name}</a>
		    {if subcat_index < (category.subcategories.length - 1)},{/if}
	    {/for}
	    </div>
	{/if}
</div>
<ul class="thumbs">
	{for product in category.products}
	    <li>
	    	<a class="shipi" href="#/products/details/${product.id}/?silent=true" rel="address:/products/details/${product.id}/?silent=true">
				<div id="${product.id}" class="thumb">				
					<div class="thumb-content load">					
						{if product.image != null}
						    {if product.image.height >= product.image.width}
					            <img src="${product.image.url}" alt="${product.name}" height="130" />
					        {else}
					            <img src="${product.image.url}" alt="${product.name}" width="130" style="padding-top:${( 130 - (product.image.height / (product.image.width / 130)) ) / 2}px;" />
					        {/if}		
					    {else}
					        <img src="images/no-photo.jpg" alt="${product.name}" height="130" />
					    {/if}
					</div>
					<div class="thumb-footer">
						<p>${product.name}</p>
					</div>
				</div>
				</a>
	    </li>
	{/for}    
</ul>

<div id="search-product" class="stylized margin5">
    <form name="form-search-product-comp">   
	    
	    
	    <label for="name">Zoekterm</label><input type="text" name="name" />     
	    <label for="ageFrom">van</label><select name="ageFrom">
	        <option></option>
	        <option>0</option>
		    <option>1</option>
		    <option>2</option>
		    <option>3</option>
		    <option>4</option>
		    <option>5</option>
		    <option>6</option>
		    <option>7</option>
		    <option>8</option>
		    <option>9</option>
		    <option>10</option>
		    <option>11</option>
		    <option>12</option>
	    </select><label for="ageTo">tot</label><select name="ageTo">
		    <option></option>
		    <option>0</option>
		    <option>1</option>
		    <option>2</option>
		    <option>3</option>
		    <option>4</option>
		    <option>5</option>
		    <option>6</option>
		    <option>7</option>
		    <option>8</option>
		    <option>9</option>
		    <option>10</option>
		    <option>11</option>
		    <option>12</option>
		    <option>13</option>
		    <option>14</option>
		    <option>15</option>
		    <option>16</option>
		    <option>99</option>
	    </select><label>jaar</label>
	    <a class="shipi confirm-button" href="#/products/company/search/?formName=form-search-product-comp&validate=true" rel="address:/products/company/search/?formName=form-search-product-comp&validate=true">
	        <img height="30" width="121" src="images/zoeken.jpg" />
        </a>
        
	    <div style="clear: both;"> </div>
    </form>
</div>

{if defined('company')}

<h1 class="blue-title margin5 titleOnly">Merk: ${company.name}</h1>
<ul class="thumbs">
	{for product in company.products}
	    <li>
	    	<a class="shipi" href="#/products/details/${product.id}/?silent=true" rel="address:/products/details/${product.id}/?silent=true">
				<div id="Div1" class="thumb">				
					<div class="thumb-content load">	
					    {if product.image != null}				
						    {if product.image.height >= product.image.width}
					            <img src="${product.image.url}" alt="${product.name}" height="130" />
					        {else}
					            <img src="${product.image.url}" alt="${product.name}" width="130" style="padding-top:${( 130 - (product.image.height / (product.image.width / 130)) ) / 2}px;" />
					        {/if}				
					    {else}
					        <img src="images/no-photo.jpg" alt="${product.name}" height="130" />
					    {/if}
					</div>
					<div class="thumb-footer">
						<p>${product.name}</p>
					</div>
				</div>
				</a>
	    </li>
	{/for}    
</ul>

{elseif defined('category')}

<h1 class="blue-title margin5 titleOnly">Producten in de kijker</h1>
<ul class="thumbs">
	{for product in category.products}
	    <li>
	    	<a class="shipi" href="#/products/details/${product.id}/?silent=true" rel="address:/products/details/${product.id}/?silent=true">
				<div id="${product.id}" class="thumb">				
					<div class="thumb-content load">	
					    {if product.image != null}				
						    {if product.image.height >= product.image.width}
					            <img src="${product.image.url}" alt="${product.name}" height="130" />
					        {else}
					            <img src="${product.image.url}" alt="${product.name}" width="130" style="padding-top:${( 130 - (product.image.height / (product.image.width / 130)) ) / 2}px;" />
					        {/if}		
					    {else}
					        <img src="images/no-photo.jpg" alt="${product.name}" height="130" />
					    {/if}
					</div>
					<div class="thumb-footer">
						<p>${product.name}</p>
					</div>
				</div>
			</a>
	    </li>
	{/for}    
</ul>

{/if}

<div id="modal-box-top">Bestellingdetails</div>
<div id="modal-box-close" onClick="hideModalDialog();"></div>
<div id="modal-box-content">
	<div class="stylized form">
		<h1>Samenvatting van bestelling ${order.id}:</h1>
		<p>Details van de bestelling.</p>
		
		<label>Naam<span class="small">Naam van besteller</span></label>
		<div class="text">${order.owner.name}</div>

<label>Betalingswijze<span class="small">Gekozen optie</span></label>
		<div class="text">${order.payment}</div>
		
		<label>Leveringsswijze<span class="small">Gekozen optie</span></label>
		<div class="text">${order.delivery}</div>
		
		<label>Datum<span class="small">Van aanmaak</span></label>
		<div class="text">${order.dateCreated}</div>
		
		<label>Totaal<span class="small">Van alle items</span></label>
		<div class="text">€ ${order.total}</div>
		
		<div style="clear: both;"> </div>
	</div>
	<div class="wishlist centered">
	<h1 class="blue-title">Details van de bestelde producten</h1>

{for entry in order.birthlists}
		<h2 class="yellow-title">Items uit de geboortelijst "${entry.birthlist.title}" van ${entry.birthlist.owner.name}</h2>
		<table cellspacing="0" cellpadding="0">
	    <thead>
	        <tr>
	            <td width="130px"></td>
	            <td width="505px">Naam</td>
	            <td width="80px">Prijs</td>
	        </tr>
	    </thead>
	    <tbody>
	    	{for item in entry.birthlist.items}
		        <tr id="tr_${item.id}">
		            <td>
		            	<a class="shipi" href="#/products/details/?id=${item.product.id}&silent=true" rel="address:/products/details/?id=${item.product.id}&silent=true">
		                <div class="wishlist-img">	                    
		                    	<div class="wishlist-img-div">
		                    		<img src="${item.product.photo.url}" alt="${item.product.photo.alt}" title="${item.product.photo.title}" class="load" />
		                    	</div>                        
		                </div>
		               </a>
		            </td>
		            <td>
		            	<a class="shipi" href="#/products/details/?id=${item.product.id}&silent=true" rel="address:/products/details/?id=${item.product.id}&silent=true">
			                <div>${item.product.name}</div>
			                <div class="grey">${item.product.company}, refnr: ${item.product.id}</div>
		                </a>
		            </td>
		            <td>€ ${item.product.price}</td>
		        </tr>
	        {forelse}
						<tr>
							<td colspan="4">Geen items gereserveerd in geboortelijst</td>
						</tr>       
	        {/for}
	    </tbody>
	    <tfoot>
	    	<tr>
            <td> </td>
            <td align="right">Subtotaal  </td>
            <td>€ ${entry.birthlist.total}</td>
        </tr>
	    </tfoot>
		</table>	
	
	{/for}
	
	{if order.others && order.others.items && order.others.items.length > 0}
		<h2 class="yellow-title">Andere bestelde producten</h2>
		<table cellspacing="0" cellpadding="0">
	    <thead>
	        <tr>
	            <td width="130px"></td>
	            <td width="505px">Naam</td>
	            <td width="80px">Prijs</td>
	        </tr>
	    </thead>
	    <tbody>
	    	{for item in order.others.items}
	        <tr id="tr_${item.id}">
	            <td>
	            	<a class="shipi" href="#/products/details/?id=${item.product.id}&silent=true" rel="address:/products/details/?id=${item.product.id}&silent=true">
	                <div class="wishlist-img">	                    
	                    	<div class="wishlist-img-div">
	                    		<img src="${item.product.photo.url}" alt="${item.product.photo.alt}" title="${item.product.photo.title}" class="load" />
	                    	</div>                        
	                </div>
	               </a>
	            </td>
	            <td>
	            	<a class="shipi" href="#/products/details/?id=${item.product.id}&silent=true" rel="address:/products/details/?id=${item.product.id}&silent=true">
		                <div>${item.product.name}</div>
		                <div class="grey">${item.product.company}, refnr: ${item.product.id}</div>
	                </a>
	            </td>
	            <td>€ ${item.product.price}</td>
	        </tr>      
        {/for}
	    </tbody>
	    <tfoot>
	    	<tr>
            <td> </td>
            <td align="right">Subtotaal  </td>
            <td>€ ${order.others.total}</td>
        </tr>
	    </tfoot>
		</table>	
	{/if}
	
	</div>

<div id="modal-box-top">${product.name}</div>
  	<a href="javascript:void(0);" onclick="hideModalDialog();"><div id="modal-box-close" onClick="hideModalDialog();"></div></a>
  	<div id="modal-box-content">
		<div id="modal-box-photos">
			<ul class="productphotos">
				{for image in product.images}
	        			<li>
						{if image.height > image.width}
						    <img class="cycle-thumbnail load" src="${image.url}" height="50" />
		                {elseif}
		                    <img class="cycle-thumbnail load" src="${image.url}" width="50" style="padding-top:${( 50 - (image.height / (image.width / 50)) ) / 2}px;"/>
		                {/if}
						<div class="panel-content">
							<div class="cycle">
								<div class="cycle-item">          	
									<div class="cycle-img">
									    <div class="load">
									    {if image.height >= image.width}
									        <img class="cycle-image" src="${image.url}" alt="${product.name}" height="320" />
									    {elseif}
									        <img class="cycle-image" src="${image.url}" alt="${product.name}" width="320" style="padding-top:${(320 - image.height) / 2}px" />
									    {/if}	
									    </div>							
									</div>
								</div>
							</div>
						</div>
	        			</li>
	     			{forelse}
	     				<li>
						<img src="images/nophoto.jpg" class="load" width="50" height="50" />
						<div class="panel-content">
							<div class="cycle">
								  <div class="cycle-item">          	
								      <div class="cycle-img">
								          <div class="load">
								            <img src="images/nophoto.jpg" alt="geen photo" width="320" height=320" />
								          </div>
								      </div>
								  </div>
							</div>
						</div>
	        			</li>
	     			{/for} 
	  		</ul>
	  	</div>
  
	  	<div id="modal-content">
	  	    {if product.description != null && product.description != ''}
	  		    <p>Omschrijving: ${product.description}</p><br/>
	  		{/if}
  			<p>Refnr: ${product.reference}</p>
 			<p>Merk: <a class="shipi" href="#/products/company/${product.company.id}" rel="address:/products/company/${product.company.id}">${product.company.name}</a></p>
  			<p>Categoriën: 
  			{for category in product.categories}
  				<a class="shipi" href="#/products/category/${category.id}" rel="address:/products/category/${category.id}">${category.name}</a>
  				{if category_index < (product.categories.length - 1)},{/if}
  			{/for}
  			</p>
  			{if product.links != null && product.links != undefined}
  			<p>Links:</p>
  			<ul>
  			    {if product.links.docmuments != null}
  				{for document in product.links.documents}
  					<li>Document: <a href="${document.url}" target="_blank">${document.url}</a></li>
  				{/for}
  				{/if}
  				{if product.links.movies != null}
  				{for movie in product.links.movies}
  					<li>Filmpje: <a href="${movie.url}" target="_blank">${movie.url}</a></li>
  				{/for}
  				{/if}
  			</ul>
  			{/if}
 			<br/>
 			<div id="product-button-row">
 				<div class="price">
					<p>€ ${product.price}</p>
				</div>
  			
  			    <div id="modal-leeftijd">
  				    <img src="images/product-leeftijd.jpg" alt="leeftijdsbepaling" />
  				    <div id="modal-leeftijd-content">vanaf ${product.ageFrom} jaar</div>
  			    </div>

<ul id="cycle-promotions" class="photos">
	{for promo in promotions}
		<li>
			{if promo.image.height > promo.image.width}
		        <img src="${promo.image.url}" class="cycle-thumbnail load" height="50" />
		    {elseif}
		        <img src="${promo.image.url}" class="cycle-thumbnail load" width="50" style="padding-top:${( 50 - (promo.image.height / (promo.image.width / 50)) ) / 2}px;" />
		    {/if}
			<div id="product${promo.id}" class="panel-content">
				<div class="cycle">
					<div class="cycle-item">          	
						<div class="cycle-img">
							<a class="shipi" href="#/products/details/${promo.id}/?silent=true" rel="address:/products/details/${promo.id}/?silent=true">
							    <div class="load">
							    {if promo.image.height >= promo.image.width}
							        <img class="cycle-image" src="${promo.image.url}" alt="${promo.name}" title="${promo.name}" class="load" height="200" />
							    {elseif}
							        <img class="cycle-image" src="${promo.image.url}" alt="${promo.name}" title="${promo.name}" class="load" width="200" style="padding-top:${( 200 - (promo.image.height / (promo.image.width / 200)) ) / 2}px;" />
							    {/if}
							    </div>
      				        </a>
						</div>
						<a class="shipi" href="#/products/details/${promo.id}/?silent=true" rel="address:/products/details/${promo.id}/?silent=true">  
							<div class="cycle-text">    						                   
								<div class="title">${promo.name}</div>
								<div class="text">${promo.description}</div>
								<div class="price">
									<p>€{if promo.promotionPrice}${promo.promotionPrice}{elseif}${promo.price}{/if}</p>
									<img src="images/detail.jpg" />
								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</li>
	{forelse}	
		<li>
			<img src="images/nopromo.jpg" alt="geen promoties" title="geen promoties" class="load" width="50" height="50" />
			<div id="geenpromotie" class="panel-content">
				<div class="cycle">
					<div class="cycle-item">          	
						<div class="cycle-img">
						    <div class="load">
		        	            <img src="images/nopromo.jpg" alt="geen promoties" title="geen promoties" class="load" width="320" height="320" />
		        	        </div>
						</div>
						<div class="cycle-text">                         
							<div class="title">Helaas...</div>
							<div class="text">Er werden geen promoties gevonden.</div>
							<div class="price">
								<p></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</li>		
	{/for}			
</ul>
<div style="clear: both;"> </div>

{var textarea = "textarea"}
<form name="form-wishlist">
	<input type="hidden" value="${wishlist.id}" />
	
    {if wishlist.isOwner == true && (wishlist.owner != null || wishlist.id == 0)}
    <div class="stylized green">   
        <h1>Je wenslijst bewaren en delen</h1>
        <p>Registreer jezelf of log jezelf in</p>
        <div class="wide">
            Als je deze wenslijst wil bewaren, dien je in te loggen of jezelf te registreren.<br/>
            Je kan vervolgens onderaan op de knop "Bewaren" drukken om deze effectief te bewaren.<br/>
            Indien je andere mensen op de hoogte wil brengen van jouw wenslijst, gebruik je de knop "Doorsturen".<br/>
            Om een geboortelijst te maken van deze wenslijst druk je op "Geboortelijst".
        </div>
    </div> 
    <br />   
    {/if}	
	
	<div class="stylized">
        {if wishlist.isOwner == true}
            <h1><img src="images/wishlist2.gif" />{if wishlist.owner != null}Wenslijst van ${wishlist.owner.surname} ${wishlist.owner.name}{else}Mijn wenslijst{/if}</h1>
            <p>Bekijk en bewerk jouw wenslijst.</p>
	    
            <label>Titel
		    <span class="small">Van je wenslijst</span>
		    </label>
		    <input type="text" name="title" value="${wishlist.title}" class="validate[required]" />
			
		    <label>Mededeling
		    <span class="small">Vrij in te vullen</span>
		    </label>
		    <${textarea} name="description" rows="4">${wishlist.description}</${textarea}>
		    
	    	<label>Paswoord
			<span class="small">Optioneel paswoord</span>
			</label>
			<input type="password" name="password" class="" />
			
			<label>Paswoord
			<span class="small">Herhaal paswoord</span>
			</label>
			<input type="password" name="password2" class="validate[requiredIf[password,Paswoord],confirm[password]]" />		
				
        {elseif wishlist.description != null && wishlist.description != ''}
            <h1><img src="images/wishlist2.gif" />Wenslijst "${wishlist.title}" van ${wishlist.owner.name}</h1>
            <p>Je kan deze wenslijst raadplegen.</p>
			
		    <div class="text wide">${wishlist.description}</div>
		{else}
		    <h1><img src="images/wishlist2.gif" />Wenslijst "${wishlist.title}" van ${wishlist.owner.name}</h1>
        {/if}
        <div style="clear: both;"> </div>
	</div>
	
	<br />
	
	{if wishlist.birthlists != null && wishlist.birthlists.length > 0}
	<div class="stylized green">
	    <h1><img src="images/wishlist2.gif" />Van deze wenslijst werd tevens een geboortelijst gemaakt:</h1>
	    <p>Bekijk de geboortelijst door op de link te klikken.</p>
	    
    	<ul class="flower-list">
			{for birthlist in wishlist.birthlists}
  		        <li><a class="shipi" href="#/birthlist/${birthlist.id}" rel="address:/birthlist/${birthlist.id}">${birthlist.name}</a></li>
 	        {/for}
        </ul>
        
        <div style="clear: both;"> </div>
	</div>
	
	<br />
	{/if}
    
	<table cellspacing="0" cellpadding="0">
	    <thead>
	        <tr>
	            <td width="130px"></td>
	            <td width="230px">Naam</td>
	            <td width="80px">Prijs</td>
	            <td width="40px"></td>
	            <td width="115px" align="center">Aantal</td>
	            <td width="40px"></td>
	            <td width="80px">Totaal</td>
	        </tr>
	    </thead>
	    <tbody>
	    	{for product in wishlist.products}
		        <tr>
		            <td>
		            	<a class="shipi" href="#/products/details/${product.id}/?silent=true" rel="address:/products/details/${product.id}/?silent=true">
		                <div class="wishlist-img">	                    
	                    	<div class="wishlist-img-div">
	                    		<img src="${product.image.url}" alt="${product.image.alt}" title="${product.image.title}" class="load" />
	                    	</div>                        
		                </div>
		                </a>
		            </td>
		            <td>
		            	<a class="shipi" href="#/products/details/${product.id}/?silent=true" rel="address:/products/details/${product.id}/?silent=true">
			                <div>${product.name}</div>
			                <div class="grey">${product.company.name}, refnr: ${product.id}</div>
		                </a>
		            </td>
		            <td>€ ${product.price}</td>
		            <td class="grey" align="center">x</td>
		            <td align="center">
		                {if wishlist.isOwner == true}
		                    <a class="shipi" href="#/wishlist/add/${product.id}/?silent=true" rel="address:/wishlist/add/${product.id}/?silent=true">
		                	    <img class="quantity" height="24" width="24" src="images/add.png"/>
		                    </a>
		                    <input type="text" size="2" value="${product.quantity}" name="quantity_${product.id}" disabled />
		                    <a class="shipi" href="#/wishlist/remove/${product.id}/?silent=true" rel="address:/wishlist/remove/${product.id}/?silent=true">
		                	    <img class="quantity" height="24" width="24" src="images/remove.png"/>
		                    </a>
		                {else}
		                    ${product.quantity}
		                {/if}
		            </td>
		            <td class="grey" align="center">=</td>
		            <td>€ ${product.total}</td>
		        </tr>
	        {forelse}
			<tr>
				<td colspan="8">Geen items in wenslijst</td>
			</tr>       
	        {/for}
	    </tbody>
	    <tfoot>
	    	<tr>
	            <td colspan="4"> </td>
	            <td align="center">Totaal</td>
	            <td class="grey" align="center">=</td>
	            <td>€ ${wishlist.total}</td>
	            <td>  </td>
	        </tr>
	    </tfoot>
	</table>
	{if wishlist.isOwner == true && (wishlist.owner != null || wishlist.id == 0)}
	<div class="button-row">
		<h1>Wat wil je doen met dit wenslijstje?</h1>
		<a href="#/wishlist/save/${wishlist.id}/?formName=form-wishlist&silent=true&validate=true" rel="address:/wishlist/save/${wishlist.id}/?formName=form-wishlist&silent=true&validate=true" class="shipi action-button">
			<img height="105" width="215" src="images/wishlist-bewaren.jpg" />
		</a>
		<a href="#/wishlist/share/${wishlist.id}/?formName=form-wishlist&silent=true&validate=true" rel="address:/wishlist/share/${wishlist.id}/?formName=form-wishlist&silent=true&validate=true" class="shipi action-button">
			<img height="105" width="215" src="images/wishlist-doorsturen.jpg" />
		</a>
		<a href="#/birthlist/new/${wishlist.id}/?silent=true" rel="address:/birthlist/new/${wishlist.id}/?silent=true" class="shipi action-button">
			<img height="105" width="215" src="images/wishlist-geboortelijst.jpg" />
		</a>
		<div style="clear: both;"> </div>
	</div>
	{/if}
</form>

<form name="form-wishlist">
	<input type="hidden" value="${wishlist.id}" />
	<h1 class="yellow-title">Nieuwe wenslijst</h1>
	<table cellspacing="0" cellpadding="0">
	    <thead>
	        <tr>
	            <td width="130px"></td>
	            <td width="230px">Naam</td>
	            <td width="80px">Prijs</td>
	            <td width="40px"></td>
	            <td width="79px" align="center">Aantal</td>
	            <td width="40px"></td>
	            <td width="80px">Totaal</td>
	            <td width="36px" align="center"></td>
	        </tr>
	    </thead>
	    <tbody>
				<tr>
					<td colspan="8"><br/>Geen items in wenslijst, ga naar "Producten" of "Merken" om de producten te bekijken en toe te voegen aan je wenslijst.<br/><br/></td>
				</tr>       
	    </tbody>
	    <tfoot>
	    	<tr>
	            <td colspan="4"> </td>
	            <td align="center">Totaal</td>
	            <td class="grey" align="center">=</td>
	            <td>€ ...</td>
	            <td>  </td>
	        </tr>
	    </tfoot>
	</table>
</form>

{var textarea = "textarea"}
<div id="modal-box-top">Wenslijst doorsturen</div>
<div id="modal-box-close" onClick="hideModalDialog();"></div>
<div id="modal-box-content">
	<div class="stylized form">
		<form name="form-wishlist-share">
			<h1>Wenslijst doorsturen</h1>
			<p>Je wenslijst is bewaard, vul nu de e-mail adressen in van de ontvangers.</p>

<label>Naam wenslijst
			<span class="small">De gekozen naam</span>
			</label>
			<div class="text">${wishlist.title}</div>

<label>Voornaam
			<span class="small">Jouw voornaam</span>
			</label>
			<input type="text" name="surname" value="${wishlist.owner.surname}" class="validate[required,onlyLetter]" />
			
			<label>Naam
			<span class="small">Jouw naam</span>
			</label>
			<input type="text" name="name" value="${wishlist.owner.name}" class="validate[required,onlyLetter]" />

<label>E-mail
			<span class="small">Jouw e-mail adres</span>
			</label>
			<div class="text">${wishlist.owner.email}</div>
			
			<label>Mijn mededeling
			<span class="small">Vrije tekst</span>
			</label>
			<${textarea} name="text" rows="4">{if wishlist.description != ''}${wishlist.description}{else} {/if}</${textarea}>

<label>Stuur naar
			<span class="small">De e-mails van de ontvangers gescheiden door , (komma)</span>
			</label>
			<${textarea} name="receivers" rows="4">${wishlist.owner.email},</${textarea}>

<div style="clear: both;"> </div>
		</form>
	</div>
	
	<br/>
	
	<div class="button-row centered">
		<h1>Wil je het lijstje doorsturen naar de ontvangers?</h1>
		<a href="#/wishlist/share/confirm/${wishlist.id}/?formName=form-wishlist-share&silent=true&validate=true" rel="address:/wishlist/share/confirm/${wishlist.id}/?formName=form-wishlist-share&silent=true&validate=true" class="shipi action-button">
			<img height="105" width="215" src="images/wishlist-doorsturen.jpg" />
		</a>
		<a href="javascript:void()" onClick="hideModalDialog();return false;" class="action-button">
			<img height="105" width="215" src="images/terug-naar-overzicht.jpg" />
		</a>
		<div style="clear: both;"> </div>
	</div>
</div>
<div style="clear: both;"> </div>
<div id="modal-box-bottom"></div>

, 999 games, Aladine, at home crochu, Baghera, Beleduc, Bestsaller, birdy nam nam, Blafre Design, Bobux, Brio, Calafant, circus jojo, company2, company3, Corolle, Country Living, Crocodile Creek, Dam, Darda, DCVD, Design Heroes, Djeco, Early Rider, Egmont toys, Ein-o, Erzi, Eureka, Fischertip, Folkmanis, Fuchs, Galt, Gapola, Gigamic, Groovy Girls, Gymnic, Haba, Helga kreft, Hotwings, Jasper Toys, Joytoy, Kapla, Kidorable, Le Toy Van, Lieveling, Lilliputiens, Lipfish, Living puppets, Living Toys, Lovely Lea, Lyra, Manhattan toy, Moulin Roty, Mr Babache, Mudpuppy, Nadia toys, Navir, Nemmer, New classic toys, Niermann, Papo, Pinolino, Pintoy, Plan Toys, Plato toys, Quadrilla, Schleich, Scratch, Selecta, Sevi, Sigikid, Smart, Souza, Speeldozenwereld, spektro, Spiegelburg, Sterntaler, Tinti, Trullala, Trä present, Van Dijk Toys, Villa Karton, WAWA, Weible knet, Wingreen

Lieveling.

Om je bewaarde wenslijsten te bekijken, dien je ingelogd te zijn

Wenslijst

Zoeken

Om je bewaarde geboortelijsten te bekijken, dien je ingelogd te zijn

Raadplegen

Zoeken

Nieuwsbrief

Om je bewaarde wenslijsten te bekijken, dien je ingelogd te zijn.

Log jezelf in en probeer opnieuw!

Om je bewaarde geboortelijsten te bekijken, dien je ingelogd te zijn.

Log jezelf in en probeer opnieuw!

Contacteer ons:

Openingsuren: