{% extends 'App::layout_admin.html.twig' %}

{% block body %}
  <div class="sidebar-layout-obfuscator"></div>
      <!-- Main section-->
      <main class="main-container">
        <!-- Page content-->
        <section>
          <div class="container-fluid">
            <div class="row">
                <div class="col-md-6">
                  <h5 class="mt0">Editer un article</h5>
                </div>
                <div class="col-md-6">
                  <a class="btn btn-danger pull-right" href="{{ path('app_category_delete', { 'id': category.id }) }}"><i class="ion-trash-a"></i> Delete</a>
                </div>
            </div>
            <hr />


							<form class="form-horizontal" method="POST" action="" {{ form_enctype(form) }} class="form form-horizontal" novalidate> 
								{{ form_errors(form) }}

								<div class="form-group">
									{{ form_widget(form.parent, { 'attr': {'class': 'form-control', 'placeholder': 'Parent'} }) }}
								</div> 
								<div class="form-group">
									{{ form_widget(form.name, { 'attr': {'class': 'form-control', 'placeholder': 'Name'} }) }}
								</div>
								<div class="form-group">
									{{ form_widget(form.type, { 'attr': {'class': 'form-control', 'placeholder': 'Type'} }) }}
								</div> 
	
								<div class="form-group">
									{{ form_widget(form.type_seo, { 'attr': {'class': 'form-control', 'placeholder': 'Type SEO'} }) }}
								</div> 
								<div class="form-group">
									{{ form_widget(form.ordered, { 'attr': {'class': 'form-control', 'placeholder': 'Ordre'} }) }}
								</div> 
								<div class="form-group">
									{{ form_widget(form.slug, { 'attr': {'class': 'form-control', 'placeholder': 'Slug'} }) }}
								</div> 
								<div class="form-group">
									{{ form_widget(form.content, { 'attr': {'class': 'form-control', 'rows': '10', 'placeholder': 'Contenu'} }) }}
								</div> 
								<div class="form-group">
									{{ form_widget(form.class_icon, { 'attr': {'class': 'form-control', 'placeholder': 'Icon'} }) }}
								</div>


								{% if category.iosIcon %}

									<div class="row">
									  <div class="col-md-2">
											<img class="img-responsive" src="{{ category.iosIcon }}"/>
											<br />
									  </div>
									  <div class="col-md-10">
											<div class="form-group">
												<p><small>https://www.rueduprof.com/img/ios-icon/</small></p>
												{{ form_widget(form.ios_icon, { 'attr': {'class': 'form-control', 'placeholder': 'iOS Icon'} }) }}
											</div>
									  </div>
									</div>

								{% else %}

										<div class="form-group">
											<p><small>https://www.rueduprof.com/img/ios-icon/</small></p>
											{{ form_widget(form.ios_icon, { 'attr': {'class': 'form-control', 'placeholder': 'iOS Icon'} }) }}
										</div>

								{% endif %}




								<div class="row">
								  <div class="col-md-4">
										<img class="img-responsive" class="img-responsive" src="{{ category.backgroundImg }}"/>
										<br />
								  </div>
								  <div class="col-md-8">
										<div class="form-group">
											<p><small>/img/</small></p>
											{{ form_widget(form.background_img, { 'attr': {'class': 'form-control', 'placeholder': 'Background'} }) }}
										</div>
								  </div>
								</div>


								<div class="form-group">
									<p><small>white</small></p>
									{{ form_widget(form.color_text, { 'attr': {'class': 'form-control', 'placeholder': 'Color'} }) }}
								</div>
								<div class="form-group">
									<p><small>img-cover-dark</small></p>
									{{ form_widget(form.img_cover, { 'attr': {'class': 'form-control', 'placeholder': 'Image Cover'} }) }}
								</div>
								<div class="form-group">
									<p><small>text-center</small></p>
									{{ form_widget(form.text_position, { 'attr': {'class': 'form-control', 'placeholder': 'Text Position'} }) }}
								</div> 																		
          						<div class="form-group"  style="padding-left:20px;">
            						<span>{{ form_widget(form.status, { 'attr': {'display': 'form-control', 'placeholder': 'Status'} }) }} </span> 
        						</div> 		
								<hr />
								{{ form_widget(form._token) }}
								<input class="btn btn-lg btn-primary" type="submit" />
							</form> 

          


          </div>
        </section>
        <!-- Page footer-->
        <footer><span>2016 - Centric app.</span></footer>
      </main>
    </div>

{% endblock body %}
{% block javascripts %}
<script type="text/javascript">



</script>
{% endblock %}