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


{% block body %}

    {{ form_start(form) }}

    <div class="wrapper wrapper-content animated fadeInRight ecommerce">
        <div class="row ">
            <div class="wrapper wrapper-content"  >
                <div class="ibox-content m-b-sm border-bottom">
                    <div class="p-xs">
                        <div class="pull-left m-r-md">
                            <i class="fa fa-cogs text-navy mid-icon" style="color:#024071"></i>
                        </div>
                        <h2> Article</h2>
                        <span>Article / Nouveau article</span>
                    </div>
                </div>
            </div>
        </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.Ar_Ref,{ '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">Famille :</label>
                <div class="col-sm-7">
                    <div class="input-group m-b">

                        {{ form_widget(form.Fa_id,{ '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 article :</label>
                {{ form_widget(form.Imageprincipal,{ 'attr': {'class': 'form-control filebtn'} }) }}
                {{ form_errors(form.Imageprincipal) }}
                <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 %}