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

{% block headline %}Extended Forms Views{% endblock headline %}

{% block content %}
<div class="span6">
    <form class="form-horizontal">
        <fieldset>
            <legend>Example extended forms via view</legend>
            {{ form_row(form.textfield1, {'attr': {'class': 'input-mini', 'placeholder': 'input-mini'}}) }}
            {{ form_row(form.textfield2, {'attr': {'class': 'input-medium', 'placeholder': 'input-medium'}}) }}
            {{ form_row(form.textfield3, {'attr': {'class': 'input-large', 'placeholder': 'input-large'}}) }}
            {{ form_row(form.select1, {'attr': {'class': 'input-mini'}}) }}
            {{ form_row(form.select2, {'attr': {'class': 'input-medium'}}) }}
            {{ form_row(form.select3, {'attr': {'class': 'input-large'}}) }}
            {{ form_row(form.prepend1, {'label': 'Prepended Text', 'widget_addon': {'type': 'prepend', 'text': '@'}, 'attr': {'class': 'input-mini', 'placeholder': 'input-mini'}}) }}
            {{ form_row(form.prepend2, {'label': 'Prepended Icon', 'widget_addon': {'type': 'prepend', 'icon': 'headphones'}, 'attr': {'class': 'input-large', 'placeholder': 'Which kind of music?'}}) }}
            {{ form_row(form.append1, {'label': 'Appended Text', 'widget_addon': {'type': 'append', 'text': '.00'}, 'attr': {'class': 'input-mini', 'placeholder': 'input-mini'}}) }}
            {{ form_row(form.append2, {'label': 'Appended Icon', 'widget_addon': {'type': 'append', 'icon': 'pencil'}, 'attr': {'class': 'input-large', 'placeholder': 'Which kind of books?'}}) }}
            {{ form_row(form.checkboxesinline, {'label': 'Inline Checkboxes', 'widget_type': 'inline'}) }}
            {{ form_row(form.checkboxes, {'label': 'Checkboxes'}) }}
            {{ form_row(form.radiobuttons, {'help_block': '<strong>Note:</strong> Labels surround all the options for much larger click areas and a more usable form.'}) }}
            {{ form_row(form.publicVisible, {'label': 'publicVisible', 'required': 'false'}) }}
            {{ form_row(form.time1, {}) }}
            {{ form_row(form.Prefix_Text, {'widget_prefix': "Prefix Text", 'attr': {'class': 'input-mini', 'placeholder': 'input-mini'}}) }}
            {{ form_row(form.Suffix_Text, {'widget_suffix': "Suffix Text", 'attr': {'class': 'input-mini', 'placeholder': 'input-mini'}}) }}
            {{ form_row(form.Money_default, {'attr': {'class': 'input-mini', 'placeholder': 'input-mini'}}) }}
            {{ form_row(form.Money_append, {'attr': {'class': 'input-mini', 'placeholder': 'input-mini'}, 'widget_addon': {'type': 'append'}}) }}
            {{ form_row(form.Money_prepend, {'attr': {'class': 'input-mini', 'placeholder': 'input-mini'}, 'widget_addon': {'type': 'prepend'}}) }}
            {{ form_row(form.Money_nothing, {'attr': {'class': 'input-mini', 'placeholder': 'input-mini'}, 'widget_addon': {'type': false}}) }}
            {{ form_row(form.Percent_default, {'attr': {'class': 'input-mini', 'placeholder': 'input-mini'}}) }}
            {{ form_row(form.Percent_append, {'attr': {'class': 'input-mini', 'placeholder': 'input-mini'}, 'widget_addon': {'type': 'append'}}) }}
            {{ form_row(form.Percent_prepend, {'attr': {'class': 'input-mini', 'placeholder': 'input-mini'}, 'widget_addon': {'type': 'prepend'}}) }}
            {{ form_row(form.Percent_nothing_added, {'attr': {'class': 'input-mini', 'placeholder': 'input-mini'}, 'widget_addon': {'type': false}}) }}
            <div class="form-actions">
                <button type="submit" class="btn btn-primary">Save changes</button>
                <button type="reset" class="btn">Cancel</button>
            </div>
        </fieldset>
    </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 view too, and hopefully updates wont change the anything!!</p>
    <p>An example: to generate a nice input field with appended icon:</p>
    <pre class="prettyprint">
$builder
    ->add('appendedicon')
;
    </pre>
    <p>and in your twig template:</p>
    <pre class="prettyprint">{% raw %}
{{ form_row(form.appendedicon,
    {'label': 'Appended Icon',
     'widget_addon': {'type': 'append',
                      'icon': 'headphones'},
     'attr': {'class': 'input-large',
              'placeholder': 'What kind of music do you like?'}
    }) }}
{% endraw %}</pre>
    <h3>Detailed Examples!</h3>
    <p>Have a look into the <a href="https://github.com/phiamo/MopaBootstrapSandboxBundle/blob/master/Resources/views/Examples/extended_view.html.twig">source code</a> of this template and its <a href="https://github.com/phiamo/MopaBootstrapSandboxBundle/blob/master/Form/Type/ExampleExtendedViewFormType.php">form class</a> and see how this page is completely view driven</p>
</div>
{% endblock content %}

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