{% extends 'EPSCoreBundle::layout.html.twig' %}

{% form_theme form 'bootstrap_3_horizontal_layout.html.twig' %}

{% block head_bottom %}
<style>
<!--
.vich-image img{
    max-width:80%;
}
-->
</style>
{% endblock head_bottom %}

{% block main %}

{{ form_start(form) }}


<div id="ribbon">
	<h1 class="pull-right text-muted">Habillage > image de fond</h1>
	<div class="page_actions">
		<a href="{{ path('coreadminz_campagnehabillage_show', {"campagne" :campagne.id } ) }}" class="btn btn-primary">Retour</a>
		<a href="{{ path('coreadminz_campagnehabillagebg_delete', {"campagne" :campagne.id, 'target' : target } ) }}" class="btn btn-danger">Supprimer</a>
		{{ form_widget(form.btn_submit_close) }}
	</div>
</div>   

<div id="content">
<div class="row">
	<div class="col-md-12">           
		<h1>{{ target | raw }}</h1>           
	</div>
    <div class="col-md-12">
       <div class="widget">
            <div class="widget-content">         
           	
                         	
                	
                	<div class="col-md-3 frmli  alert alert-default">            	
                         écran large (> 1200px)     
                        <br/>
                        <br/>
                        {{ form_widget(form.lgImgFile) }}
                        {{ form_errors(form.lgImgFile) }}
                        <br/>
                        <br/>
                         {{ form_row(form.lgSize) }}                        
                         {{ form_row(form.lgRepeat) }}                        
                         {{ form_row(form.lgPosition) }}                        
                         {{ form_row(form.lgColor) }}                        
                         {{ form_row(form.isLgNone) }}                        
                	</div>
                	<div class="col-md-3 frmli alert alert-info">            	
                        écran moyen (> 992px)  
                        <br/>
                        <br/>
                        {{ form_widget(form.mdImgFile) }}
                        {{ form_errors(form.mdImgFile) }}
                        <br/>
                        <br/>
                         {{ form_row(form.mdSize) }}                        
                         {{ form_row(form.mdRepeat) }}                        
                         {{ form_row(form.mdPosition) }}                        
                         {{ form_row(form.mdColor) }}                        

                        {{ form_row(form.isMdNone) }}  
                	</div>            	
                	<div class="col-md-3 frmli alert alert-warning">            	
                         écran petit (> 768px)  
                        <br/>
                        <br/>
                        {{ form_widget(form.smImgFile) }}
                        {{ form_errors(form.smImgFile) }}
                        <br/>
                        <br/>
                         {{ form_row(form.smSize) }}                        
                         {{ form_row(form.smRepeat) }}                        
                         {{ form_row(form.smPosition) }}                        
                         {{ form_row(form.smColor) }} 
                         {{ form_row(form.isSmNone) }}                         
                        
                	</div>            	
               	
                	<div class="col-md-3 frmli alert alert-danger">            	
                         écran mini (< 768px)  
                        <br/>
                        <br/>
                        {{ form_widget(form.xsImgFile) }}
                        {{ form_errors(form.xsImgFile) }}
                        <br/>
                        <br/>
                         {{ form_row(form.xsSize) }}                        
                         {{ form_row(form.xsRepeat) }}                        
                         {{ form_row(form.xsPosition) }}                        
                         {{ form_row(form.xsColor) }} 
                         {{ form_row(form.isXsNone) }}                         
                        
                	</div>            	
               	
                   
                    {{ form(form) }}
    
                    <div class="clear"></div>
            </div>
    	</div>
    </div>
	
</div>
</div>

{{ form_end(form) }}
{% endblock %}