document.addEventListener("DOMContentLoaded",function(){var a=document.getElementById("datatable-rendering");a&&new DataTable(a,{language:{paginate:{first:'<i class="ti ti-chevrons-left"></i>',previous:'<i class="ti ti-chevron-left"></i>',next:'<i class="ti ti-chevron-right"></i>',last:'<i class="ti ti-chevrons-right"></i>'}},ajax:"assets/data/datatables-rendering.json",columns:[{data:"name"},{data:"position",render:function(e,a){if("display"!==a)return e;{let a="https://datatables.net";return e[0]<"H"?a="https://cloudtables.com":e[0]<"S"&&(a="https://editor.datatables.net"),'<a href="'+a+'">'+e+"</a>"}}},{data:"office",className:"f32",render:function(a,e){return"display"===e?`<span class="flag ${e={Argentina:"ar",Gujarat:"in",Germany:"de",London:"gb","New York":"us","San Francisco":"us",Sydney:"au",Tokyo:"jp"}[a]||""}">
                                        <img class="avatar-xs rounded me-2" src="assets/images/flags/${e}.svg" alt="${a}" />
                                    </span> `+a:a}},{data:"extn",render:function(a,e,t,s){return"display"===e?`<div class="progress" role="progressbar" aria-label="Basic example" aria-valuenow="${a}" aria-valuemin="0" aria-valuemax="9999" style="height:8px">
                                  <div class="progress-bar" style="width: ${a/9999*100}%"></div>
                            </div>`:a}},{data:"start_date"},{data:"salary",render:function(e,a){var t=DataTable.render.number(",",".",2,"$").display(e);if("display"!==a)return t;{let a="green";return e<25e4?a="red":e<5e5&&(a="orange"),`<span style="color:${a}">${t}</span>`}}}]})});