/* ============================================================
BAN YARO — Reise mit Hund
Tabs: Checkliste | EU-Länder | Notfälle
============================================================ */
window.Page_reise = (() => {
let _container = null;
let _appState = null;
let _activeTab = 'checkliste';
const TABS = [
{ key: 'checkliste', label: 'Checkliste', icon: '
`;
_renderTabBar();
_renderTabContent();
}
function _renderTabBar() {
const el = _container.querySelector('#reise-tabs');
if (!el) return;
el.innerHTML = TABS.map(t => `
${t.icon} ${t.label}
`).join('');
el.querySelectorAll('.by-tab').forEach(btn => {
btn.addEventListener('click', () => {
_activeTab = btn.dataset.tab;
el.querySelectorAll('.by-tab').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
_renderTabContent();
});
});
}
function _renderTabContent() {
const el = _container.querySelector('#reise-content');
if (!el) return;
if (_activeTab === 'checkliste') _renderCheckliste(el);
else if (_activeTab === 'laender') _renderLaender(el);
else if (_activeTab === 'notfall') _renderNotfall(el);
}
// ------------------------------------------------------------------
// TAB 1: CHECKLISTE
// ------------------------------------------------------------------
function _renderCheckliste(el) {
const checked = _loadChecked();
const totalItems = CHECKLIST.reduce((s, c) => s + c.items.length, 0);
const doneItems = Object.values(checked).filter(Boolean).length;
const pct = totalItems > 0 ? Math.round((doneItems / totalItems) * 100) : 0;
const progressBar = `
${doneItems} von ${totalItems} erledigt
${pct}%
`;
const cats = CHECKLIST.map(cat => {
const rows = cat.items.map((item, idx) => {
const key = _itemKey(cat.key, idx);
const done = !!checked[key];
return `
${_esc(item)}
`;
}).join('');
return `
${_esc(cat.label)}
${rows}
`;
}).join('');
el.innerHTML = `
${progressBar}
${cats}
`;
// Checkbox events
el.querySelectorAll('.reise-cb').forEach(cb => {
cb.addEventListener('change', () => {
const key = cb.dataset.key;
const cur = _loadChecked();
cur[key] = cb.checked;
_saveChecked(cur);
_renderTabContent(); // re-render to update progress
});
});
el.querySelector('#reise-reset-btn')?.addEventListener('click', () => {
_saveChecked({});
_renderTabContent();
});
}
// ------------------------------------------------------------------
// TAB 2: EU-LÄNDER
// ------------------------------------------------------------------
function _renderLaender(el) {
const cards = LAENDER.map(l => `
${l.flag}
${_esc(l.name)}
${_esc(l.regel)}
${l.warn ? `
` : ''}
`).join('');
el.innerHTML = `
EU-Heimtierausweis + Mikrochip + gültige Tollwut-Impfung (mindestens 21 Tage alt)
sind Pflicht für alle EU-Reisen. Informationen können sich ändern — immer beim
Zielland-Konsulat oder Tierarzt aktuell prüfen.
${cards}
`;
}
// ------------------------------------------------------------------
// TAB 3: NOTFÄLLE
// ------------------------------------------------------------------
function _renderNotfall(el) {
const massnahmen = SOFORTMASSNAHMEN.map(m => `
${_esc(m.text)}
`).join('');
el.innerHTML = `
Tierarzt finden
Sofortmaßnahmen
${massnahmen}
`;
el.querySelector('#reise-map-btn')?.addEventListener('click', () => {
App.navigate('map');
});
}
// ------------------------------------------------------------------
// PUBLIC
// ------------------------------------------------------------------
return { init, refresh, onDogChange };
})();