{% extends "base.twig" %}

{% block content %}
	
	<div class="row">
		<div class="grid-container">
			<div class="grid-x grid-padding-x">

				<div class="cell small-12 medium-8">
					
					<h1>Kannick Calculator</h1>
					<p>Met de Kannick Calculator berekent u eenvoudig wat het rendement en de terugverdientijd is van een investering in een Kannick traject. In de calculator is een voorbeeldberekening zichtbaar van een representatieve casus uit onze praktijk. Deze kunt u overschrijven met de gegevens van uw eigen casus.</p>
					
					
					<form action="/post" method="post" class="expertise-calculator" data-token='{{ spamtoken }}'  id='expertise-calculator-form' >
							
							
 							{% for field in fields %}
 		 						
								<div class="form-row">

									<label>{{ field.human | raw }}</label>	
									
									{% if field.type == "slider" %}
										<div class="input-wrapper">
									
											<div class="slider-wrapper">
												<div class="slider" {{ field.array_keys|raw }} data-id="{{ field.name }}" data-copy="#{{ field.name }}"></div>
												<div class="slider-value {{ field.name }}"></div>
												<input type="hidden" id="{{ field.name }}" name="{{ field.name }}">
											</div>
												
										</div>
									{% elseif field.name == 'company_name' or field.name == 'company_contact' or field.name == 'company_email' %}
										<div class="input-wrapper">
											<input type="text" class="form-text" id="{{ field.name }}"  name="{{ field.name }}" autocomplete="off" placeholder="{{ field.clashumans }}" value="" />
										</div>
									
									   
										
							        {% elseif field.name == 'date_sick' %}
									
										<div class="input-wrapper">
											<input type="text" class="form-text {{ field.class }}" id="{{ field.name }}" name="{{ field.name }}" autocomplete="off" placeholder="{{ field.clashumans }}" value="{{ field.value }}" {{ field.array_keys|raw }}/><span></span>
										</div>
									
									{% else %}
										
										<div class="input-wrapper">
											<input type="text" disabled class="form-text {{ field.class }}" id="{{ field.name }}" autocomplete="off" placeholder="{{ field.clashumans }}" value="{{ field.value }}" data-copy="#{{ field.name }}_hidden" {{ field.array_keys|raw }}/><span></span>
											<input type="hidden" id="{{ field.name }}_hidden" name="{{ field.name }}">
										</div>
									
									{% endif %}
										
								
								</div>
							
 						   {% endfor %}
				   		
						<div class="slide-message"><strong>Schuif het blauwe balkje naar rechts om het formulier te verzenden </strong><br >(Ter voorkoming van spam)</div>		
				   		<div class="fieldset hidden"><input type="text" name="slided_by_human" class="slided_by_human required"  value="" /></div>
	
				   		<div class="slide-submit">
				   			<div class="slide-submit-text"></div>
				   			<div class="slide-submit-thumb"></div>
				   		</div>
				   		<input type='hidden' name='slider-validate' value='{{ spamtoken }}'/>			

				   		<div class='button-wrapper' style='display:none;'>
				   			<input type='submit' name='vertuur_aanmelding' value='Aanmelding versturen' class='button primary' id='verstuur' />
				   		</div>
						  
							
					</form>
					
					<p class="disclaimer"><em>Disclaimer: Deze calculatie geeft een indicatie van het verwachte rendement van een investering in een Kannickprogramma. De calculatie beperkt zich tot de eerste twee ziektejaren en houdt geen rekening met een mogelijke extra kostenbesparing door het voorkomen van een loonsanctie en met eventuele aanvullende (vaste) kosten voor begeleiding, behandeling en re-integratie. Op deze calculatie is geen accountantscontrole toegepast. Aan deze calculatie kunnen geen rechten worden ontleend. Deze calculatie staat los van het feit dat soms niet alleen op financiële gronden maar ook vanwege wettelijke verplichtingen (WVP) besloten kan worden om een Kannick-programma in te zetten.</em></p>
					
				</div>
				
				<div class="cell small-12 medium-3 medium-offset-1">
					
					<div class="callout">
						<div class="callout-wrapper">
							<h2>Hulp nopdig?</h2>
							<p>Heb je een vraag of wil je graag meer informatie? We zijn bereikbaar van ma t/m vrijdag van 08.30-17.00 uur</p>
							<p>Bel <a href="tel:0889466605"><strong>088 94 66 605</strong></a> of stuur een mail naar <a href="mailto:info@kannick.nl"><strong>info@kannick.nl</strong></a></p>
						</div>
					</div>
					
				</div>

			</div>
		</div>
	</div>  

  
{% endblock %}