{% 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><strong>Images site</strong></h2>
            <ol class="breadcrumb">
                <li>
                    <a href="{{ path('homeback') }}">Home</a>
                </li>
                <li class="active">
                    <strong>Modifiée images de site</strong>
                </li>
            </ol>
        </div>
    </div>

    <div class="wrapper wrapper-content animated fadeInRight ecommerce">
        {{ form_start(sform) }}
        <div class="row">
            <div class="col-md-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>Images de site</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="row">

                            <div class="col-sm-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(sform.imageEntete, ' image background 1', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(sform.imageEntete,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if societe.imageEntete  %}
                                            <img class="feed-photo" id="phoload" src="{{ asset(imagepath ~ societe.imageEntete ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                        <h4 style="display: none;color: red;width: 300px;" id="error" >Choisissez une image s'il vous plaît !</h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-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(sform.imageSociete1, ' image background 2', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(sform.imageSociete1,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if societe.imageSociete1  %}
                                            <img class="feed-photo" id="phoload" src="{{ asset(imagepath ~ societe.imageSociete1 ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                        <h4 style="display: none;color: red;width: 300px;" id="error" >Choisissez une image s'il vous plaît !</h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-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(sform.imageSociete2, 'image entete autre page ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(sform.imageSociete2,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if societe.imageSociete2  %}
                                            <img class="feed-photo" id="phoload" src="{{ asset(imagepath ~ societe.imageSociete2 ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                        <h4 style="display: none;color: red;width: 300px;" id="error" >Choisissez une image s'il vous plaît !</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">

                            <div class="col-sm-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(sform.imageSociete3, 'image société 1', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(sform.imageSociete3,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if societe.imageSociete3  %}
                                            <img class="feed-photo" id="phoload" src="{{ asset(imagepath ~ societe.imageSociete3 ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                        <h4 style="display: none;color: red;width: 300px;" id="error" >Choisissez une image s'il vous plaît !</h4>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-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(sform.imageArriere1, 'image société 2', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(sform.imageArriere1,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if societe.imageArriere1  %}
                                            <img class="feed-photo" id="phoload" src="{{ asset(imagepath ~ societe.imageArriere1 ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                        <h4 style="display: none;color: red;width: 300px;" id="error" >Choisissez une image s'il vous plaît !</h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-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(sform.imageArriere2, 'image société 3', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(sform.imageArriere2,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if societe.imageArriere2  %}
                                            <img class="feed-photo" id="phoload" src="{{ asset(imagepath ~ societe.imageArriere2 ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                        <h4 style="display: none;color: red;width: 300px;" id="error" >Choisissez une image s'il vous plaît !</h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-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(sform.imageArriere3, 'image société 4', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(sform.imageArriere3,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if societe.imageArriere3  %}
                                            <img class="feed-photo" id="phoload" src="{{ asset(imagepath ~ societe.imageArriere3 ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                        <h4 style="display: none;color: red;width: 300px;" id="error" >Choisissez une image s'il vous plaît !</h4>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="row">


                            <div class="col-sm-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(sform.Iso1, ' video 1', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(sform.Iso1,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if societe.iso1  %}
                                            <img class="feed-photo" id="phoload" src="{{ asset(imagepath ~ societe.iso1 ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                        <h4 style="display: none;color: red;width: 300px;" id="error" >Choisissez une image s'il vous plaît !</h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-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(sform.Iso2, 'video 2', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(sform.Iso2,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 photos">
                                        {% if societe.iso2  %}
                                            <img class="feed-photo" id="phoload" src="{{ asset(imagepath ~ societe.iso2 ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                        <h4 style="display: none;color: red;width: 300px;" id="error" >Choisissez une image s'il vous plaît !</h4>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

                <div class="hr-line-dashed"></div>

                <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>

    </div>
    </div>
    {{ form_rest(sform) }}
    {{ form_end(sform) }}
    </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>
    <script>

        $(document).ready(function() {

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


        });

    </script>


{% endblock %}