{%extends "base-gray.html.twig"%}

{%block title%} Contact | {{parent()}} {%endblock%}

{%block body%}
<div class="container-fluid">
	{% if app.request.hasPreviousSession %}
        {% for type, messages in app.session.flashbag.all %}
            {% for message in messages %}
            <div class="al1">
                <div class="alert alert-{{ type }} alert-dismissable mb-0">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
                    {{ message|raw }}
                </div>
            </div>
            {% endfor %}
        {% endfor %}
    {% endif %}
	<div class="row">
		<div class="col-sm-9 col-sm-offset-3 col-md-10" style="display: block; max-width: 900px; margin: 0 auto">
			<h1 class="page-header-1">Contact</h1>
			{{form_start(form)}}
				{{form_errors(form)}}
				<div class="form-group">
					{{form_errors(form.surname)}}
					{{form_widget(form.surname)}}
				</div>
				<div class="form-group">
					{{form_errors(form.name)}}
					{{form_widget(form.name)}}
				</div>
				<div class="form-group">
					{{form_errors(form.email)}}
					{{form_widget(form.email)}}
				</div>
				<div class="form-group">
					{{form_errors(form.phoneNumber)}}
					{{form_widget(form.phoneNumber)}}
				</div>
				<div class="form-group">
					{{form_errors(form.postalCode)}}
					{{form_widget(form.postalCode)}}
				</div>
				<div class="form-group">
					{{form_errors(form.subject)}}
					{{form_widget(form.subject)}}
				</div>
				<div class="form-group">
					{{form_label(form.message)}}
					{{form_errors(form.message)}}
					{{form_widget(form.message)}}
				</div>
				<div class="">
					{{form_widget(form.state)}}
					{{form_errors(form.state)}}
					{{form_label(form.state)}}
				</div>
				<div class="text-right">
					<input type="submit" value="Send" class="btn btn-info">
				</div>
			{{form_end(form)}}
		</div>
	</div>
</div>
{%endblock%}
{% block javascripts %}
<script type="text/javascript">
	tinymce.init({
		selector: '.wysiwyg',
		theme: "modern",
		height: 200,
		menubar: false,
		plugins: [
			"advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker toc",
        	"searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
        	"save table contextmenu directionality emoticons template paste textcolor importcss colorpicker textpattern codesample"
		],
		toolbar: 'code | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist | link unlink | subscript superscript',
		content_css: [
			'{{asset("bootstrap/css/bootstrap.css")}}',
			'{{asset("css/style.css")}}']
	});
</script>
{% endblock %}