{% extends "conferenceapp/layout.html" %}
{% block head %}
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.css">

{% endblock %}
{% block content %}
    <div class="row mt-3 mr-3">
        <div class="col-lg-12 col-md-12 col-sm-12 text-right">
            <a class="btn btn-danger float-right mb-1" type="button" id="back" href="{{ url_for('confapp.Back',conf_id=conf_id,conf_key=conf_key) }}">Back</a>
        </div>
    </div>
    <div class="table table-lg mobile-responsive mt-2" style="background-color: transparent;overflow-x: scroll;">
    	<h3 class="text-center mt-3">BO Admin Access for {{society.society_name}} </h3>
        <table class="table table-striped table-bordered bg-light" id="myTable" style="width: 100%;" >
            <thead style="background-color: #072645;border-color: #dee2e6;color: #FFF;">
                <tr>
                    <td>S No</td>
                    <td>Name</td>
                    <td>Email</td>
                    <td>Mobile</td>
                    <td>Password</td>
                </tr>
            </thead>
            <tbody>
                {% if get_data : %} 
                    {% for row in get_data %}
                        <tr>
                            <td data-label="S No">{{loop.index}}</td>
                            <td data-label="Name">
                            	{% if row.full_name %}
                            		{{row.full_name}}
                            	{% else %}
                            		<label> </label>
                            	{% endif %}
                            </td>
                            <td data-label="Email">
                            	{% if row.email %}
                            		{{row.email }}
                            	{% else %}
                            		<label> </label>
                            	{% endif %}
                            </td>
                            <td data-label="Mobile">
                            	{% if row.mobile %}
                            		{{row.mobile }}
                            	{% else %}
                            		<label> </label>
                            	{% endif %}
                            </td>
                            <td data-label="Password">
                            	{% if row.password %}
                            		{{row.password }}
                            	{% else %}
                            		<label> </label>
                            	{% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                {% else %}
                        <tr>
                            <td colspan="9" style="color: red; text-align: center;">Record not available</td>
                        </tr>
                {% endif %}

            </tbody>
        </table>
    </div>
{% endblock %}
{% block bottomscript %}  
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.js"></script>
<script type="text/javascript">
   $(document).ready( function () {
    $("#myTable").dataTable({
        "iDisplayLength": 100,
    });
});
</script>
{% endblock %}