<div class="toolbar">

    <div class="pill-group">

        <div class="row">

            <div class="col-w12">

                <div class="input-group input-group-sm">

                    <span class="input-group-text"><?= UI::icon("date") ?> Year </span>

                    <select id="year_select" class="form-control">
                        <?php
                        $years = ["2025", "2024", "2023", "All"];
                        foreach ($years as $key => $value) {
                            echo '<option data-year="' . $value . '" value="' . $key . '">' . $value . ' </option>';
                        }  ?>
                    </select>

                </div>

            </div>

            <div class="col center">

                <div data-institution="all" id="pill_all" class="pill me-3" onclick='changecategory("all")'>
                    <span class="pill-text">සමස්ත</span>
                </div>
                <?php foreach (institutions::receivers() as $key => $value) { ?>
                    <div data-institution="<?= $value["id"] ?>" id="pill_<?= $value["id"] ?>" class="pill <?= users::get(auth::user_id())["institution"] == $value["id"] ? "active" : ""  ?>" onclick='changecategory(<?= $value["id"] ?>)'>
                        <span class="pill-text"><?= $value["shortname"] ?></span>
                    </div>
                <?php } ?>
            </div>
        </div>

    </div>

</div>