{% extends 'base_backend.html.twig' %}


{% block body %}

    {{ form_start(form) }}

    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-10">
            <h2>Famille</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="{{ path('homeback') }}">Accueil</a>
                </li>
                <li >
                    <a href="{{ path('homeback') }}">Ajouter une famille</a>
                </li>
                <div class="col-sm-12 col-sm-offset-10">
                    <button class="btn btn-white" onclick="history.back()" type="reset">Annuler</button>
                    <button class="btn btn-primary" type="submit">Enregistrer</button>
                </div>

            </ol>
        </div>

    </div>

    <div class="ibox  ">
        <div class="ibox-title">

            <div class="ibox-tools">
                <a class="collapse-link">
                    <i class="fa fa-chevron-up"></i>
                </a>


                <a class="close-link">
                    <i class="fa fa-times"></i>
                </a>
            </div>
        </div>
        <div class="ibox-content">


            <div class="form-group row"><label class="col-sm-5 col-form-label">Nom :</label>
                <div class="col-sm-7">
                    <div class="input-group m-b">

                        {{ form_widget(form.Intitule,{ 'attr': {'class': 'form-control'} }) }}
                    </div>
                </div>
            </div>
            <div class="hr-line-dashed"></div>
            <div class="form-group row"><label class="col-sm-5 col-form-label">Référence :</label>
                <div class="col-sm-7">
                    <div class="input-group m-b">

                        {{ form_widget(form.code,{ 'attr': {'class': 'form-control'} }) }}
                    </div>
                </div>
            </div>


            <div class="hr-line-dashed"></div>
            <div class="form-group row"><label class="col-sm-5 col-form-label">Description :</label>
                <div class="col-sm-12">
                    <div class="input-group m-b">

                        {{ form_widget(form.Description,{ 'attr': {'class': 'form-control summernote'} }) }}
                    </div>
                </div>
            </div>

                <div class="form-group">
                    <label class="control-label" for="order_id">Image Famille :</label>
                    {{ form_widget(form.Image,{ 'attr': {'class': 'form-control filebtn'} }) }}
                    {{ form_errors(form.Image) }}
                    <h4 style="display: none;color: red;width: 300px;" id="error" >Veuillez télécharger une image valide !</h4>
                </div>




        </div>

    </div>


    {{ form_rest(form) }}
    {{ form_end(form) }}



    <script>

        $(document).ready(function() {

            $('#date_added').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true
            });


        });

    </script>


{% endblock %}