import {getData} from './../Helper/helper.js';
import client from './../client.js';
function landing_lowongan(data) {
for(var i=0;i<4;i++){
if(data[i]){
var content = new DOMParser().parseFromString(data[i].value['content'], 'text/html');
content = content.body.textContent.substr(0, 250) + '...';
$('#Lowongan').append('<div class="col-lg-3 col-md-5 col-sm-9 mb-3">'+
'<div class="card h-100 lowongan-card">'+
'<div class="d-flex bd-highlight mb-3">'+
'<div class="p-2 flex-grow-1 bd-highlight lowongan-text">'+data[i].created_at+'</div>'+
'<div class="p-2 bd-highlight"><a href="" style="color: #C4C4C4;"><svg xmlns="http://www.w3.org/2000/svg"'+
'width="12" height="12" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">'+
'<path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6'+
'.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5z" />'+
'</svg></a></div>'+
'<div class="p-2 bd-highlight"><a href="" style="color: #C4C4C4;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor"'+
'class="bi bi-heart-fill" viewBox="0 0 16 16">'+
'<path fill-rule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z" />'+
'</svg></a></div>'+
'</div>'+
'<div class="text-center">'+
'<img src="'+data[i].value['featured_image']+'" style="max-height:106px;max-width:400px" alt="Logo">'+
'</div>'+
'<div class="justify-content-between mt-4">'+
'<p class="lowongan-title1"><a>'+data[i].value['nama_lowongan']+'</a></p>'+
'<hr>'+
'</div>'+
'<div class="lowongan-content">'+
'<p class="lowongan-title2">'+data[i].value['nama_lowongan']+'</p>'+
'<div class="lowongan-text1 mt-3 mb-3">'+
content+
'</div>'+
'<div class="lowongan-text1 mt-3 mb-3">'+
'<p><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor"'+
'class="bi bi-geo-alt-fill" viewBox="0 0 16 16" style="margin-right: 10px;">'+
'<path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" />'+
'</svg>'+data[i].value['alamat_lengkap']+'</p>'+
'<p><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" class="bi bi-cash" viewBox="0 0 16 16" style="margin-right: 10px;">'+
'<path d="M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />'+
'<path d="M0 4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V6a2 2 0 0 1-2-2H3z"/>'+
'</svg> <a href="" target="_blank" style="margin-right: 4px;">Login</a> untuk melihat gaji</p>'+
'</div>'+
'</div>'+
'<div class="container text-center">'+
'<a class="lowongan-btn1" href="'+client.frontend_url+'/loker-detail/'+data[i].value['slug']+'">Lihat</a>'+
// '<a class="lowongan-btn2" href="">Lamar</a>'+
'</div>'+
'</div>'+
'</div>'
);
}
}
}
function landing_training(data){
for (let i = 0; i < 5; i++) {
if(data.data[i]){
var content = new DOMParser().parseFromString(data.data[i]['content'], 'text/html');
content = content.body.textContent.substr(0, 250) + '...';
$('#Training').prepend('<div class="col mb-4">'+
'<div class="h-100">'+
'<div class="row">'+
'<div class="col">'+
'<img src="'+data.data[i]['featured_image']+'" alt="Gambar">'+
'</div>'+
' <div class="col">'+
' <p class="pelatihan-title">'+data.data[i]['title']+'</p>'+
' <p class="pelatihan-text">'+content+'</p>'+
'<a class="pelatihan-btn1" href="'+client.frontend_url+'/pelatihan-detail/'+data.data[i]['slug']+'">Lihat</a>'+
'</div>'+
'</div>'+
'<hr style="border: 2px solid #406392;">'+
'</div>'+
'</div>'
);
}
}
}
function landing_berita(data){
for (let i = 0; i < 3; i++) {
// console.log(data);
if(data[i]){
var content = new DOMParser().parseFromString(data[i].value['content'], 'text/html');
content = content.body.textContent.substr(0, 250) + '...';
var category = (!data[i].value['categories']['name']) ? data[i].value['categories']['name'] : "UNCATEGORIZED";
$('#berita').append('<div class="col-lg-4 col-md-5 col-sm-9 mb-3">'+
'<div class="card h-100 berita-slide">'+
'<div class="berita-img">'+
'<a href="'+client.frontend_url+'/berita/'+data[i].value['slug']+'">'+
'<img src="'+data[i].value['featured_image']+'" alt="Gambar">'+
'<div class="berita-date">'+
'<span class="date">'+data[i].publish_date['Day']+'</span>'+
'<span class="month">'+data[i].publish_date['Month']+'</span>'+
'</div>'+
'</a>'+
'</div>'+
'<div class="berita-content">'+
'<p class="berita-cate">'+category+'</p></p>'+
'<p class="berita-title">'+data[i].value['title']+'</p>'+
'<p class="berita-description">'+
content+
'</p>'+
'</div>'+
'</div>'+
'</div>');
}
}
}
function landing_home(data) {
$('#perusahaan_tdf').html(data.jumlah['Perusahaan Terdaftar']);
$('#lowongan_pkj').html(data.jumlah['Lowongan Pekerja Aktif']);
$('#bursa_bkk').html(data.jumlah['BURSA KERJA KHUSUS (BKK)']);
$('#pekerja_tdf').html(data.jumlah['Pekerja Perusahaan Terdaftar']);
$('#p-ak-1').html(data.jumlah['Pencari Kerja Pemilik AK1']);
$('#pencaker').html(data.jumlah['Pencari Kerja']);
$('#lpdk').html(data.jumlah['Lembaga Pendidikan Dan Ketrampilan']);
$('#serikat-kerja').html(data.jumlah['Serikat Pekerja']);
$('#anggota-serikat').html(data.jumlah['Jumlah Serikat Pekerja']);
// console.log(data.suggestion);
for(let i = 0 ; i < data.suggestion.length; i++){$('.search-popular').prepend('<a href="javascript:void(0)" class="sugestions_a" >'+data.suggestion[i]['suggestion']+'</a>');}
}
export {landing_lowongan,landing_training,landing_berita,landing_home};