{% 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> Paramétrage Client</h2>
                         <span>Liste des catégories client</span>
                     </div>
                 </div>
             </div>
         </div>

         <div class="ibox-content m-b-sm border-bottom">
             <label class="control-label" for="order_id">Nouvelle Catégorie Client </label>
             {{ form_start(form) }}
             <div class="row">
                 <div class="col-sm-10">
                     <div class="">
                         {{ form_widget(form.categorie ,  {'attr':{'class':'form-control', 'placeholder':'Intitule de catégorie' }} ) }}
                         {#<input type="text" id="order_id" name="order_id" placeholder="Intitule de service"  class="form-control">#}
                     </div>
                 </div>
                 <div class="col-sm-2">
                     <button type="submit" class="btn btn-block btn-primary">Enregistrer</button>
                 </div>

             </div>
             {{ form_end(form) }}
         <br>



         <label class="control-label mt-2" >Liste des catégories</label>


         <div class="ibox-content m-t-2">
             <table class="table table-stripped tab_services"  >
                 <thead>
                 <tr>
                     {#<th>IDentifiant</th>#}
                     <th align="text-center">Nom du catégorie</th>
                     <th class="text-center">Catégorie comptable</th>
                     <th class="text-center">Date de création</th>
                     <th class="text-right">Action</th>
                 </tr>
                 </thead>
                 <tbody>

                 {% for  cat in categories|reverse  %}
                     <tr>
                         <td >
                             <strong>{{  cat.categorie }}</strong>
                         </td>
                         <td align="center">
                             {% if(cat.catcomp) %}
                             <a data-toggle="modal" href="#" data-target="#catgcompt{{ cat.catcomp.cbmarq }}"  ><strong> {{ cat.catcomp.tva }} % </strong> (TVA) </a>
                                 {{ render(controller('BackendBundle:Utilisateur:modifier_CatComptable', { 'nom': cat.categorie ,'idcc' : cat.catcomp.cbmarq } )) }}
                             {% else %}
                                 <a data-toggle="modal" href="#" data-target="#newcatgcompt"  ><i class="fa fa-plus"></i> <strong style="text-decoration: underline;"> Ajouter TVA </strong> </a>
                                 <div class="modal inmodal" id="newcatgcompt" role="dialog" style="top: 20%;" >
                                     <div class="modal-dialog">
                                         <div class="modal-content animated bounceInRight">
                                             <div class="modal-header">
                                                 <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                                                 {#<i class="fa fa-laptop modal-icon"></i>#}
                                                 <h4 class="modal-title">Catégorie {{  cat.categorie }}</h4>
                                                 <small class="font-bold"> Ajouter Catégorie Comptable</small>
                                             </div>
                                             {{ form_start(form_catcompt) }}
                                             <div class="modal-body">
                                                 <div class="row">
                                                     <div class="">
                                                         <label style="float: left;">TVA</label>
                                                         {{ form_widget(form_catcompt.tva ,  {'attr':{'class':'form-control', 'placeholder':'Valeur tva' ,'style':'width:100%' }} ) }}
                                                         {{ form_errors(form_catcompt.tva)}}
                                                     </div>
                                                 </div>
                                                 <br>
                                             </div>
                                             <div class="modal-footer">
                                                 <button type="button" class="btn btn-white" data-dismiss="modal">Fermer</button>
                                                 <button type="submit" class="btn btn-primary">Enregistrer</button>
                                             </div>
                                             {{ form_widget(form_catcompt.cat,{'attr':{'style':'display:none','value': cat.cbmarq}})}}
                                             {{ form_end(form_catcompt) }}
                                         </div>
                                     </div>
                                 </div>
                             {%  endif %}
                         </td>
                         <td align="center">
                             {{  cat.cbcreation|date('d-m-Y')}}
                         </td>
                         <td class="text-right">
                             <div class="btn-group">
                                 <button data-toggle="modal" data-target="#editcat{{ cat.cbmarq }}" class="btn-white btn btn-xs">modifier</button>
                                 <button id="{{ cat.cbmarq }}" class="btn-white btn btn-xs supp">Supprimer</button>
                             </div>
                             {{ render(controller('BackendBundle:Utilisateur:modifier_Categorie', {'idcat' : cat.cbmarq } )) }}
                         </td>
                     </tr>


                 {% endfor %}
                 </tbody>

             </table>
         </div>

         </div>


</div>


    <!-- FooTable -->
    <!-- Mainly scripts -->
    <script src="{{ asset('bundles/backend/') }}js/jquery-3.1.1.min.js"></script>

    <!-- Page-Level Scripts -->
    <script>
        $(document).ready(function() {

            $('.tab_services').DataTable({ "order": []});

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

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

        });

    </script>
    <script>

        $('.supp').click(function(){
            id=this.id;
            swal({
                    title: "Confirmation !!",
                    text: "êtes vous sur de vouloir supprimer cette catégorie !!",
                    type: "warning",
                    showCancelButton: true,
                    cancelButtonText: "Annuler",
                    confirmButtonColor: "#ef6e6e",
                    confirmButtonText: "Oui, continuer.. ",
                    closeOnConfirm: false,
                    closeOnCancel: false},
                function (isConfirm) {
                    if (isConfirm) {
                        var url = '{{ path("supprimer_categorie", {'idcat': '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");
                                    if (typeof data.message != "undefined" && data.message != "undefined") {
                                        swal({title:"Erreur!!",
                                            text: data.message,
                                            type: "error"
                                        });
                                    }
                                }
                            }
                        });
                    } else {
                        swal.close();
                        // swal("Annulé", "Opération annulé !", "error");
                    }
                });

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