{% 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">
                                    Recent Pages
                                    <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>
                                                    <th>Name</th>
                                                    <th>Status</th>
                                                    <th class="no-sort tableactions">Actions</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/roles",
            columns: [
                { data: 'name' },
                { data: 'status' },
                { 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='onclick="return confirm(\'Are you sure?\')"';
                                break;
                          }
                          result+='<a href="'+item.url+'"><i class="la la-'+cssclass+'" '+itemfunction+'></i></a>';
                      });
                      return result;
                  } }
            ],
            columnDefs: [
                {
                    className: "tableactions", 
                    "targets": [ "tableactions" ],
                    orderable:false,
                    "targets": [ "tableactions" ]
                }
            ]
        };

    </script>
{% endblock %}