{% 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">DASHBOARD</h4> </strong>
                </center>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12  text-left">
                <label style="font-size:18px;">Active Conference : <span style="color: red;" >{{active_conf_count}}</span></label> 
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 text-left">
                        <label style="font-size: 18px;">View Active Conference Mail : <a href="{{ url_for('confapp.ViewActiveConferenceListMail') }}" target="_blank"><span aria-hidden="true" title="click " style="font-size: 18px;">Click here</span></a></label>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 text-left">
                        <label style="font-size: 18px;">View All Registration Count Mail : <a href="https://delegate.numerotech.com/bo_all_reg_report_view" target="_blank"><span aria-hidden="true" title="click " style="font-size: 18px;">Click here</span></a></label>
                    </div>
                </div>
                
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12  text-right">
                <a class="btn btn-danger float-right " type="button" id="back" href="{{ url_for('confapp.BackToHome') }}">Back</a>
            </div>
            
        </div>
        <div class="row ">
             {% if tariff_intimations %}
            {% for row in tariff_intimations %}
            <div class="col-lg-4 mt-1" >
                <div class="card mb-2" style="width: 100%; height: 560px;">
                    <img class="card-img-top img-fluid" src="{{row.header_logo}}"  style="max-height:100px !important;with :auto;" />
                    <div class="card-body" style="background-image: linear-gradient(to right, #c3dedf,#f4c1c1 , #e1beee);">
                       
        
                                <!--<h6 style="color: #0b0d2b;">Registration Start On:<span style="color: #0b0d2b;"> -->
                                <!--    {%if row.reg_start_on %}   {{row.reg_start_on.strftime('%d-%m-%Y') or '' }}  {% endif %}-->
                                <!--</span></h6>-->
                                <!--<h6 style="color: #0b0d2b;">Registration End On: <span style="color: #0b0d2b">-->
                                <!--    {%if row.reg_end_on %}   {{row.reg_end_on.strftime('%d-%m-%Y') or '' }}  {% endif %}-->
                                <!--</span></h6>-->
                                <!--<h6 style="color: #0b0d2b;">Registered Count : <span style="color: red;font-size: 20px;">{{row.reg_count or '' }}</span></h6> -->
                                
                        <div class="row">
                            <div class="col-lg-6 col-md-12 col-sm-12">
                                <h6 style="color: #0b0d2b;font-size: 14px;">Reg Start On:<span style="color: #0b0d2b;"> 
                                    {%if row.reg_start_on %}   <b>{{row.reg_start_on.strftime("%d %b, %Y") or '' }}</b>  {% endif %}
                                </span></h6>
                                <h6 style="color: #0b0d2b;font-size: 14px;">Reg End On: <span style="color: #0b0d2b">
                                    {%if row.reg_end_on %}     <b>{{row.reg_end_on.strftime("%d %b, %Y") or '' }} </b> {% endif %}
                                </span></h6>
                                <h6 style="color: #0b0d2b;font-size: 14px;">Registered Count : <span style="color: red;font-size: 20px;">{{row.reg_count or '' }}</span></h6> 
                            </div>
                            <div class="col-lg-6 col-md-12 col-sm-12">
                                <h6 style="color: #0b0d2b;font-size: 14px;">Conf Start On:<span style="color: #0b0d2b;"> 
                                    {%if row.conf_start_time %}<b>{{row.conf_start_time.strftime("%d %b, %Y") or '' }} </b> {% endif %}
                                </span></h6>
                                <h6 style="color: #0b0d2b;font-size: 14px;">Conf End On: <span style="color: #0b0d2b">
                                    {%if row.conf_end_time %}<b>{{row.conf_end_time.strftime("%d %b, %Y") or '' }} </b> {% endif %}
                                </span></h6>
                                <h6 style="color:#0b0d2b">
                                    Separate mail :<a href="https://delegate.numerotech.com/{{row.conf_id}}/{{row.conf_key}}/bo_reg_report_view" target="_blank"> <i class="fas fa-mail-bulk"></i></a>                                        
                                </h6>
                                
                            </div>
                        </div><br>

                        <div class="row" >
                           <div class="col-lg-12 col-md-12 col-sm-12">
                                 <label class = "ml-3" style="background-color:#b9338b;color:white;border-radius:18px;padding:10px;font-size: 10px">Registered Count :  {{row.reg_count or '' }}</label>

                                 <a style="float:left;background-color:#0f76c2;color:white;border-radius:18px; padding:10px;font-size: 10px;" type="button" class="btn btn-primary ml-3" href="{{ url_for('offline_reg.FreeReg',conf_id=row.conf_id,conf_key=row.conf_key) }}"><span aria-hidden="true" title="click ">Free Registration</span></a>

                                <a style="float:left;background-color:#5e188a;color:white;border-radius:18px; padding:10px;font-size: 10px;" type="button" class="btn btn-primary ml-3" href="{{ url_for('confapp.BoGetConfrenceData',conf_id=row.conf_id,conf_key=row.conf_key) }}"><span aria-hidden="true" title="click ">Date Update</span></a> <br />
                                
                                {% if row.tariff_close_intimation == 1 %}
                                <label class="ml-3"  href=""><i class="fa-solid fa-bell-on fa-2x" title="Tariff Close Intimation"></i></label>
                                {% endif %}
                                
                                <!-- start -->
                                <a style="float:left;background-color:#8a1829;color:white;border-radius:18px; padding:10px;font-size: 10px;" type="button" class="btn btn-primary ml-3 mt-1" href="{{ url_for('confapp.ViewTariff',conf_id=row.conf_id,conf_key=row.conf_key) }}"><span aria-hidden="true" title="click ">View Tariff</span></a>


                                <a style="float:left;background-color:#236406;color:white;border-radius:18px; padding:10px;font-size: 10px;" type="button" class="btn btn-primary ml-3 mt-1" href="{{ url_for('userss.ViewBOAdminAccessUsers',society_id=row.society_id) }}"><span aria-hidden="true" title="click ">BOAdmin Access</span></a>

                                <a style="float:left;background-color: #06288d;color:white;border-radius:18px; padding:10px;font-size: 10px;" type="button" class="btn btn-primary ml-3 mt-1" href="{{ url_for('userss.ViewPaymentType',conf_id=row.conf_id,conf_key=row.conf_key) }}"><span aria-hidden="true" title="click "> Payment Type</span></a>
                                
                                {% if row.conf_id in [17,28] :%}
                                    <a style="float:left;background-color:#df920d;color:white;border-radius:18px; padding:10px;font-size: 10px;" type="button" class="btn btn-primary ml-3 mt-1" href="{{ url_for('boreport.BoCourseReportFilter',conf_id=row.conf_id,conf_key=row.conf_key) }}"><span aria-hidden="true" title="click ">Course Report</span></a>
                                {% endif%}
                                <!-- end -->
                            </div> 
                        </div>
                        <br>
                        
                        <div class="row" >
                           <div class="col-lg-12 col-md-12 col-sm-12">
                                <label>Online Link : 
                                <br>
                                <a href="{{row.reg_link}}" target="_blank"><span aria-hidden="true" title="click " style="font-size:13px">{{row.reg_link}}</span></a></label>
                                <br>
                                <label>Back Office Link : 
                                <br>
                                <a href="{{row.reg_link}}/bo" target="_blank"><span aria-hidden="true" title="click "  style="font-size:13px">{{row.reg_link}}/bo</span></a></label>
                                <br>
                                {% if row.google_sheet_link %}
                                <label>Google Sheet Link :
                                <a href="{{row.google_sheet_link}}" target="_blank"><span aria-hidden="true" title="click "  style="font-size:13px">Click here</span></a></label>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>  
            </div>
            {% endfor %}
            {% endif%}
        </div>
    </div>
</div>






{% endblock %}