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

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

{% block title %}New site | Cuir'ô'folies
{% endblock %}

{% form_theme form '@SyliusAdmin/Form/theme.html.twig' %}
{% block content %}
	<div id="content">
		{{ form_start(form, { 'attr' : { 'class' : 'ui loadable form' } })
        }}
		<div class="ui stackable two column grid">
			<div class="column">
				<h1 class="ui header">
					<i class="circular world icon"></i>
					<div class="content">
						Sliders
						<div class="sub header">Nouveau Slider</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">Slider</a>
					<i class="right chevron icon divider"></i>
					<div class="active section">Nouveau</div>
				</div>
			</div>
		</div>
		<div class="ui segment">
			{{ form_errors(form) }}
			<h4 class="ui top attached header">Details du Slide</h4>
			<div class="ui attached segment">
				<div class="ui one column stackable grid">
					<div class="column">
						{{ form_row(form.slider_name) }}
					</div>
				</div>

				<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.sub_title) }}
					</div>
				</div>
				<div class="ui one column stackable grid">
					<div class="column">
						{{ form_row(form.link_text) }}
					</div>
				</div>
				<div class="ui two column stackable grid">
					<div class="column">
						<div class="required field">
							<label for="" class="required">lien du bouton</label>
							<select name="sliderButton[category_id]" id="">
								{% if slider.linkRoute == "sylius_shop_product_index" %}
									<option value="{{ slider.linkId }}">{{ slider.linkName }}</option>
								{% else %}
									<option value="">Selectionez une catégorie</option>
								{% endif %}
								<option value="">Selectionez une catégorie</option>
								<option value="all">tous les nouveaux produits en premier</option>
								{% for category in categories %}
									<option value="{{ category.id }}">{{ category.name }}</option>
								{% endfor %}
							</select>
						</div>
					</div>
					<div class="column">
						<div class="field">
							<label for="" class="">
								&nbsp</label>
							<select name="sliderButton[product_id]" id="">
								{% if slider.linkRoute == "sylius_shop_product_show" %}
									<option value="{{ slider.linkId }}">{{ slider.linkName }}</option>
								{% else %}
									<option value="">Selectionez une produit</option>

								{% endif %}
								<option value="">Selectionez un produit</option>
								{% for product in products %}
									<option value="{{ product.id }}">{{ product.name }}</option>
								{% endfor %}
							</select>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ui hidden divider"></div>
		<h4 class="ui top attached header">Image de Fond</h4>
		<div class="ui attached segment">
			<div class="ui one column stackable grid">
				<div class="column">
					{{ form_row(form.background_file) }}
				</div>
			</div>
			<img style="width:100%" src="{{ asset(slider_background_directory ~ slider.background) }}" alt="">

		</div>
		<div class="ui hidden divider"></div>
		<br><br>
		<div class="ui buttons">
			<button class="ui labeled icon primary button" type="submit">
				<i class="plus icon"></i>Mettre à jour</button>
		</div>
		{{ form_end(form) }}
	</div>
</div>{% endblock %}