{% extends 'base_backend.html.twig' %}
{% block nombreMessage %}{{ nbrMsg }}{% endblock %}

{% block body %}


    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-4">
            <h2>Produit</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="{{ path('homeback') }}">Home</a>
                </li>
                <li >
                    <a href="{{ path('produits') }}">Liste des produits</a>
                </li>
                <li class="active">
                    <strong>Modifier produit</strong>
                </li>
            </ol>
        </div>
    </div>

    <div class="wrapper wrapper-content animated fadeInRight ecommerce">
        {{ form_start(form) }}
        <div class="row">
            <div class="col-md-12">

                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>Description produit</h5>
                        <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" style="display: inline-block;">
                        <div class="form-horizontal" >
                            <div class="col-lg-4">
                                <div class="col-lg-6">
                                    <div class="form-group">

                                        <div class="col-sm-1 control-label">
                                            <div class="input-group m-b"><span class="input-group-btn">
                                                {{ form_label(form.ficheTechnique, 'fiche technique ', { 'label_attr': { 'class': 'btn btn-danger' }}) }}
                                                    <div style="display: none" >{{ form_widget(form.ficheTechnique,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 photos">

                                            {% if produit.ficheTechnique  %}
                                                <img class="feed-photo"  id="phoload" src="{{ asset('uploads/d1.png' ) }}">
                                            {% else %}
                                                <img class="feed-photo" id="phoload" src="{{ asset('uploads/d2.png' ) }}" >
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Nom :</label>
                                        {{ form_widget(form.nom,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Description 1 :</label>
                                        {{ form_widget(form.description1,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Description 2 :</label>
                                        {{ form_widget(form.description2,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">

                                    <div class="col-sm-1 control-label">
                                        <div class="input-group m-b"><span class="input-group-btn">
                                                {{ form_label(form.image1, 'Choisir image produit 1', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(form.image1,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if produit.image1  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ produit.image1 ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-horizontal" >
                            <div class="col-lg-4">
                                <div class="form-group">

                                    <div class="col-sm-1 control-label">
                                        <div class="input-group m-b"><span class="input-group-btn">
                                                {{ form_label(form.image2, 'Choisir image produit 2 (entete detail produit) ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(form.image2,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if produit.image2  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ produit.image2 ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-horizontal" >

                            <div class="col-lg-4">
                                <div class="form-group">

                                    <div class="col-sm-1 control-label">
                                        <div class="input-group m-b"><span class="input-group-btn">
                                                {{ form_label(form.image3, 'Choisir image produit 3 ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(form.image3,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if produit.image3  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ produit.image3 ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-horizontal" >
                            <div class="col-lg-4">
                                <div class="form-group">

                                    <div class="col-sm-1 control-label">
                                        <div class="input-group m-b"><span class="input-group-btn">
                                                {{ form_label(form.image4, 'Choisir image produit 4 ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(form.image4,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if produit.image4  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ produit.image4 ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">

                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>Domaine utilisation produit</h5>
                        <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" style="display: inline-block;">
                        <div class="form-horizontal" >
                            <div class="col-lg-6">
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Domaine d'utilisation :</label>
                                        {{ form_widget(form.domaineUtilisation,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">

                                    <div class="col-sm-1 control-label">
                                        <div class="input-group m-b"><span class="input-group-btn">
                                                {{ form_label(form.imageDomaineUtilisation, 'Choisir image domaine utilisation ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(form.imageDomaineUtilisation,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if produit.imageDomaineUtilisation  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ produit.imageDomaineUtilisation ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>Limite emploi produit</h5>
                        <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" style="display: inline-block;">
                        <div class="form-horizontal" >
                            <div class="col-lg-6">
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Limite d'emploi :</label>
                                        {{ form_widget(form.limiteEmploi,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">

                                    <div class="col-sm-1 control-label">
                                        <div class="input-group m-b"><span class="input-group-btn">
                                                {{ form_label(form.imageLimiteEmploi, 'Choisir image limite d\'emploi ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(form.imageLimiteEmploi,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if produit.imageLimiteEmploi  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ produit.imageLimiteEmploi ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>Precaution utilisation produit</h5>
                        <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" style="display: inline-block;">
                        <div class="form-horizontal" >
                            <div class="col-lg-6">
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Precaution d'utilisation :</label>
                                        {{ form_widget(form.precautionUtilisation,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">

                                    <div class="col-sm-1 control-label">
                                        <div class="input-group m-b"><span class="input-group-btn">
                                                {{ form_label(form.imagePrecautionUtilisation, 'Choisir image precaution d\'utilisation ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(form.imagePrecautionUtilisation,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if produit.imagePrecautionUtilisation  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ produit.imagePrecautionUtilisation ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>Caracteristique mise en oeuvre produit</h5>
                        <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" style="display: inline-block;">
                        <div class="form-horizontal" >
                            <div class="col-lg-6">
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Caracteristique de mise en oeuvre :</label>
                                        {{ form_widget(form.caracteristiqueMiseEnOeuvre,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">

                                    <div class="col-sm-1 control-label">
                                        <div class="input-group m-b"><span class="input-group-btn">
                                                {{ form_label(form.imageCaracteristiqueMiseEnOeuvre, 'Choisir image de mise en oeuvre ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(form.imageCaracteristiqueMiseEnOeuvre,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if produit.imageCaracteristiqueMiseEnOeuvre  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ produit.imageCaracteristiqueMiseEnOeuvre ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>Document reference du produit</h5>
                        <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" style="display: inline-block;">
                        <div class="form-horizontal" >
                            <div class="col-lg-6">
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Document référence :</label>
                                        {{ form_widget(form.documentReference,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">

                                    <div class="col-sm-1 control-label">
                                        <div class="input-group m-b"><span class="input-group-btn">
                                                {{ form_label(form.imageDocumentReference, 'Choisir image document reference ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(form.imageDocumentReference,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if produit.imageDocumentReference  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ produit.imageDocumentReference ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>Preparation du produit</h5>
                        <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" style="display: inline-block;">
                        <div class="form-horizontal" >
                            <div class="col-lg-6">
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Preparation des support :</label>
                                        {{ form_widget(form.preparationDesSupport,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">

                                    <div class="col-sm-1 control-label">
                                        <div class="input-group m-b"><span class="input-group-btn">
                                                {{ form_label(form.imagePreparationDesSupport, 'Choisir image preparation ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(form.imagePreparationDesSupport,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if produit.imagePreparationDesSupport  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ produit.imagePreparationDesSupport ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>Condition d'application produit</h5>
                        <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" style="display: inline-block;">
                        <div class="form-horizontal" >
                            <div class="col-lg-6">
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Condition application :</label>
                                        {{ form_widget(form.conditionApplication,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">

                                    <div class="col-sm-1 control-label">
                                        <div class="input-group m-b"><span class="input-group-btn">
                                                {{ form_label(form.imageConditionApplication, 'Choisir image condition d\'application ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(form.imageConditionApplication,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if produit.imageConditionApplication  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ produit.imageConditionApplication ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">



                        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
                        <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
                        <script>

                            $(function()
                            {
                                $('.filebtn').on('change',function (event)
                                {

                                    var tmppath = URL.createObjectURL(event.target.files[0]);
                                    $(this).parent().parent().parent().parent().next().find('img.feed-photo').attr('src',tmppath);

                                });
                            });

                        </script>

                        <div class="row">

                            <div class="form-group">












                                <div class="col-sm-8"></div>
                                <div class="col-sm-4" style="text-align: right;">
                                    <button class="btn btn-white" onclick="history.back()" type="reset">Annuler</button>
                                    <button class="btn btn-primary" type="submit">Enregistrer</button>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

        {{ form_rest(form) }}
        {{ form_end(form) }}
    </div>
    <script>

        $(document).ready(function() {

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


        });

    </script>


{% endblock %}