{% extends "conferenceapp/layout.html" %} {% block style %}
<style type="text/css">
        @media only screen and (max-width: 760px),
                (min-device-width: 768px) and (max-device-width: 1024px)  {

                    /* Force table to not be like tables anymore */
                    table, thead, tbody, th, td, tr {
                        display: block;
                    }

                    /* Hide table headers (but not display: none;, for accessibility) */
                    thead tr {
                        position: absolute;
                        top: -9999px;
                        left: -9999px;
                    }

                    tr { border: 1px solid #ccc; }

                    td {
                        /* Behave  like a "row" */
                        border: none;
                        border-bottom: 1px solid #eee;
                        position: relative;
                        padding-left: 42%;
                    }

                    td:before {
                        /* Now like a table header */
                        position: absolute;
                        /* Top/left values mimic padding */
                        top: 6px;
                        left: 6px;
                        width: 45%;
                        padding-right: 10px;
                        white-space: nowrap;
                    }

                    /*
                    Label the data
                    */
                    td:nth-of-type(1):before { content: "S.NO"; }
                    td:nth-of-type(2):before { content: "Award Name "; }
                    td:nth-of-type(3):before { content: "Frequency"; }
                    td:nth-of-type(4):before { content: "Subject"; }
                    td:nth-of-type(5):before { content: "Year Last Given"; }
                    td:nth-of-type(6):before { content: "Applicable in 2023"; }

                }




                table {
      width: 100%;
      border-collapse: collapse;
    }
    /* Zebra striping */
    tr:nth-of-type(odd) {
      background: #eee;
    }
    th {
      background: #333;
      color: white;
      font-weight: bold;
    }
    td, th {
      padding: 6px;
      border: 1px solid #ccc;
      text-align: left;
    }

    .temp-btn-home-bg3 {
        background: #bace65;
        border-radius: 4px;
    }
    .temp-btn-home {
        position: relative;
        padding -right: 4px;
        padding-left: 7px;
        padding-top: 7px;
        padding-bottom: 1px;
        width: 210px;

    }
</style>
{% endblock %} {% block content %}

<div class="container-fluid mx-auto mt-0">
    <div id="society_dashboard ">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 mt-2 text-right">
                <center>
                    <strong> <h4 style="color: #080882;" class="mt-1">CONFERENCE SETTING</h4> </strong>
                </center>
            </div>
            <div class="col-lg-12 text-right">
                <input type="button" class="btn btn sm btn-info" value="Back" onClick="javascript:history.go(-1)" />
            </div>
        </div>
        <div class="row">
            {% for row in conf_data %}

            <div class="col-lg-4 mt-1">
                <div class="card mb-2" style="width: 100%; height: 300px;">
                    <img class="card-img-top img-fluid" src="{{row.header_logo}}" style="max-height: 80px !important; with: 100%;" />
                    <div class="card-body" >
                        <!-- style="background-image: linear-gradient(to right, #003477,#6aafc5, #e1beee);" -->
                        <h4>{{row.conf_title}}</h4><br>

                        <div class="row">
                            <div class="col-12">
                                <a href="{{url_for('addons.Addon_Type_Form',conf_id=row.conf_id,conf_key=row.conf_key)}}" class="btn" style="background-color: RGB(12 225 229);">Add Addon Type</a>
                                <a href="{{url_for('addons.UserType',conf_id=row.conf_id,conf_key=row.conf_key)}}" class="btn" style="background-color: #a87adf;">Add User Type</a><br><br>
                                <a href="{{url_for('addons.AddonForm',conf_id=row.conf_id,conf_key=row.conf_key)}}" class="btn" style="background-color: #da3a81;">Add Addon </a>
                                <a href="{{url_for('addons.MailTemplateForm',conf_id=row.conf_id,conf_key=row.conf_key)}}" class="btn" style="background-color: #d6d73ae0;">Add Mail Template</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</div>

{% endblock %}