{% extends 'base.html.twig' %}

{% block breadcrumb %}
    <ol class="breadcrumb">
        <li>
            <a href="#">Messagerie</a>
        </li>
        <li class="active">
            <strong>Nouveau Message Personalis&eacute;</strong>
        </li>
    </ol>
{% endblock %}


{% block body %}
<div class="col-sm-12">
	<div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5> Parametrage du message </h5>
            <div class="ibox-tools">
                <a class="collapse-link">
                    <i class="fa fa-chevron-up"></i>
                </a>
            </div>
        </div>
        <div class="ibox-content col-lg-12">
            <div class="col-lg-9">
	            {{ form_start(form) }}
			        
			        <div class="form-group">
					    <div class="col-sm-6">
					    	{{ form_label(form.senderName) }}	    	
					    </div>

					    <div class="col-sm-10">
					    	{{ form_widget(form.senderName, {'attr':{'class':'form-control'} } ) }}
					    	<span> {{ form_errors(form.senderName)  }} </span>
					    </div>
					</div>

					<div class="form-group">
					    <div class="col-sm-6">
					    	{{ form_label(form.message) }}	    	
					    </div>

					    <div class="col-sm-10">
					    	    {{ form_widget(form.message, { 'value' : customContent , 'attr':{'class':'form-control'}  }) }}
					    	<span> {{ form_errors(form.message)  }} </span>
					    	<span> <span id="msgSize">0</span>/145 </span>
					    </div>
					</div>


					<div class="col-lg-12">
			        	<div class="hr-line-dashed"></div>
			       	</div>
					
					<div class="form-group">
					    <div class="col-sm-6">
					    	{{ form_label(form.phoneHeader) }}	    	
					    </div>

					    <div class="col-sm-10">
					    	{{ form_widget(form.phoneHeader, {'attr':{'class':'form-control'} } ) }}
					    	<span> {{ form_errors(form.phoneHeader)  }} </span>
					    </div>
					</div>

			        <div class="col-lg-12">
			        	<div class="hr-line-dashed"></div>
			       	</div>

			       	<div class="form-group">
					    <div class="col-sm-6">
					    	<label> Exemple de message parametr&eacute;</label>  	
					    	<p> Cher abonne <b>_0_</b> votre compte SMSPRO a ete credite de <b>_1_</b> FCFA. </p>
					    </div>

					    <div class="col-sm-6">
					    	<label> R&eacute;sultat final</label>  	
					    	<p> Cher abonne <b>CAUPHY GOMBO</b> votre compte SMSPRO a ete credite de <b>300 000</b> FCFA. </p>
					    </div>
					</div>

					 <div class="col-lg-12">
			        	<div class="hr-line-dashed"></div>
			       	</div>

	                <div class="form-group">
					    <div class="col-sm-6">
			        		<button class="btn btn-sm btn-primary m-t-n-xs" type="submit"> 
			        			<i class="fa fa-eye"></i> &nbsp; <b> Pr&eacute;visualiser le message </b>
			        		</button>
			        	</div>
			        	
					    <div class="col-sm-6">
			        		<a class="btn btn-sm btn-warning m-t-n-xs" href="{{ path('custom_load_message') }}"> 
			        			<i class="fa fa-eye"></i> &nbsp; <b> Annuler l'op&eacute;ration </b>
			        		</a>
					    </div>
					</div>
			    {{ form_end(form) }}
            </div>
            <div class="col-lg-3">
            	<ul style="list-style:none;">
            		<b> D&eacute;finition des marqueurs </b>
            	
	            	{% for key, value in headers  %}
	            		<li>  _{{ value }}_ :  {{ key }} </li>
	            	{% endfor %}
	            </ul>
            </div>
        </div>
        <!-- <div class="ibox-footer">
            <span class="pull-right">
                The righ side of the footer
            </span>
            This is simple footer example
        </div> -->
    </div>
</div>
{% endblock %}

