Konverter Latin ke Arab Pegon Online Instan dan Praktis

.pegon-wrapper {
margin: 20px 0;
font-family: inherit;
}

.pegon-info {
background-color: rgba(116, 63, 222, 0.08);
border-left: 4px solid #743FDE;
padding: 12px 16px;
border-radius: 6px;
font-size: 1.3rem;
margin-bottom: 15px;
}

.pegon-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}

@media (max-width: 768px) {
.pegon-grid { grid-template-columns: 1fr; }
}

.pegon-box {
display: flex;
flex-direction: column;
gap: 6px;
}

.pegon-box label {
font-weight: 600;
font-size: 14px;
}

.pegon-textarea {
width: 100%;
height: 180px;
padding: 12px;
font-size: 15px;
color: var(–text-color, #333);
background-color: var(–content-bg, #f8f9fa);
border: 1px solid #e0e0e0;
border-radius: 8px;
box-sizing: border-box;
resize: vertical;
}

.pegon-output {
font-family: ‘Amiri’, ‘Traditional Arabic’, serif;
font-size: 26px;
line-height: 1.8;
direction: rtl;
text-align: right;
}

.pegon-actions {
margin-top: 15px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}

.wuzz-btn {
padding: 9px 18px;
font-weight: 600;
border-radius: 6px;
border: none;
cursor: pointer;
}

.wuzz-btn-primary { background: #743FDE; color: #fff !important; }
.wuzz-btn-secondary { background: transparent; border: 1px solid #ccc; color: var(–text-color, #333); }

/* Dark Mode Tema Wuzz */
.dark-mode .pegon-info, [data-theme=’dark’] .pegon-info { background-color: rgba(116, 63, 222, 0.18); border-left-color: #9d6eff; }
.dark-mode .pegon-textarea, [data-theme=’dark’] .pegon-textarea { background-color: rgba(255, 255, 255, 0.05); border-color: #444; color: #f1f1f1; }
.dark-mode .wuzz-btn-secondary, [data-theme=’dark’] .wuzz-btn-secondary { border-color: #555; color: #e0e0e0; }

function latinToPegon() {
var str = document.getElementById(“latinInput”).value.toLowerCase();

// Kombinasi Huruf Ganda (Digraf khas Pegon)
str = str.replace(/ng/g, “ڠ”);
str = str.replace(/ny/g, “ڽ”);
str = str.replace(/ch/g, “چ”);
str = str.replace(/kh/g, “خ”);
str = str.replace(/sy/g, “ش”);
str = str.replace(/dh/g, “ض”);
str = str.replace(/th/g, “ط”);

// Konsonan Tunggal Khas & Standar
str = str.replace(/c/g, “چ”);
str = str.replace(/p/g, “ڤ”);
str = str.replace(/g/g, “ڮ”);
str = str.replace(/b/g, “ب”);
str = str.replace(/t/g, “ت”);
str = str.replace(/j/g, “ج”);
str = str.replace(/d/g, “د”);
str = str.replace(/r/g, “ر”);
str = str.replace(/z/g, “ز”);
str = str.replace(/s/g, “س”);
str = str.replace(/f/g, “ف”);
str = str.replace(/k/g, “ك”);
str = str.replace(/l/g, “ل”);
str = str.replace(/m/g, “م”);
str = str.replace(/n/g, “ن”);
str = str.replace(/w/g, “و”);
str = str.replace(/h/g, “ه”);
str = str.replace(/y/g, “ي”);

// Vokal Standar
str = str.replace(/a/g, “ا”);
str = str.replace(/i/g, “ي”);
str = str.replace(/u/g, “و”);
str = str.replace(/e/g, “ي”);
str = str.replace(/o/g, “و”);

document.getElementById(“pegonOutput”).value = str;
}

function clearPegon() {
document.getElementById(“latinInput”).value = “”;
document.getElementById(“pegonOutput”).value = “”;
document.getElementById(“latinInput”).focus();
}

function copyPegon() {
var out = document.getElementById(“pegonOutput”);
if (!out.value) return;
out.select();
navigator.clipboard.writeText(out.value);
alert(“Teks Arab Pegon berhasil disalin!”);
}