{% 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>Réalisation</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="{{ path('homeback') }}">Home</a>
                </li>
                <li >
                    <a href="{{ path('services') }}">Liste des realisations</a>
                </li>
                <li class="active">
                    <strong>Modifier realisation</strong>
                </li>
            </ol>
        </div>
    </div>


    <div class="wrapper wrapper-content animated fadeInRight ecommerce">
        {{ form_start(edit_form) }}
        <div class="row">

            <div class="col-md-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>Modifier realisation</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="col-lg-12">
                        <div class="wrapper wrapper-content animated fadeInUp">


                        </div>
                    </div>
                    <div class="ibox-content">

                        <div class="form-horizontal" >
                            <div class="col-lg-4"></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(edit_form.image1, 'Choisir image1 ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(edit_form.image1,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if realisation.image1  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ realisation.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>
                            <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(edit_form.image2, 'Choisir image 2 ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(edit_form.image2,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if realisation.image2  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ realisation.image2 ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>

                        <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-6">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Nom :</label>
                                        {{ form_widget(edit_form.nom,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Categorie :</label>
                                        {{ form_widget(edit_form.category,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Description 1  :</label>
                                        {{ form_widget(edit_form.desc1,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Description 2 :</label>
                                        {{ form_widget(edit_form.desc2,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Description 3 :</label>
                                        {{ form_widget(edit_form.desc3,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Date :</label>
                                        {{ form_widget(edit_form.Date,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>


                            </div>
                        </div>
                        <div class="row">
                            <div class="form-horizontal" >

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

                                        <div class="col-sm-1 control-label">
                                            <div class="input-group m-b"><span class="input-group-btn">
                                               {{ form_label(edit_form.img1, 'Choisir img1 ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                    <div style="display: none" >{{ form_widget(edit_form.img1,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 photos">
                                            {% if realisation.img1  %}
                                                <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ realisation.img1 ) }}">
                                            {% 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-3">
                                    <div class="form-group">

                                        <div class="col-sm-1 control-label">
                                            <div class="input-group m-b"><span class="input-group-btn">
                                               {{ form_label(edit_form.img2, 'Choisir img2 ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                    <div style="display: none" >{{ form_widget(edit_form.img2,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 photos">
                                            {% if realisation.img2  %}
                                                <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ realisation.img2 ) }}">
                                            {% 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-3">
                                    <div class="form-group">

                                        <div class="col-sm-1 control-label">
                                            <div class="input-group m-b"><span class="input-group-btn">
                                               {{ form_label(edit_form.img3, 'Choisir img1 ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                    <div style="display: none" >{{ form_widget(edit_form.img3,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 photos">
                                            {% if realisation.img3  %}
                                                <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ realisation.img3 ) }}">
                                            {% 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-3">
                                    <div class="form-group">

                                        <div class="col-sm-1 control-label">
                                            <div class="input-group m-b"><span class="input-group-btn">
                                               {{ form_label(edit_form.img4, 'Choisir img4 ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                    <div style="display: none" >{{ form_widget(edit_form.img4,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 photos">
                                            {% if realisation.img4  %}
                                                <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ realisation.img4 ) }}">
                                            {% 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-3">
                                    <div class="form-group">

                                        <div class="col-sm-1 control-label">
                                            <div class="input-group m-b"><span class="input-group-btn">
                                               {{ form_label(edit_form.img5, 'Choisir img5 ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                    <div style="display: none" >{{ form_widget(edit_form.img5,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 photos">
                                            {% if realisation.img5  %}
                                                <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ realisation.img5 ) }}">
                                            {% 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-3">
                                    <div class="form-group">

                                        <div class="col-sm-1 control-label">
                                            <div class="input-group m-b"><span class="input-group-btn">
                                               {{ form_label(edit_form.img6, 'Choisir img6 ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                    <div style="display: none" >{{ form_widget(edit_form.img6,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 photos">
                                            {% if realisation.img6  %}
                                                <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ realisation.img6 ) }}">
                                            {% 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-3">
                                    <div class="form-group">

                                        <div class="col-sm-1 control-label">
                                            <div class="input-group m-b"><span class="input-group-btn">
                                               {{ form_label(edit_form.img7, 'Choisir img7 ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                    <div style="display: none" >{{ form_widget(edit_form.img7,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 photos">
                                            {% if realisation.img7  %}
                                                <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ realisation.img7 ) }}">
                                            {% 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-3">
                                    <div class="form-group">

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

                        </div>

                        <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(edit_form) }}
        {{ form_end(edit_form) }}
    </div>

    <script>

        $(document).ready(function() {

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


        });

    </script>


{% endblock %}