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


{% block body %}




    <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 / Modifier Article</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% set k=1 %}
    {% for r in prod.images %}
        {% set k=k+1 %}
    {% endfor %}
    <div class="wrapper wrapper-content animated fadeInRight ecommerce">

        <div class="row">
            <div class="col-lg-12">
                <div class="tabs-container">
                    <ul class="nav nav-tabs">
                        <li class="active"><a class="nav-link active" data-toggle="tab" href="#tab-1" aria-expanded="true">Informations Article </a></li>
                        <li class=""><a class="nav-link " data-toggle="tab" href="#tab-0" aria-expanded="true">Tarif Article </a></li>
                        <li><a class="nav-link" data-toggle="tab" href="#tab-2"> liste images
                                {% if k-1 == 0 %}
                                <span class="label label-danger float-right">{{ k-1 }}</span></a>
                            {% else %}
                                <span class="label label-success float-right">{{ k-1 }}</span></a>
                            {% endif %}

                        </li>
                        <li><a class="nav-link" data-toggle="tab" href="#tab-3"> Ingrédients
                                {% if c == 0 %}
                                <span class="label label-danger float-right">{{ c }}</span></a>
                            {% else %}
                                <span class="label label-success float-right">{{ c }}</span></a>
                            {% endif %}</li>

                    </ul>
                    <div class="tab-content">


                        <div id="tab-1" class="tab-pane active">
                            <div class="panel-body">
                                {{ form_start(form) }}

                                <fieldset>


                                    <div class="form-group row col-lg-8">

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

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

                                                {{ form_widget(form.Ar_Ref,{ 'attr': {'class': 'form-control'} }) }}
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="input-group m-b"><label class=" col-form-label">Familles :</label>

                                                {{ form_widget(form.Fa_id,{ 'attr': {'class': 'form-control'} }) }}
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <div class="input-group m-b"><label class=" col-form-label">Description :</label>

                                                {{ form_widget(form.Description,{ 'attr': {'class': 'form-control summernote'} }) }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row" col-lg-4>
                                        <div class="col-sm-4">
                                            <div class="input-group m-b">
                                        <span class="input-group-btn">
                                                {{ form_label(form.Imageprincipal, 'Image Principal', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                            <div style="display: none" >{{ form_widget(form.Imageprincipal,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                                {{ form_errors(form.Imageprincipal) }}
                                                <h4 style="display: none;color: red;width: 300px;" id="error" >Veuillez télécharger une image valide !</h4>
                                            </div>
                                            <div class="col-lg-3 photos">
                                                {% if prod.Imageprincipal  %}
                                                    <img class="feed-photo" id="phoload" src="{{ asset(artciles_dir ~ prod.Imageprincipal ) }}">
                                                {% else %}
                                                    <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default.png' ) }}" >
                                                {% endif %}


                                                <h4 style="display: none;color: red;width: 300px;" id="error" >Choisissez une image s'il vous plaît !</h4>
                                            </div>
                                        </div>
                                        <div class="col-sm-4"> </div>
                                    </div>

                                    <div class="form-group row col-lg-9"></div> <div class="form-group row col-lg-3"> <button class="btn btn-white " onclick="history.back()" type="reset">Annuler</button>
                                        <button class="btn btn-primary" type="submit">Enregistrer</button>  </div>




                                </fieldset>

                                {{ form_rest(form) }}
                                {{ form_end(form) }}
                            </div>
                        </div>
                        <div id="tab-0" class="tab-pane ">
                            <div class="panel-body">

                                <div class="table-responsive">
                                    <table class="table table-stripped table-bordered">

                                        <thead>
                                        <tr>
                                            <th>
                                                Article
                                            </th>
                                            <th>
                                                categorie
                                            </th>
                                            <th>
                                                Prix unitaire
                                            </th>

                                            <th style="width: 20%">
                                                Date création
                                            </th>
                                            <th style="width: 20%">
                                                Date Modification
                                            </th>
                                            <th>
                                                Actions
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {{ form_start(form5) }}
                                        <tr>
                                            <td>
                                               {{ ref.intitule }}
                                            </td>
                                            <td>
                                                {{ form_widget(form5.categorie,{ 'attr': {'class': 'form-control'} }) }}
                                            </td>
                                            <td>
                                                <div class="input-group date">
                                                    {{ form_widget(form5.prixunitaire,{ 'attr': {'class': 'form-control'} }) }}
                                                </div>
                                            </td>
                                            <td></td>
                                            <td></td>

                                            <td>
                                                <button class="btn btn-success"><i class="fa fa-plus"></i> </button>
                                            </td>
                                        </tr>
                                        {{ form_rest(form5) }}
                                        {{ form_end(form5) }}
                                        {% for t in tar %}
                                            <tr>

                                                <td>
                                                    <input type="text" class="form-control" placeholder="{{ t.Arid.intitule }}" disabled>
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control" placeholder="{{ t.prixunitaire }}" disabled>
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control" placeholder="{{ t.catTarif.categorie }}" disabled>
                                                </td>
                                                <td>
                                                    <div class="input-group date">
                                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span> <input type="text" class="form-control" placeholder="{{ t.cbcreation|date() }}" disabled>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="input-group date">
                                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span> <input type="text" class="form-control" placeholder="{{ t.cbmodification|date() }}" disabled>
                                                    </div>
                                                </td>
                                                <td>
                                                    <a href="{{ path('TarifDelete',{'id':t.cbmarq}) }} " class="btn btn-danger"><i class="fa fa-trash"></i> </a>
                                                </td>
                                            </tr>
                                        {% endfor %}

                                        </tbody>

                                    </table>
                                </div>

                            </div>
                        </div>
                        <div id="tab-2" class="tab-pane">
                            <div class="panel-body">

                                <div class="table-responsive">
                                    <table class="table table-bordered table-stripped">
                                        <thead>
                                        <tr>
                                            <th>
                                                Image
                                            </th>

                                            <th>
                                                Actions
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {{ form_start(form2) }}
                                        <tr>
                                            <td>
                                                {{ form_label(form2.Image, 'Nouvelle image ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(form2.Image,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div>
                                                {{ form_errors(form2.Image) }}
                                                <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default.png' ) }}" >

                                            </td>

                                            <td>
                                                <button class="btn btn-success"><i class="fa fa-plus"></i> </button>
                                            </td>
                                        </tr>
                                        {{ form_rest(form2) }}
                                        {{ form_end(form2) }}
                                        {% set k=0 %}
                                        {% for r in prod.images %}
                                            {% set k=k+1 %}
                                        <tr>
                                            <td>
                                                <img src="{{ asset(artciles_dir ~ r ) }}" style="height: 100px">
                                            </td>

                                            <td>
                                                <a href="{{ path('ImageDelete',{'id':prod.cbmarq,'img':r}) }} " class="btn btn-danger"><i class="fa fa-trash"></i> </a>
                                            </td>
                                        </tr>
                                        {% endfor %}

                                        </tbody>
                                    </table>
                                </div>

                            </div>
                        </div>

                        <div id="tab-3" class="tab-pane">
                            <div class="panel-body">

                                <div class="table-responsive">
                                    <table class="table table-bordered table-stripped">
                                        <thead>
                                        <tr>
                                            <th>
                                                Image
                                            </th>
                                            <th>
                                                Intitule
                                            </th>
                                            <th>
                                                Description
                                            </th>
                                            <th>
                                                Actions
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {{ form_start(form3) }}
                                        <tr>
                                            <td>
                                                {{ form_label(form3.image, 'Nouvelle image ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(form3.image,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div>
                                                {{ form_errors(form3.image) }}
                                                <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default.png' ) }}" >
                                            </td>
                                            <td>
                                                {{ form_widget(form3.intitule,{ 'attr': {'class': 'form-control'} }) }}
                                            </td>
                                            <td>

                                                {{ form_widget(form3.description,{ 'attr': {'class': 'form-control summernote'} }) }}
                                            </td>
                                            <td>
                                                <button class="btn btn-success"><i class="fa fa-plus"></i> </button>
                                            </td>
                                        </tr>
                                        {{ form_rest(form3) }}
                                        {{ form_end(form3) }}

                                        {% for i in ingredient %}

                                            <tr>
                                                <td>
                                                    <img src="{{ asset(artciles_dir ~ i.image ) }}" style="height: 100px">
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control" disabled value="{{ i.intitule }}">
                                                </td>
                                                <td>
                                                    {{ i.description|raw() }}
                                                </td>
                                                <td>
                                                    <a href="{{ path('ingDelete',{'img':i.id}) }} " class="btn btn-danger"><i class="fa fa-trash"></i> </a>
                                                </td>
                                            </tr>
                                        {% endfor %}

                                        </tbody>
                                    </table>
                                </div>

                            </div>
                        </div>


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

    </div>



    <script>

        $(document).ready(function() {

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


        });

    </script>


{% endblock %}