{% extends '@SyliusAdmin/layout.html.twig' %}

{% block title %}Update site | Skyding
{% endblock %}

{% from '@SyliusAdmin/Macro/translationForm.html.twig' import translationForm %}

{% form_theme form '@SyliusAdmin/Form/theme.html.twig' %}
{% block content %}
	<div id="content">
		<div class="ui stackable two column grid">
			<div class="column">
				<h1 class="ui header">
					<i class="circular world icon"></i>
					<div class="display-4 my-2">

						Sites
						<div class="sub header">All the itinerary</div>
					</div>
				</h1>
				<div class="ui breadcrumb">
					<a href="/admin/" class="section">Administration</a>
					<i class="right chevron icon divider"></i>
					<a href="/admin/sites/" class="section">Sites</a>
					<i class="right chevron icon divider"></i>
					<div class="active section">Update</div>
				</div>
			</div>
		</div>
		<div class="ui segment">
			{{ form_start(form, { 'attr' : { 'class' : 'ui loadable form' } })
        }}
			{{ form_errors(form) }}
			<h4 class="ui top attached header">Details</h4>
			<div class="ui attached segment">
				<div class="ui one column stackable grid">
					<div class="column">
						{{ form_row(form.title) }}
					</div>
				</div>
				<div class="ui one column stackable grid">
					<div class="column">
						{{ form_row(form.short_description) }}
					</div>
				</div>
				<div class="ui one column stackable grid">
					<div class="column">
						{{ form_row(form.description) }}
					</div>
				</div>
			</div>
			<div class="ui hidden divider"></div>
			<h4 class="ui top attached header">Localisation</h4>
			<div class="ui attached segment">
				<div class="ui three column stackable grid">
					<div class="column">
						{{ form_row(form.address) }}
					</div>
					<div class="column">
						{{ form_row(form.longitude) }}
					</div>
					<div class="column">
						{{ form_row(form.latitude) }}
					</div>
				</div>
				<div class="ui one column stackable grid">
					<div class="column">
						{{ form_row(form.code_plus) }}
					</div>
				</div>
				<div class="ui three column stackable grid">
					<div class="column">
						{{ form_row(form.trigger_point_1) }}
					</div>
					<div class="column">
						{{ form_row(form.trigger_point_2) }}
					</div>
					<div class="column">
						{{ form_row(form.trigger_point_3) }}
					</div>
				</div>
			</div>
			<div class="ui hidden divider"></div>
			<div class="ui hidden divider"></div>
			<div class="ui three column stackable grid">
				<div class="column">
					{{ form_row(form.image) }}
				</div>
				<div class="column">
					{{ form_row(form.audios) }}
				</div>
				<div class="column">
					{{ form_row(form.videos) }}
				</div>
			</div>
			<div class="ui hidden divider"></div>
			<div class="ui hidden divider"></div>
			{{ translationForm(form.translations) }}
			<br><br>
			<div class="ui toggle checkbox">
				{{ form_row(form.is_enable) }}
			</div>
			<br><br>
			<div class="ui buttons">
				<button class="ui labeled icon primary button" type="submit">
					<i class="plus icon"></i>Update</button>
			</div>
			{{ form_end(form) }}
		</div>
	</div>
{% endblock %}