<div class="toolbar">

    <div class="row">

        <div class="col">
            <div class="pill-group center">
                <div data-category="0" id="pill_0" class="pill active" onclick="changecategory(0)"><span class="pill-text">All</span></div>
                <?php foreach (institutions::receivers() as $key => $value) { ?>
                    <div data-category="<?= $value["id"] ?>" id="pill_<?= $value["id"] ?>" class="pill" onclick='changecategory(<?= $value["id"] ?>)'>
                        <span class="pill-text"><?= $value["shortname"] ?></span>
                    </div>
                <?php } ?>
            </div>
        </div>
        <div class="col-lg-2 m-auto">
            <div class="input-group input-group-sm">

                <span class="input-group-text">
                    <?= UI::icon("search") ?> සොයන්න
                </span>

                <select id="search_type" style="max-width:6rem" class="form-control">
                    <option data-key="title">මාතෘකාව</option>
                </select>

                <input type="text" placeholder="Search [alt+s]" id="search_text" class="form-control" accesskey="s">

            </div>
        </div>
    </div>

</div>