{% extends 'YOUAdminBundle::layout.html.twig' %}

{% block body %}

    <div class="main-content">


        <div class="container-fluid">
            <div class="row-fluid">

                <div class="area-top clearfix">
                    <div class="pull-left header">
                        <h3 class="title">
                            Page de produits
                        </h3>
                        <h5>
                            Ajouter une page de produits
                        </h5>
                    </div>

                </div>
            </div>
        </div>

        <div class="container-fluid padded">
            <div class="row-fluid">
                <div class="span12">

                    <div class="navbar">
                        <div class="navbar-inner">
                            <ul class="nav">
                                <li>
                                    <a href="{{ path('you_admin_pagecontent_productindex') }}">Liste des pages</a>
                                </li>
                                <li class="active">
                                    <a href="{{ path('you_admin_pagecontent_productadd') }}">Créer un page</a>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="box">
                        <div class="box-header">
                            <span class="title">Création d'une page de produits</span>
                        </div>
                        <div class="box-content">
                            <form class="fill-up" method="post" {{ form_enctype(form) }}>
                                <div class="row-fluid">
                                    <div class="span6" >
                                        <ul class="padded separate-sections">
                                            <li class="input">
                                                <label>Titre de la page :</label>
                                                {{ form_errors(form.title) }}
                                                {{ form_widget(form.title) }}
                                            </li>
                                            <li>
                                                <label>Slug ( slug.html ) :</label>
                                                {{ form_errors(form.slug) }}
                                                {{ form_widget(form.slug) }}
                                            </li>
                                            <li>
                                                <label>Description de la page :</label>
                                                {{ form_errors(form.content) }}
                                                {{ form_widget(form.content) }}
                                            </li>
                                            <li>
                                                <label>Produits :</label>
                                                {{ form_errors(form.products) }}
                                                {{ form_widget(form.products) }}
                                            </li>
                                            <li>
                                                <label>En ligne :</label>
                                                {{ form_errors(form.activated) }}
                                                {{ form_widget(form.activated) }}
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="form-actions">
                                    <button type="submit" class="btn btn-blue pull-right">Créer la page</button>
                                </div>
                                {{ form_rest(form) }}
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block append_styles %} 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
{% endblock %}

{% block append_javascript %}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
    <script>
        $('#you_mainbundle_pagecontentproducttype_products').select2();
    </script>
{% endblock %}