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

                        <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.image, 'Choisir image ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(edit_form.image,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if slide.image  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ slide.image ) }}">
                                        {% 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>
                        </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-12">
                                    <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-12">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Description 1 :</label>
                                        {{ form_widget(edit_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(edit_form.description2,{ 'attr': {'class': 'summernote form-control'} }) }}
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Description 3 :</label>
                                        {{ form_widget(edit_form.description3,{ 'attr': {'class': 'form-control'} }) }}
                                    </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>

            </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 %}