{% extends 'base.html' %}
{% load static %}


{% block content %}
<link rel="stylesheet" href="{% static 'css/home.css'  %}" />

<style>    
    h3{margin-left: 2%;
        margin-top: 1%;
    }
    </style>
<div class="container-fluid" >

<h3>Events :</h3>
    <div class="row">
      {% for ev in event %}
        
      <div class="col-md-4" style="margin-right: 2%;">
                    
          <ul class="faculty-listing">
              <li style="width:auto">
                  <div class="bx-img">
                      <h4>{{ev.name}}</h4>
                  </div>
                  <div class="faculty-bx-text firsr-bx style-bx">
                    <p> {% if ev.date != '' %} Date: {{ev.date}} {% endif %}<br>
                        {% if ev.time != None %} Time: {{ev.time}} {% endif %}<br>
                        {% if ev.reg_link %} Registration Link: <a href="{{ev.reg_link}}" style="color:blue" target="_blank">{{ev.reg_link}} </a>{% endif %}<br>
                        {% if ev.brochure %} 
                        <img src="{% get_media_prefix %}/{{ ev.brochure }}" style="width: min(90vw, 300px);" height="auto" alt=''>
                       {% endif %}
        
                      </p>
                  
                  </div>
              </li>
          </ul>
        
      </div>
      {% endfor %}
      
  </div>
  
</div>
{% endblock %}