{% extends 'admin\\baseadmin.html.twig' %}
{% block content%}
{% trans_default_domain 'attributes' %}
    <!--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>
                                        <th>{% trans %}name{% endtrans %}</th>
                                        <th>{% trans %}type{% endtrans %}</th>
                                        <th>{% trans %}order{% endtrans %}</th>
                                        <th class="no-sort tableactions">{% trans %}actions{% endtrans %}</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/attributes",
             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: 'type' },
                { data: 'order' },
                { data: 'actions',
                  render: function (data,type,row,meta){
                      var result='';
                      jQuery.each(data,function(index,item){
                          switch (item.type){
                              case "view":
                                cssclass='external-link';
                                target='target="_blank"';
                                itemfunction='';
                                break;
                              case "edit":
                                cssclass='edit';
                                itemfunction='';
                                target='';
                                break;
                              case "delete":
                                cssclass='trash';
                                itemfunction='onclick="return confirm(\'Are you sure?\')"';
                                target='';
                                break;
                          }
                          result+='<a href="'+item.url+'" ' + target+'><i class="la la-'+cssclass+'" '+itemfunction+'></i></a>';
                      });
                      return result;
                  } }
            ],
            columnDefs: [
                {
                    className: "tableactions", 
                    "targets": [ "tableactions" ],
                    orderable:false,
                    "targets": [ "tableactions" ]
                }
            ]
        };

    </script>
{% endblock %}