<div class="table-responsive">
    <table class="table">
        <thead>
        <tr>
            <th style="border-top: none">
                <%= _lc( 'COURSE' ) %>
            </th>
            <th style="border-top: none">
                <%= _lc( 'STARTTIME' ) %>
            </th>
            <th style="border-top: none">
                <%= _lc( 'ENDTIME' ) %>
            </th>
            <th style="border-top: none">
                &nbsp;
            </th>
        </tr>
        </thead>
        <tbody>
            <% if ( logs && logs.length > 0 ) { %>

                <% for ( var li = 0; li < logs.length; li++ ) { %>

                    <tr data-appointment-id="<%= logs[ li ].appointment_id %>"
                        data-type="appointment-log-item"
                            class="clickable">
                        <td>
                            <%= logs[ li ].subject %><br />
                            <small>
                                <%= _lc( 'ATTENDANCE' ) %>
                                <% if ( 'accepted' === logs[ li ].status ) {  %>
                                    (<%= _lc( 'WITH_ACCEPTED_FEEDBACK' ) %>)
                                <% } else { %>
                                    (<%= _lc( 'WITHOUT_ACCEPTED_FEEDBACK' ) %>)
                                <% }    %>
                            </small>
                        </td>
                        <td>
                            <%= app.util.Helper.getMomentFromUTCTime( logs[ li ].start_dt ).format( 'DD.MM.YYYY [-] HH:mm' ) %>
                        </td>
                        <td>
                            <%= app.util.Helper.getMomentFromUTCTime( logs[ li ].end_dt ).format( 'DD.MM.YYYY [-] HH:mm' ) %>
                        </td>
                        <td>
                            <i class="fas fa-chevron-right"></i>
                        </td>
                    </tr>

                <% }    %>

            <% } else { %>

                <tr>
                    <td colspan="4">
                        <%= _lc( 'NO_LOG_ENTRIES_FOUND' ) %>
                    </td>
                </tr>

            <% }    %>
        </tbody>
    </table>
</div>