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


{% block title %}Page Accueil{% endblock %}

{% block description %}Ajouter une page{% endblock %}

{% block stylesheets %}
    <link href="{{ asset('assets/plugins/summernote/summernote.min.css') }}" rel="stylesheet">
{% endblock %}


{% block body %}
    <div class="panel">
        <div class="panel-body">
            {{ form_start(form) }}

            <div class="panel panel-mint">
                <div class="panel-heading">
                    <h3 class="panel-title"><label class="control-label">Nom de la page</label></h3>
                </div>
                <div class="panel-body">
                    <div class="col-sm-12">
                        {{ form_widget(form.name, {'attr': {'class': 'form-control'}}) }}
                    </div>
                </div>
            </div>

            <div class="panel panel-mint">
                <div class="panel-heading">
                    <h3 class="panel-title"><label class="control-label">Type de la page</label></h3>
                </div>
                <div class="panel-body">
                    <div class="col-sm-6">
                        {{ form_widget(form.type, {'attr':{'class':'form-control'}}) }}
                    </div>
                    <div class="col-sm-6">
                        <img id="dynamic-theme" src="" width="100%"/>
                    </div>

                </div>
            </div>

            <div class="col-sm-12">
                <button id="form-submit-whitout-valid" class="btn btn-success pull-right" type="submit">
                    Enregistrer
                </button>
                <button id="form-revert" class="btn btn-danger pull-right mr10" type="button">
                    Annuler
                </button>
            </div>
            <!--===================================================-->
            <!-- End Summernote -->
            {{ form_end(form) }}

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

{% block javascripts %}
    <script src="{{ asset('assets/bo/vendor/jquery-migrate/jquery-migrate.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/bootstrap-tagsinput/bootstrap-tagsinput.min.js') }}"></script>
    <script src="{{ asset('bundles/colorpicker/js/jqColorPicker.min.js') }}"></script>
    <script src="{{ asset('assets/js/imageTool.js') }}"></script>
    <script src="{{ asset('assets/bo/js/hs.core.js') }}"></script>
    <!-- JS Implementing Plugins -->
    <script src="{{ asset('assets/bo/vendor/jquery.filer/js/jquery.filer.min.js') }}"></script>

{% endblock %}