<div class="toolbar">

    <div class="row">
        <div class="col-lg-8 m-auto">
            <div class="pill-group">


                <a class="pill bg-success text-light me-3" href="../update">
                    <span class="pill-text">New</span>
                </a>

                <div data-category="0" id="pill_0" class="pill" onclick="changecategory(0)"> <span class="pill-text">සියල්ල</span> </div>
                <?php foreach (cases::states() as $key => $value) { ?>
                    <div data-category="<?= $value["state_id"] ?>" id="pill_<?= $value["state_id"] ?>" class="pill" onclick='changecategory(<?= $value["state_id"] ?>)'>
                        <span class="pill-text"><?= $value["state_name"] ?> </span>
                    </div>
                <?php } ?>

            </div>
        </div>

        <div class="col-lg-4 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="case_title">මාතෘකාව</option>
                    <option data-key="case_file">ගොනුව</option>
                </select>

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

            </div>

        </div>
    </div>

</div>