/* CSS yang sudah ada tetap dipertahankan */
.pr-calculator-root {
–pr-primary-color: #4361ee;
–pr-secondary-color: #3f37c9;
–pr-accent-color: #4895ef;
–pr-light-color: #f8f9fa;
–pr-dark-color: #212529;
–pr-success-color: #4cc9f0;
–pr-border-radius: 10px;
–pr-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.pr-calculator-body {
background-color: #f5f7ff;
color: var(–dark-color);
line-height: 1.6;
padding: 20px;
}

.pr-calculator-container {
max-width: 900px;
margin: 0 auto;
padding: 20px;
}

.pr-calculator-header {
text-align: center;
margin-bottom: 30px;
}

.pr-calculator-title {
color: #4361ee;
margin-bottom: 10px;
font-size: 2.2rem;
}

.pr-calculator-subtitle {
color: #6c757d;
font-size: 1.1rem;
}

.pr-calculator-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 30px;
}

.pr-calculator-form {
flex: 1;
min-width: 300px;
background: white;
padding: 25px;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.pr-calculator-result {
flex: 1;
min-width: 300px;
background: white;
padding: 25px;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
}

.pr-calculator-section-title {
color: #3f37c9;
margin-bottom: 20px;
font-size: 1.5rem;
border-bottom: 2px solid #4895ef;
padding-bottom: 8px;
}

.pr-calculator-input-group {
margin-bottom: 20px;
}

.pr-calculator-label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #212529;
}

.pr-calculator-select,
.pr-calculator-input {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 10px;
font-size: 1rem;
transition: border 0.3s;
}

.pr-calculator-select:focus,
.pr-calculator-input:focus {
outline: none;
border-color: #4895ef;
box-shadow: 0 0 0 3px rgba(72, 149, 239, 0.2);
}

.pr-calculator-btn {
background-color: #4361ee;
color: white;
border: none;
padding: 12px 20px;
border-radius: 10px;
cursor: pointer;
font-size: 1rem;
font-weight: 600;
transition: all 0.3s;
width: 100%;
}

.pr-calculator-btn:hover {
background-color: #3f37c9;
transform: translateY(-2px);
}

.pr-calculator-result-display {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}

.pr-calculator-total-points {
font-size: 5rem;
font-weight: 700;
color: #4361ee;
margin-bottom: 50%;
}

.pr-calculator-result-message {
font-size: 1.2rem;
margin-bottom: 20px;
}

.pr-calculator-progress-container {
width: 100%;
height: 20px;
background-color: #e9ecef;
border-radius: 10px;
margin: 20px 0;
overflow: hidden;
}

.pr-calculator-progress-bar {
height: 100%;
background-color: #4cc9f0;
border-radius: 10px;
transition: width 0.5s ease-in-out;
}

.pr-calculator-criteria {
margin-top: 20px;
text-align: left;
width: 100%;
}

.pr-calculator-criteria-item {
display: flex;
justify-content: space-between;
padding: 8px 0;
border-bottom: 1px solid #eee;
}

.pr-calculator-met {
color: #2ecc71;
font-weight: 600;
}

.pr-calculator-not-met {
color: #e74c3c;
}

.pr-calculator-footer {
text-align: center;
margin-top: 40px;
color: #6c757d;
font-size: 0.9rem;
}

.pr-calculator-info-icon {
display: inline-block;
width: 18px;
height: 18px;
background-color: #4895ef;
color: white;
border-radius: 50%;
text-align: center;
line-height: 18px;
font-size: 12px;
margin-left: 5px;
cursor: help;
}

.pr-calculator-tooltip {
position: relative;
display: inline-block;
}

.pr-calculator-tooltip .pr-calculator-tooltiptext {
visibility: hidden;
width: 300px;
background-color: #333;
color: #fff;
text-align: left;
border-radius: 6px;
padding: 10px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
font-size: 0.9rem;
font-weight: normal;
}

.pr-calculator-tooltip:hover .pr-calculator-tooltiptext {
visibility: visible;
opacity: 1;
}

.pr-calculator-warning {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 15px;
margin: 15px 0;
border-radius: 4px;
}

