 class="oh-dot oh-dot--small me-1"
                style="background-color: #dfdf52"
            ></span>
            {% trans "Half Day Present" %}
        </span>
        <span class="me-3" style="margin-left: 10px">
            <span
                class="oh-dot oh-dot--small me-1"
                style="background-color: #38c338"
            ></span>
            {% trans "Present" %}
        </span>
    </div>
</div>

<div class="oh-sticky-table">
    <table>
        <thead>
            <tr>
          