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

{% block title %} {{'Direction.T19' | trans}} {% endblock %}
{% block breadcrumb1 %} {{'Direction.T20' | trans}}  {% endblock %}
{% block breadcrumb2 %} {{'Direction.T21' | trans}} {% endblock %}
{% block content %}
        <div class="row">
            <div class="col-md-3 swMain"></div>
              <div class="col-md-6 swMain">
                <div class="row">
                    <div  class="col-md-12">
                        <fieldset>
                            <legend>
                                {{'Direction.T22' | trans}}
                            </legend>
                            {{ form_start(form, {'method': 'post',  'attr' :  {'id' : 'formDirections'}}) }}
                            <div class="form-group">
                                <label class="control-label">
                                    {{'Direction.T23' | trans}} <span class="symbol required"></span>
                                </label>
                                {{ form_widget(form.name, { 'attr': {'class': 'form-control', 'required' : 'true' , 'placeholder': 'Direction.T6' | trans }}) }}
                            </div>
                            <div class="form-group">
                                <label class="control-label">
                                    {{'Direction.T24' | trans}} <span class="symbol required"></span>
                                </label>
                                {{ form_widget(form.services, { 'attr': {'class': 'js-example-basic-multiple js-states form-control', 'required' : 'true'}}) }}
                            </div>
                            <div class="form-actions">
                                <button type="submit" class="btn btn-primary {% if app.request.locale == 'ar'  %} pull-left  {% else %}pull-right {% endif %}">
                                    {{'Direction.T25' | trans}} <i class="fa {% if app.request.locale == 'ar'  %} fa-arrow-circle-left  {% else %}fa-arrow-circle-right {% endif %}"></i>
                                </button>
                            </div>
                            {{ form_end(form) }}
                        </fieldset>
                    </div>
                </div>
            </div>
        </div>
{% endblock %}