{% for mesg in get_flashed_messages(category_filter=["successMsg"]) %}
        <div class="alert alert-success text-align-center successMessage alert-dismissible">
            <p class="close" data-dismiss="alert" aria-label="close">&times;</p>
            <h6>{{ mesg|safe }}</h6>
        </div>
        {% endfor %} {% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %}
        <div class="alert alert-danger text-align-center successMessage" id="successMessage">
            <p class="close" data-dismiss="alert" aria-label="close">&times;</p>
            <h6>{{ mesg|safe }}</h6>
        </div>
        {% endfor %}
         <div class="card-group w-100" style="background-color: #f2f2f2;">
                <div class="card-body" >
                   
                </div>
            </div>
            <div class="card-group w-100" style="background-color: #f2f2f2;">
                <div class="card-body">
                    <!-- <h1 style="text-align: center;">SESSION INDEX</h1> -->
                    <div>
                        <table class="table table-striped">
                            <thead class="table-dark">
                                <tr>
                                    <th scope="col">S.NO</th>
                                    <th scope="col">SESSION NAME</th>
                                    <th scope="col">SESSION KEY</th>
                                    <th scope="col">START TIME</th>
                                    <th scope="col">END TIME</th>
                                    <th scope="col">Edit</th>
                                    <th scope="col">Delete</th>
                                </tr>
                            </thead>
                            <tbody id="">
                                {% if session_data : %} {% for row in session_data : %}
                                <tr>
                                    <td data label="S.No">{{loop.index}}</td>
                                    <td data label="Session Name">{{row.session_name or ''}}</td>
                                    <td data label="Session Key">{{row.session_key or ''}}</td>
                                    <td data label="Start Time">{{row.start_time or ''}}</td>
                                    <td data label="End Time">{{row.end_time or ''}}</td>
                                    <td data label= "Edit">
                                        <button class="btn btn-link edit_btn" value={{row.session_id}}><span class="fa fa-edit" title="Edit"></button>
                                    </td>
                                    <td data label= "Delete">
                                        <button class="btn btn-link  delete_btn" value={{row.session_id}}><i class="fa-duotone red-trash fa-trash" style="color: red;"></i></button>
                                    </td>
                                </tr>
                                {% endfor %} {% else : %}
                                <tr>
                                    <td colspan="4"><span style="color: red;">Record not exist.</span></td>
                                </tr>

                                {% endif %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <br>

<script type="text/javascript">

       var BaseUrl = document.location.origin;

    $(document).ready( function ()
    {
// ------------------------------------insert session ------------------------------------------------------

      
         


   });




      
</script>