{% 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 class="table table-striped table-bordered datatable-init" style="width:100%">
                                            <thead>
                                                <tr>
                                                {%for column in columns%}
                                                    <th>{{column.label}}</th>
                                                {%endfor%}
                                                    <th class="no-sort actions">Actions</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
{% endblock %}
{% block javascripts %}
{{parent()}}
	<script>

		{% set uri = app.request.uri %}

        var config={
            processing: true,
            serverSide: true,
            ajax: "{{ uri }}",
            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: [
        {%for column in columns%}
                { data: '{{column.name}}' },
        {%endfor%}
                { data: 'actions',
                  render: function (data,type,row,meta){
                      var result='';
                      jQuery.each(data,function(index,item){
                          switch (item.type){
                              case "edit":
                                cssclass='edit';
                                break;
                              case "delete":
                                cssclass='trash';
                                break;
                          }
                          result+='<a href="'+item.url+'"><i class="la la-'+cssclass+'"></i></a>';
                      });
                      return result;
                  } }
            ],
            columnDefs: [
                {
                    className: "actions", "targets": [ "actions" ]
                }
            ]
        };
    </script>
{% endblock %}