{% extends "conferenceapp/layout.html" %}
{% block style %}
{% endblock %}
{% block content %}
<div class="container">
    <br>
    <h2 class="text-center"> Conference Payment Method Details </h2>
    <div class="mobile-responsive">
        <table class="table table-bordered" id="pg_index_table">
            <thead class="thead-dark">
                <tr>
                    <th scope="col" >Conf Id</th>
                    <th scope="col" >Conf Name</th>
                    <th scope="col" >PG Details</th>
                </tr>
            </thead>
            <tbody>
               {% for row in payment_gateway %}
                    <tr>
                        <td data-label= "Conf Id" >{{row.conf_id or '-' }} </td>
                        <td data-label= "Conf Name" >{{row.conf_name or '-' }} </td>
                        <td data-label= "PG Details" >{{row.pg_details or '-' }} </td>
                    </tr> 

                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.css">
<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 () {
    $('#pg_index_table').DataTable();
});
</script>
{% endblock %}