{% extends "_base.twig" %}

{% block content %}
	
	<div class="grid-y recht-grid large-grid-frame" id="view-container">
 
		<div class="cell large-auto large-cell-block-container">
			<div class="grid-x grid-padding-x" style="height:100%">
     
				<div class="cell large-3 large-cell-block-y recht-sidebar">
					<div class="grid-y large-grid-frame">
						
						{% include 'partials/navigation.twig' %}

					</div>
	      		</div>
      
				<div class="cell large-auto large-cell-block-y recht-content recht-content__advocaten">
					<div class="grid-x">

						<div class="cell medium-auto recht-content-main">
							<div class="page-row">
								<h1>{{ page.title }}</h1>
								
								{% if  page.image[0] %}
									<div class="page-image page-image__full"><img src="{{ page.image[0] }}" alt="" /></div>
								{% endif %}
								
								{{ page.text|raw }}
							</div>
						</div>
						
						{% if  lawyer.name %}
						<div class="cell medium-4 recht-content-right recht-content-right__background-gray">
						

								{% if  lawyer.image[0] %}
									<div class="image image__circle"><img src="{{ lawyer.image[0] }}" alt=""></div>
								{% endif %}
							
								<div class="contact-details text-center">
								
									<h3>{{lawyer.name}}</h3>
									<ul class="menu  align-center">
										<li><a href="tel:{{lawyer.phone}}" class="icon icon__phone" data-tooltip tabindex="1" title="{{lawyer.phone}}" data-position="bottom" data-alignment="center">{{lawyer.phone}}</a></li>
										<li><a href="mailto:{{lawyer.email}}" class="icon icon__email" data-tooltip tabindex="1" title="{{lawyer.email}}" data-position="bottom" data-alignment="center">{{lawyer.email}}</a></li>
										<li><a href="{{lawyer.linkedin}}" class="icon icon__linkedin">LinkedIn</a></li>
									</ul>
								
									<h4 class="h1 tag-line">{{lawyer.tagline}}</h4>
								
								</div>
							
								{{ lawyer.rechtsgebieden|raw }}
					
							
						</div>
						{% endif %}

					</div>
				</div>
		
			</div>
		</div>
  
	</div>
		
  
{% endblock %}