{% extends "welco/base.html" %}
{% load i18n %}

{% block bodyargs %}class="welco-home"{% endblock %}

{% block content %}
	<div class="all">
		<div class="cell document source top">
			{{ source.render }}
		</div>
		<div class="cell knowledgedb">
			<h2>{% trans 'Knowledge Database' %}</h2>
			<div>
			<p>
			Lorem ipsum dolor sit amet, te duo tota liberavisse,
			vel appellantur vituperatoribus cu. Usu mollis fastidii
			electram no. Vim simul utamur ea. Ius melius dignissim
			an, eos et semper bonorum senserit. Eu nihil congue
			ignota per, ut vis wisi singulis.
			</p>
			<p>
			Ex eam delectus pertinacia, nullam mollis intellegam ea
			pri, pro iracundia definitionem id. Facilis
			necessitatibus at mei. Ius tota electram in, adhuc
			alienum voluptaria no pri. Purto elitr fabellas quo et,
			no amet partiendo deterruisset duo, pri ne stet modus
			consulatu.
			</p>
			<p>
			Vel ex tempor meliore phaedrum, ad omittam nominati
			explicari pri. Pro et hinc singulis, dolorem corrumpit
			neglegentur eu vix. Vivendo detraxit efficiendi at vis,
			possit regione intellegam et vel. Eu duo melius commune
			petentium, et vis adipiscing efficiendi accommodare,
			nec ei tractatos molestiae. Viderer reprehendunt te
			sit, vix id amet gloriatur definitiones, erant integre
			democritum quo ne. An pri solet audiam.
			</p>
			<p>
			Probo inermis propriae ei nec. Tantas soluta ei his. An
			nec sint dissentiet, ad sea choro munere viderer, quod
			case sadipscing eos ei. Facilis posidonium ius ea, has
			error neglegentur no, ea vide graeci essent qui. Ut his
			unum erat imperdiet, duo aperiam invenire interpretaris
			no, ius munere accusam ne.
			</p>
			<p>
			Usu ei libris praesent, per te omnes vidisse, utinam
			possim ne nam. Facilisi perpetua periculis ex cum, duo
			liber convenire ei, ex eum nominavi contentiones. Eos
			cu dictas iriure epicurei. No melius viderer deleniti
			has. An vim molestie gubergren, iusto consequat
			vulputate pro ne, eripuit denique at sea. At dolor
			aeterno instructior pro.
			</p>
			</div>
		</div>
		<div class="cell contacts">
			<h2>{% trans 'Contacts' %}</h2>

			<form>
				<div>
				<label>{% trans 'Search:' %}</label>
				<input type="text" placeholder="{% trans 'Name, phone, etc.' %}"/>
				</div>

				<div>
				<button>{% trans 'Create new contact' %}</button>
				</div>
			</form>
		</div>
		<div class="cell qualif" data-zone-url="{% url 'qualification' %}">
			<h2>{% trans 'Qualification' %}</h2>
			<div></div>
		</div>
	</div>

<script>
$('div.cell h2').on('click', function() {
	$('div.cell').removeClass('top');
	$(this).parents('div.cell').addClass('top');
});
$('iframe').css('height', 'calc( ' + $('.document').height() + 'px - 3em)');
</script>

{% endblock %}