text: "use strict";
  // Class definition
  
  var KTDatatableTranslationDemo = function() {
      // Private functions
  
      // basic demo
      var demo = function() {
  
          var datatable = $('.kt_datatable').KTDatatable({
              // datasource definition
              data: {
                  type: 'remote',
                  source: {
                      read: {
                          url: 'https://keenthemes.com/keen/themes/themes/keen/dist/preview/inc/api/datatables/demos/default.php',
                      },
                  },
                  pageSize: 10,
                  serverPaging: true,
                  serverFiltering: false,
                  serverSorting: true,
              },
  
              // layout definition
              layout: {
                  theme: 'default', // datatable theme
                  class: '', // custom wrapper class
                  scroll: false, // enable/disable datatable scroll both horizontal and vertical when needed.
                  height: null, // datatable's body's fixed height
                  footer: false, // display/hide footer
              },
  
              // column sorting
              sortable: true,
  
              pagination: true,
  
              search: {
                  input: $('#generalSearch'),
              },
  
              // columns definition
              columns: [{
                  field: 'id',
                  title: '#',
                  sortable: 'asc',
                  width: 30,
                  type: 'number',
                  selector: false,
                  textAlign: 'center',
              }, {
                  field: 'employee_id',
                  title: 'Employee ID',
              }, {
                  field: 'name',
                  title: 'Name',
                  template: function(row) {
                      return row.first_name + ' ' + row.last_name;
                  },
              }, {
                  field: 'hire_date',
                  title: 'Hire Date',
                  type: 'date',
                  format: 'MM/DD/YYYY',
              }, {
                  field: 'gender',
                  title: 'Gender',
              }, {
                  field: 'status',
                  title: 'Status',
                  // callback function support for column rendering
                  template: function(row) {
                      var status = {
                          1: {
                              'title': 'Pending',
                              'class': 'kt-badge--brand'
                          },
                          2: {
                              'title': 'Delivered',
                              'class': ' kt-badge--metal'
                          },
                          3: {
                              'title': 'Canceled',
                              'class': ' kt-badge--primary'
                          },
                          4: {
                              'title': 'Success',
                              'class': ' kt-badge--success'
                          },
                          5: {
                              'title': 'Info',
                              'class': ' kt-badge--info'
                          },
                          6: {
                              'title': 'Danger',
                              'class': ' kt-badge--danger'
                          },
                          7: {
                              'title': 'Warning',
                              'class': ' kt-badge--warning'
                          },
                      };
                      return '<span class="kt-badge ' + status[row.status].class + ' kt-badge--inline kt-badge--pill">' + status[row.status].title + '</span>';
                  },
              }, {
                  field: 'type',
                  title: 'Type',
                  autoHide: false,
                  // callback function support for column rendering
                  template: function(row) {
                      var status = {
                          1: {
                              'title': 'Online',
                              'state': 'danger'
                          },
                          2: {
                              'title': 'Retail',
                              'state': 'primary'
                          },
                          3: {
                              'title': 'Direct',
                              'state': 'accent'
                          },
                      };
                      return '<span class="kt-badge kt-badge--' + status[row.type].state + ' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-' + status[row.type].state + '">' +
                          status[row.type].title + '</span>';
                  },
              }, {
                  field: 'Actions',
                  title: 'Actions',
                  sortable: false,
                  width: 110,
                  overflow: 'visible',
                  autoHide: false,
                  template: function() {
                      return '\
  						<div class="dropdown">\
  							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown">\
                                  <i class="la la-ellipsis-h"></i>\
                              </a>\
  						  	<div class="dropdown-menu dropdown-menu-right">\
  						    	<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\
  						    	<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\
  						    	<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\
  						  	</div>\
  						</div>\
  						<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="Edit details">\
  							<i class="la la-edit"></i>\
  						</a>\
  						<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="Delete">\
  							<i class="la la-trash"></i>\
  						</a>\
  					';
                  },
              }],
  
              translate: {
                  records: {
                      processing: 'Cargando...',
                      noRecords: 'No se encontrarón archivos',
                  },
                  toolbar: {
                      pagination: {
                          items: {
                              default: {
                                  first: 'Primero',
                                  prev: 'Anterior',
                                  next: 'Siguiente',
                                  last: 'Último',
                                  more: 'Más páginas',
                                  input: 'Número de página',
                                  select: 'Seleccionar tamaño de página',
                              },
                              info: 'Viendo {{start}} - {{end}} de {{total}} registros',
                          },
                      },
                  },
              },
          });
  
          $('#kt_form_status').on('change', function() {
              datatable.search($(this).val().toLowerCase(), 'status');
          });
  
          $('#kt_form_type').on('change', function() {
              datatable.search($(this).val().toLowerCase(), 'type');
          });
  
          $('#kt_form_status,#kt_form_type').selectpicker();
  
      };
  
      return {
          // public functions
          init: function() {
              demo();
          }
      };
  }();
  
  jQuery(document).ready(function() {
      KTDatatableTranslationDemo.init();
  });