| layout | default |
|---|---|
| title | OpenDiensten |
{{ site.description }} (help mee!)
{% include github-logo.html %}<div id="geschiedenis-view" class="geschiedenis-view" style="display: none;">
<div class="geschiedenis-header">
<h2>Geschiedenis</h2>
<div class="geschiedenis-actions">
<button id="export-history-btn" class="history-action-btn" style="display: none;">Exporteer</button>
<button id="import-history-btn" class="history-action-btn" style="display: none;">Importeer</button>
<input type="file" id="import-file-input" accept=".json" style="display: none;">
<button id="clear-history-btn" class="history-action-btn danger" style="display: none;">Wis alles</button>
</div>
</div>
<div id="diensten-lijst" class="diensten-lijst">
<p class="empty-state">Je hebt nog geen diensten gegenereerd. Klik op "Start videogesprek" of "Start samen schrijven" om te beginnen!</p>
</div>
</div>
<div id="rating-popover" class="rating-popover" style="display: none;">
<div class="popover-content">
<h3>Hoe was de kwaliteit?</h3>
<div class="star-rating">
<span class="star" data-rating="1">☆</span>
<span class="star" data-rating="2">☆</span>
<span class="star" data-rating="3">☆</span>
<span class="star" data-rating="4">☆</span>
<span class="star" data-rating="5">☆</span>
</div>
<button class="close-popover">×</button>
</div>
</div>
<div class="services-grid" id="services-grid">
<!-- Services will be rendered here by JavaScript -->
</div>
