{% extends "Admin/form.html.twig" %}

{% block form %}
	<div class="las flex row space">
		<div class="half">
			<div class="">
				<label>Titre de l'article:</label>
				{{form_widget(form.title,{attr:{placeholder:'Titre'}})}}
			</div>
			<div class="">
				<label>Catégorie :</label>
				{{form_widget(form.category,{attr:{class:'row'}})}}
			</div>
			<div class="">
				<label>Lien Youtube :</label>
				{{form_widget(form.youtube,{attr:{placeholder:'http(s)://'}})}}
			</div>
			<div class="">
				<label>Lien Flickr :</label>
				{{form_widget(form.flickr,{attr:{placeholder:'http(s)://'}})}}
			</div>
			<div class="">
				<label>Lien Soundcloud :</label>
				{{form_widget(form.soundcloud,{attr:{placeholder:'http(s)://'}})}}
			</div>
			<div class="">
				<label>Tags :</label>
				{{form_widget(form.tags,{attr:{placeholder:'Séparer les tags par des virgules (,) ou ;'}})}}
			</div>
			<div class="">
				<label>Bannière :</label>
				{{form_widget(form.banner)}}
			</div>
		</div>
		<div class="half">
			<div class="flex wrap space las">
				<div class="half">
				<label>Date de publication :</label>
					{{form_widget(form.date)}}
				</div>
				<div class="half">
					<label> à :</label>
					<div class="flex row ">
						{{form_widget(form.time.hour)}} : {{form_widget(form.time.minute)}}
					</div>
				</div>
			</div>
			<div class="">
				<label>Description :</label>
				{{form_widget(form.description,{attr:{class:'three'}})}}
			</div>
			<figure class="preview relative" id="preview-box" >
			{% if picture is defined and picture is not null %}
				<img src="{{asset(picture.getFile())}}" class="cover"/>
			{% endif %}
			</figure>
		</div>
	</div>	
	<div class="las">
		<label>Contenu :</label>
		{{ form_widget(form.content)}}
	</div>
	
	
	<div class="text-center">
		<input type="submit" name="" value=" Enregistrer " class="btn success"/>
	</div>

{% endblock %}