text: /******/ (() => { // webpackBootstrap
  /******/ 	"use strict";
  var __webpack_exports__ = {};
  /*!**************************************************************************!*\
    !*** ../demo8/src/js/pages/crud/datatables/advanced/column-rendering.js ***!
    \**************************************************************************/
  
  var KTDatatablesAdvancedColumnRendering = function() {
  
  	var init = function() {
  		var table = $('#kt_datatable');
  
  		// begin first table
  		table.DataTable({
  			responsive: true,
  			paging: true,
  			columnDefs: [
  				{
  					targets: 0,
  					title: 'Agent',
  					render: function(data, type, full, meta) {
  						var number = KTUtil.getRandomInt(1, 14);
  						var user_img = '100_' + number + '.jpg';
  
  						var output;
  						if (number > 8) {
  							output = `
                                  <div class="d-flex align-items-center">
                                      <div class="symbol symbol-50 flex-shrink-0">
                                          <img src="assets/media/users/` + user_img + `" alt="photo">
                                      </div>
                                      <div class="ml-3">
                                          <span class="text-dark-75 font-weight-bold line-height-sm d-block pb-2">` + full[2] + `</span>
                                          <a href="#" class="text-muted text-hover-primary">` + full[3] + `</a>
                                      </div>
                                  </div>`;
  						}
  
  						else {
  							var stateNo = KTUtil.getRandomInt(0, 7);
  							var states = [
  								'success',
  								'light',
  								'danger',
  								'success',
  								'warning',
  								'dark',
  								'primary',
  								'info'];
  
  							var state = states[stateNo];
  
  							output = `
                                  <div class="d-flex align-items-center">
                                      <div class="symbol symbol-50 symbol-light-` + state + `" flex-shrink-0">
                                          <div class="symbol-label font-size-h5">` + full[2].substring(0, 1) + `</div>
                                      </div>
                                      <div class="ml-3">
                                          <span class="text-dark-75 font-weight-bold line-height-sm d-block pb-2">` + full[2] + `</span>
                                          <a href="#" class="text-muted text-hover-primary">` + full[3] + `</a>
                                      </div>
                                  </div>`;
  						}
  
  						return output;
  					},
  				},
  				{
  					targets: 1,
  					render: function(data, type, full, meta) {
  						return '<a class="text-dark-50 text-hover-primary" href="mailto:' + data + '">' + data + '</a>';
  					},
  				},
  				{
  					targets: -1,
  					title: 'Actions',
  					orderable: false,
  					render: function(data, type, full, meta) {
  						return '\
  							<div class="dropdown dropdown-inline">\
  								<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
  	                                <i class="la la-cog"></i>\
  	                            </a>\
  							  	<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
  									<ul class="nav nav-hoverable flex-column">\
  							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
  							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
  							    		<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
  									</ul>\
  							  	</div>\
  							</div>\
  							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
  								<i class="la la-edit"></i>\
  							</a>\
  							<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
  								<i class="la la-trash"></i>\
  							</a>\
  						';
  					},
  				},
  				{
  					targets: 4,
  					render: function(data, type, full, meta) {
  						var status = {
  							1: {'title': 'Pending', 'class': 'label-light-primary'},
  							2: {'title': 'Delivered', 'class': ' label-light-danger'},
  							3: {'title': 'Canceled', 'class': ' label-light-primary'},
  							4: {'title': 'Success', 'class': ' label-light-success'},
  							5: {'title': 'Info', 'class': ' label-light-info'},
  							6: {'title': 'Danger', 'class': ' label-light-danger'},
  							7: {'title': 'Warning', 'class': ' label-light-warning'},
  						};
  						if (typeof status[data] === 'undefined') {
  							return data;
  						}
  						return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
  					},
  				},
  				{
  					targets: 5,
  					render: function(data, type, full, meta) {
  						var status = {
  							1: {'title': 'Online', 'state': 'danger'},
  							2: {'title': 'Retail', 'state': 'primary'},
  							3: {'title': 'Direct', 'state': 'success'},
  						};
  						if (typeof status[data] === 'undefined') {
  							return data;
  						}
  						return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
  							'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
  					},
  				},
  			],
  		});
  
  		$('#kt_datatable_search_status').on('change', function() {
  			datatable.search($(this).val().toLowerCase(), 'Status');
  		});
  
  		$('#kt_datatable_search_type').on('change', function() {
  			datatable.search($(this).val().toLowerCase(), 'Type');
  		});
  
  		$('#kt_datatable_search_status, #kt_datatable_search_type').selectpicker();
  	};
  
  	return {
  
  		//main function to initiate the module
  		init: function() {
  			init();
  		}
  	};
  }();
  
  jQuery(document).ready(function() {
  	KTDatatablesAdvancedColumnRendering.init();
  });
  
  /******/ })()
  ;
  //# sourceMappingURL=column-rendering.js.map