{% extends "MopaBootstrapSandboxBundle::layout.html.twig" %}
{% from 'MopaBootstrapBundle::flash.html.twig' import session_flash %}

{% block headline %}Extended forms Example{% endblock headline %}

{% block content %}
<div class="span6">
    <form class="form-horizontal" id="your_form_name">
        {{ form_widget(form) }}
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">Save changes</button>
            <button type="reset" class="btn">Cancel</button>
        </div>
    </form>
</div>
<div class="span6">
    <h3>Everything's included</h3>
    <p>All things shown here are directly included via the bundle.</p>
    <p>You can completely drive the appearence within the form classes, and hopefully updates wont change the view!</p>
    <p>An example: to generate nice inputs with icons you dont write one line of html:</p>
    <pre class="prettyprint">
$builder
    ->add('Appended Icon', 'text', array(
        'widget_addon' => array(
            'icon'   => 'pencil',
            'append' => true
        ),
        'attr' => array(
            'class'       => 'span1',
            'placeholder' => 'span1'
        )
    ))
;
    </pre>
    <p>And in your markup you just need one line: </p>
    <pre class="prettyprint">
{% raw %}
      &lt;form class=&quot;form-horizontal&quot;&gt;
        {{ form_widget(form) }}
      &lt;/form&gt;
{% endraw %}
    </pre>
    <h3>Absolutely responsive!</h3>
    <p>Resize your browser to see responsiveness in action, if you make your browser small enough (e.g. as small as a smartphone display) you will see all forms still work and look really good!</p>
</div>
{% endblock content %}

{% set showTemplate = _self %}{% set showForm = formType %}