document.addEventListener('DOMContentLoaded',()=>{
document.querySelectorAll('.sc-tab').forEach(tab=>{
tab.addEventListener('click',()=>{
document.querySelectorAll('.sc-tab,.sc-content').forEach(el=>el.classList.remove('active'));
tab.classList.add('active');
document.getElementById(tab.dataset.target).classList.add('active');
});
});
document.querySelector('.sc-tab')?.click();
const token=scApi.token;
async function rate(base,target){
const url=`https://economia.awesomeapi.com.br/json/last/${base}-${target}?token=${token}`;
const r=await fetch(url);
const j=await r.json();
const key=(base+target).toUpperCase();
if(!j[key]||!j[key].bid) throw 'sem cotação';
return parseFloat(j[key].bid.replace(',','.'));
}
async function convert(baseSel){
const base=baseSel==='usd'?'USD':'EUR';
const amount=parseFloat(document.getElementById(baseSel+'_amount').value.replace(',','.'));
const tgt=document.getElementById('currency_select_'+baseSel).value;
const res=document.getElementById('conversion_result_'+baseSel);
if(!amount||amount<=0){res.textContent='Digite valor válido';return;}
try{
const r=await rate(base,tgt);
const finalRate=r*0.975;
const converted=amount*finalRate;
res.innerHTML=`<p>Paridade ${base}/${tgt}: <strong>${r.toFixed(4)}</strong></p>
<p>Taxa de Conversão 2.5%</p>
<p class="highlighted-result">Valor Convertido: <strong>${tgt} ${converted.toLocaleString('pt-BR',{minimumFractionDigits:2,maximumFractionDigits:2})}</strong></p>
<p class="disclaimer">* Câmbio sujeito a oscilações de mercado.</p>`;
}catch(e){res.textContent='Erro ao obter cotação';}}
async function reverse(baseSel){
const base=baseSel==='usd'?'USD':'EUR';
const amount=parseFloat(document.getElementById('target_'+baseSel).value.replace(',','.'));
const tgt=document.getElementById('currency_select_'+baseSel).value;
const res=document.getElementById('reverse_result_'+baseSel);
if(!amount||amount<=0){res.textContent='Digite valor válido';return;}
try{
const r=await rate(base,tgt);
const finalRate=r*0.975;
const needed=amount/finalRate;
res.innerHTML=`<p>Paridade ${base}/${tgt}: <strong>${r.toFixed(4)}</strong></p>
<p>Taxa de Conversão 2.5%</p>
<p class="highlighted-result">Para obter ${tgt} ${amount.toLocaleString('pt-BR',{minimumFractionDigits:2,maximumFractionDigits:2})}, você precisa carregar <strong>${base} ${needed.toLocaleString('pt-BR',{minimumFractionDigits:2,maximumFractionDigits:2})}</strong></p>
<p class="disclaimer">* Câmbio sujeito a oscilações de mercado.</p>`;
}catch(e){res.textContent='Erro ao obter cotação';}}
document.getElementById('btn_convert_usd').addEventListener('click',()=>convert('usd'));
document.getElementById('btn_reverse_usd').addEventListener('click',()=>reverse('usd'));
document.getElementById('btn_convert_eur').addEventListener('click',()=>convert('eur'));
document.getElementById('btn_reverse_eur').addEventListener('click',()=>reverse('eur'));
});