<div class="page-heading compact">
    <div>
        <span>Модул 6</span>
        <h1>Interactive Map</h1>
        <p>Leaflet + OpenStreetMap с филтри по категория, община, институция, дата и статус.</p>
    </div>
</div>

<section class="panel">
    <div class="filter-bar">
        <select><option>Всички категории</option><option>Път</option><option>Боклук</option><option>Осветление</option></select>
        <select><option>Всички общини</option><option>Пловдив</option><option>София</option><option>Варна</option></select>
        <select><option>Всички статуси</option><option>Решени</option><option>В процес</option><option>Нерешени</option></select>
        <button class="btn btn-outline-dark"><i class="bi bi-funnel"></i> Филтрирай</button>
    </div>
    <div id="fullMap" class="map-surface tall" data-reports='<?= e(json_encode($reports, JSON_UNESCAPED_UNICODE)) ?>'></div>
    <div class="map-legend mt-3">
        <span><b class="danger"></b> Нерешени</span>
        <span><b class="warning"></b> В процес</span>
        <span><b class="success"></b> Решени</span>
    </div>
</section>
