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

{% block title %} {{'Direction.T19' | trans}} {% endblock %}
{% block breadcrumb1 %} {{'Direction.T2' | trans}} {% endblock %}
{% block breadcrumb2 %} {{'Direction.T3' | 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.T4' | trans}}
                        </legend>
                        {{ form_start(form, {'method': 'post'}) }}
                        <div class="form-group">
                            <label class="control-label">
                                {{'Direction.T5' | 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.T7' | 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">
                            {% if app.request.locale == 'ar' %}
                            <button type="submit" class="btn btn-primary pull-left">
                                {{'Direction.T8' | trans}} <i class="fa fa-arrow-circle-left"></i>
                            </button>
                            {% else %}
                            <button type="submit" class="btn btn-primary pull-right">
                                {{'Direction.T8' | trans}} <i class="fa fa-arrow-circle-right"></i>
                            </button>
                            {% endif %}


                        </div>
                        {{ form_end(form) }}
                    </fieldset>
                </div>
            </div>
        </div>
    </div>
{% endblock %}