{% extends 'admin\\baseadmin.html.twig' %}
{% block content%}
    <!--START PAGE CONTENT -->
    <section class="page-content container-fluid">
        <div class="row">
            <div class="col-lg-12 col-xl-12">
                <div class="card">
                    <div class="card-header">
                        <ul class="actions top-right">
                            <li><a href="javascript:void(0)" data-q-action="card-expand"><i class="icon dripicons-expand-2"></i></a></li>
                        </ul>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="tabletemplates" class="table table-striped table-bordered datatable-init" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>{{'templatestablename'|trans({},'studio')}}</th>
                                        <th>{{'templatestablecontenttype'|trans({},'studio')}}</th>
                                        <th>{{'status'|trans({},'studio')}}</th>
                                        <th>{{'createddate'|trans({},'studio')}}</th>
                                        <th class="no-sort tableactions">{{'actions'|trans({},'studio')}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}
{% block javascripts %}
{{parent()}}
    <script>

        var config={
            processing: true,
            serverSide: true,
            stateSave: true,
            stateDuration: -1,
            ajax: "/{{ app.request.getLocale() }}/admin/templates",
            language: {
                "sEmptyTable": "{{'emptytable'|trans({},'studio')}}",
                "sLoadingRecords": "{{'loadingrecords'|trans({},'studio')}}",
                "sProcessing": "{{'processing'|trans({},'studio')}}",
                "sLengthMenu": "{{'showmenulength'|trans({},'studio')}}",
                "sZeroRecords":  "{{'zerorecords'|trans({},'studio')}}",
                "sSearch": "{{'searchlabel'|trans({},'studio')}}",
                "sInfo":   "{{'infostart'|trans({},'studio')}}",
                "sInfoFiltered": "{{'infofiltered'|trans({},'studio')}}",
                "sInfoEmpty":    "{{'infoempty'|trans({},'studio')}}",
                "oPaginate": {
                    "sFirst":    "{{'first'|trans({},'studio')}}",
                    "sPrevious": "{{'previous'|trans({},'studio')}}",
                    "sNext":     "{{'next'|trans({},'studio')}}",
                    "sLast":     "{{'last'|trans({},'studio')}}"
                },
            },
            columns: [
                { data: 'name' },
                { data: 'content_type' },
                { data: 'status' },
                { data: 'created_date' },
                { data: 'actions',
                  render: function (data,type,row,meta){
                      var result='';
                      jQuery.each(data,function(index,item){
                          switch (item.type){
                              case "edit":
                                cssclass='edit';
                                itemfunction='';
                                break;
                              case "delete":
                                cssclass='trash';
                                itemfunction='';
                                break;
                          }
                          result+='<a href="'+item.url+'" class="'+item.type+'"><i class="la la-'+cssclass+'" '+itemfunction+'></i></a>';
                      });
                      return result;
                  } }
            ],
            columnDefs: [
                {
                    className: "tableactions", 
                    "targets": [ "tableactions" ],
                    orderable:false,
                    "targets": [ "tableactions" ]
                }
            ]
        };
        $('body').on("click",".delete",function(e){
            e.preventDefault();
            Swal.fire({
                title: "{{'deletealerttitle'|trans({},'studio')}}",
                text: "{{'deletealerttext'|trans({},'studio')}}",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: "{{'confirmyes'|trans({},'studio')}}",
                cancelButtonText: "{{'confirmno'|trans({},'studio')}}"
            }).then((result) => {
                if (result.value) {
                    $.ajax({
                        url:$(this).attr("href"),
                        cache:false,
                        success:function(data){
                            $("#tabletemplates").data("datatable").ajax.reload(null,false);
                            if(data.success){
                                Swal.fire(
                                "{{'deletesuccesstitle'|trans({},'studio')}}",
                                "{{'deletesuccesstext'|trans({},'studio')}}",
                                'success'
                                )
                            }else{
                                Swal.fire(
                                "{{'deleteerrortitle'|trans({},'studio')}}",
                                "{{'templateserrortext'|trans({},'studio')}}",
                                'error'
                                )
                            }
                        }
                    });
                }
            });

        })
    </script>
{% endblock %}