{% extends 'base_backend.html.twig' %}


{% block body %}

    <div class="wrapper wrapper-content animated fadeInRight ecommerce">
        <div class="row ">
            <div class="wrapper wrapper-content"  >
                <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> Affiche publicitaires</h2>
                        <span> Liste des Affiche publicitaires</span>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="row">

        <div class="col-lg-12">

            <div class="ibox">

                <div class="ibox-content">
                    <div class="ibox-tools">
                        <a href="#" class="btn btn-primary btn-sm " data-toggle="modal" data-target="#myModal">Nouvelle publicite </a>
                    </div>
                    <table class="footable table table-stripped toggle-arrow-tiny default breakpoint footable-loaded" data-page-size="15">
                        <thead>
                        <tr>

                            <th class="footable-visible footable-first-column footable-sortable">Images<span class="footable-sort-indicator"></span></th>
                            <th data-hide="phone" class="footable-visible footable-sortable">Nom<span class="footable-sort-indicator"></span></th>
                            <th data-hide="phone" class="footable-visible footable-sortable">Description<span class="footable-sort-indicator"></span></th>
                            <th data-hide="phone" class="footable-visible footable-sortable">Date début<span class="footable-sort-indicator"></span></th>
                            <th data-hide="phone,tablet" class="footable-visible footable-sortable">Date fin<span class="footable-sort-indicator"></span></th>
                            <th data-hide="phone,tablet" class="footable-visible footable-sortable">visibilité<span class="footable-sort-indicator"></span></th>

                            <th class="text-right footable-visible footable-last-column footable-sortable">Action<span class="footable-sort-indicator"></span></th>

                        </tr>
                        </thead>
                        <tbody>
                        {% set k=0 %}
                        {% for p in pub %}
                            {% if k==0 %}
                                {% set k=1 %}
                        <tr style="" class="footable-even">
                            {% else %}
                                {% set k=0 %}
                                <tr style="" class="footable-odd">
                            {% endif %}
                            <td class="footable-visible footable-first-column">

                                <img src="{{ asset(imagepath ~ p.image ) }}" style="height: 100px">

                            </td>
                            <td class="footable-visible">
                                {{ p.nom }}
                            </td>


                                    <td class="footable-visible">
                                        {{ p.description }}
                                    </td>



                            <td class="footable-visible">
                               {{ p.debut|date("m/d/y") }}
                            </td>
                            <td class="footable-visible">
                                {{ p.fin|date() }}
                            </td>

                            {% if p.visibilite==1 %}
                            <td class="footable-visible">
                                <a href="{{ path('Togglepub',{'id':p.id}) }}" class="label label-primary">Affiché</a>
                            </td>
                            {% else  %}
                                <td class="footable-visible">
                                    <a href="{{ path('Togglepub',{'id':p.id}) }}" class="label label-danger">Caché</a>
                                </td>
                            {% endif %}
                            <td class="text-right footable-visible footable-last-column">
                                <div class="btn-group">


                                    <a href="{{ path('publicite_delete',{'id':p.id}) }}" class="btn-white btn btn-xs "><i class="fa fa-trash"> Supprimer</i></a>
                                </div>
                            </td>

                        </tr>
                        {% endfor %}


                        </tbody>
                        <tfoot>
                         </tr>
                        </tfoot>
                    </table>

                </div>
            </div>
        </div>
    </div>
    <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated fadeIn">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">Ajout Avis</h4>
                    <small class="font-bold"></small>
                </div>
                {{ form_start(form) }}
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="order_id">Image publicitaire :</label>
                                {{ form_widget(form.image,{ 'attr': {'class': 'form-control filebtn'} }) }}
                                {{ form_errors(form.image) }}
                                <h4 style="display: none;color: red;width: 300px;" id="error" >Veuillez télécharger une image valide !</h4>
                            </div>
                        </div>

                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="order_id">Titre:</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 :</label>
                                {{ form_widget(form.description,{ 'attr': {'class': 'form-control'} }) }}
                            </div>
                        </div>

                        <div class="col-sm-12">
                            <label class="control-label" >Date début :</label>

                            {{ form_widget(form.debut,{ 'attr': {'class': 'form-control'} }) }}

                        </div>
                        <div class="col-sm-12">
                            <label class="control-label" >Date Fin :</label>

                            {{ form_widget(form.fin,{ 'attr': {'class': 'form-control'} }) }}

                        </div>



                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Enregistrer</button>
                </div>
                {{ form_rest(form) }}
                {{ form_end(form) }}
            </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>
        $(document).ready(function() {

            $('.footable').footable();

        });
        $('.supp').click(function(){
            id=this.id;
            swal({
                title: "Confirmation !!",
                text: "Voulez vous vraiment supprimer cet avis",
                type: "warning",
                showCancelButton: true,
                CancelButtonColor: "gray",
                confirmButtonColor: "#ef6e6e",
                confirmButtonText: "Supprimer ?",
                closeOnConfirm: false,
                closeOnCancel: true
            },function (isConfirm) {
                if (isConfirm) {
                    var url = '{{ path("avis_delete", {'id': 'idd'}) }}';
                    url = url.replace("idd",id );
                    $.ajax({
                        type: "POST",
                        url:url,
                    }).then(function (data) {
                        if (typeof data.status != "undefined" && data.status != "undefined") {

                            if (data.status == "OK") {
                                if (typeof data.message != "undefined" && data.message != "undefined") {
                                    swal({title:"Supprimé!!",
                                        text: data.message,
                                        type: "success"
                                    },function(){
                                        window.location.reload();
                                    });
                                }
                            }
                            if (data.status == "Error") {
                                swal("Erreur", "Probléme de connexion à la base ",  "error");
                            }
                        }
                    });
                } else {
                    swal.close();
                }
            });

        });
    </script>
    <script>
        $(function()
        {
            $('.filebtn').on('change',function (event)
            {
                if(event.target.files[0].type.indexOf("image")==-1){
                    $('#error').show();
                }
                else {
                    $('#error').hide();
                }
            });

            $('.filebtn2').on('change',function (event)
            {
                if(event.target.files[0].type.indexOf("pdf")==-1){
                    $('#error2').show();
                }
                else {
                    $('#error2').hide();
                }
            });
        });

    </script>
    {#<script>#}
    {#$(document).ready(function(){#}


    {#$('.summernote').summernote("code");#}

    {#});#}
    {#</script>#}
{% endblock %}