<div class="p3s-widget" data-state="VA" data-draws="5" data-theme="light" data-api="https://pick3results.com/api/pick3" data-link="https://pick3systems.com" style="max-width:100%;"></div>
<script async src="https://pick3systems.com/embed/p3-widget.js"></script>

(function(){
function h(tag, attrs, html){ var el = document.createElement(tag); for (var k in attrs){ el.setAttribute(k, attrs[k]); } if(html){ el.innerHTML = html; } return el; }
function render(el, data){
var theme = el.getAttribute('data-theme') || 'light';
var border = '1px solid #e5e8ef'; var radius='12px';
var box = h('div',{ style:'border:'+border+'; border-radius:'+radius+'; padding:12px; font-family: Georgia, serif; color:#333; background:'+(theme==='dark'?'#0d1117':'#fff')+';'});
var title = h('div',{ style:'font-weight:bold; margin-bottom:8px; color:#0073e6;'}, 'Latest Pick 3 Results — '+ data.state);
var tbl = h('table',{ style:'width:100%; border-collapse:collapse; font-size:16px;' });
var thead = h('tr',{}, '<th style=\'text-align:left; border-bottom:1px solid #eee; padding:6px\'>Date</th><th style=\'text-align:left; border-bottom:1px solid #eee; padding:6px\'>Draw</th><th style=\'text-align:left; border-bottom:1px solid #eee; padding:6px\'>Result</th>');
tbl.appendChild(thead);
(data.draws||[]).forEach(function(d){
var tr = h('tr',{});
tr.appendChild(h('td',{ style:'padding:6px; border-bottom:1px solid #f1f3f7' }, d.date));
tr.appendChild(h('td',{ style:'padding:6px; border-bottom:1px solid #f1f3f7' }, d.time));
tr.appendChild(h('td',{ style:'padding:6px; border-bottom:1px solid #f1f3f7; font-weight:bold' }, d.result));
tbl.appendChild(tr);
});
box.appendChild(title); box.appendChild(tbl);
var link = el.getAttribute('data-link'); if (link){ var p = h('div',{ style:'margin-top:8px; font-size:14px;' }, '<a href=\''+link+'\' target=\'_blank\' rel=\'nofollow noopener\'>More Pick 3 tools</a>'); box.appendChild(p);}
el.innerHTML=''; el.appendChild(box);
}
function fetchData(el){
var api = el.getAttribute('data-api'); var state = el.getAttribute('data-state')||'VA'; var limit = el.getAttribute('data-draws')||'5';
var url = api + '?state=' + encodeURIComponent(state) + '&limit=' + encodeURIComponent(limit);
fetch(url).then(function(r){ return r.json(); }).then(function(json){ render(el,json); }).catch(function(){ el.innerHTML = 'Unable to load results.'; });
}
document.addEventListener('DOMContentLoaded', function(){
document.querySelectorAll('.p3s-widget').forEach(fetchData);
});
})();