@media (max-width: 768px) {
.pr-calculator-wrapper {
flex-direction: column;
}

.pr-calculator-total-points {
font-size: 3.5rem;
}

.pr-calculator-tooltip .pr-calculator-tooltiptext {
width: 250px;
left: 0;
transform: translateX(0);
}
}

document.addEventListener(‘DOMContentLoaded’, function() {
const calculateBtn = document.getElementById(‘calculate-btn’);
const totalPointsElement = document.getElementById(‘total-points’);
const resultMessageElement = document.getElementById(‘result-message’);
const progressBarElement = document.getElementById(‘progress-bar’);
const eligibilityStatusElement = document.getElementById(‘eligibility-status’);
const recommendationElement = document.getElementById(‘recommendation’);

calculateBtn.addEventListener(‘click’, calculatePoints);

function calculatePoints() {
// Get values from form
const age = parseInt(document.getElementById(‘age’).value) || 0;
const education = parseInt(document.getElementById(‘education’).value) || 0;
const educationCountry = document.getElementById(‘education-country’).value;
const experience = parseInt(document.getElementById(‘experience’).value) || 0;
const experienceDifferent = parseInt(document.getElementById(‘experience-different’).value) || 0;
const language = parseInt(document.getElementById(‘language’).value) || 0;
const partnerSkills = parseInt(document.getElementById(‘partner-skills’).value) || 0;
const naati = parseInt(document.getElementById(‘naati’).value) || 0;
const studyAustralia = parseInt(document.getElementById(‘study-australia’).value) || 0;
const professionalYear = parseInt(document.getElementById(‘professional-year’).value) || 0;
const stateSponsorship = parseInt(document.getElementById(‘state-sponsorship’).value) || 0;

// Penyesuaian khusus untuk lulusan Indonesia
let indonesiaAdjustment = 0;
let recommendationText = “”;

if (educationCountry === ‘indonesia’) {
// Pengurangan poin untuk pendidikan Indonesia (kecuali universitas ternama)
indonesiaAdjustment = -5;
recommendationText += “Pertimbangkan untuk melakukan assessment skills dan IELTS/PTE dengan skor tinggi. “;
}

// Jika bekerja di bidang berbeda dengan ijazah
if (experienceDifferent > 0 && experience = 65) {
resultMessageElement.textContent = “Selamat! Anda memenuhi syarat poin untuk mengajukan Permanent Resident.”;
eligibilityStatusElement.textContent = “Memenuhi”;
eligibilityStatusElement.className = “pr-calculator-met”;
progressBarElement.style.backgroundColor = “#2ecc71”;

if (educationCountry === ‘indonesia’) {
recommendationText += “Pastikan untuk melakukan skills assessment dan verifikasi kualifikasi pendidikan Anda melalui authorities terkait.”;
}
} else {
const pointsNeeded = 65 – totalPoints;
resultMessageElement.textContent = `Anda membutuhkan ${pointsNeeded} poin lagi untuk memenuhi syarat.`;
eligibilityStatusElement.textContent = “Tidak memenuhi”;
eligibilityStatusElement.className = “pr-calculator-not-met”;
progressBarElement.style.backgroundColor = “#e74c3c”;

// Rekomendasi spesifik berdasarkan kekurangan poin
if (language < 10) {
recommendationText += "Tingkatkan skor bahasa Inggris Anda ke level Proficient atau Superior. ";
}

if (experience + experienceDifferent < 10) {
recommendationText += "Dapatkan lebih banyak pengalaman kerja, terutama di bidang yang sesuai dengan kualifikasi. ";
}

if (naati === 0) {
recommendationText += "Pertimbangkan untuk mendapatkan sertifikasi NAATI. ";
}

if (studyAustralia === 0 && professionalYear === 0) {
recommendationText += "Pertimbangkan untuk studi atau mengikuti Professional Year di Australia. ";
}

if (stateSponsorship === 0) {
recommendationText += "Jelajahi opsi State Sponsorship atau Family Sponsorship. ";
}
}

recommendationElement.textContent = recommendationText || "Tidak ada rekomendasi spesifik.";

// Smooth scroll to results
document.querySelector('.pr-calculator-result').scrollIntoView({ behavior: 'smooth' });
}
});