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

{% block body %}


    <div class="wrapper wrapper-content animated fadeInRight ecommerce">



        <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> <strong>entête</strong> </h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="{{ path('homeback') }}">Home</a>
                    </li>
                    <li>
                        <a href="{{ path('slides') }}">Gestion des entête</a>
                    </li>
                    <li class="active">
                        <strong>entêtes</strong>
                    </li>
                </ol>
            </div>
        </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 entête</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" >
                            {% if reference.video  %}
                            <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.video, 'video ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                <div style="display: none" >{{ form_widget(edit_form.video,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                        </div>
                                    </div>

                                    <div class="col-lg-3 photos">
                                        {% if reference.video  %}
                                            <video autoplay muted loop style="width: 100px;height: 100px !important">
                                                <source src="{{ asset(imagepath ~ reference.video ) }}" type="video/mp4" style="width: 100px;height: 100px">
                                                <source src="{{ asset(imagepath ~ reference.video ) }}" type="video/ogg" style="width: 100px;height: 100px">
                                                <!-- Video Cover image by CSS -->
                                            </video>
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4" style="display: none">
                                <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 reference.image  %}
                                            <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ reference.image ) }}">
                                        {% else %}
                                            <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                        {% endif %}
                                    </div>
                                </div>
                            </div>

                            {% elseif reference.image %}
                                <div class="col-lg-4" style="display: none" >
                                    <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.video, 'video ', { 'label_attr': { 'class': 'btn btn-info' }}) }}
                                                    <div style="display: none" >{{ form_widget(edit_form.video,{ 'attr': {'id': 'dropify-event','class': 'filebtn'} }) }} </div></span>
                                            </div>
                                        </div>

                                        <div class="col-lg-3 photos">
                                            {% if reference.video  %}
                                                <video autoplay muted loop style="width: 100px;height: 100px !important">
                                                    <source src="{{ asset(imagepath ~ reference.video ) }}" type="video/mp4" style="width: 100px;height: 100px">
                                                    <source src="{{ asset(imagepath ~ reference.video ) }}" type="video/ogg" style="width: 100px;height: 100px">
                                                    <!-- Video Cover image by CSS -->
                                                </video>
                                            {% else %}
                                                <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-4" style="display: block">
                                    <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 reference.image  %}
                                                <img class="feed-photo"  id="phoload" src="{{ asset(imagepath ~ reference.image ) }}">
                                            {% else %}
                                                <img class="feed-photo" id="phoload" src="{{ asset('bundles/backend/img/default2.jpg' ) }}" >
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                            {% endif %}
                        </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">Titre :</label>
                                        {{ form_widget(edit_form.titre,{ 'attr': {'class': 'form-control'} }) }}
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label" for="order_id">Titre :</label>
                                        {{ form_widget(edit_form.sousTitre,{ '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 %}