{{ header }}


<div class="inner-wrap pt-4 profile">
      <div class="container">
          <div class="row">

            {% if heading != 'Executive Committee' %}
            <div class="col-md-2 mb-3">
                <h2 style="font-size: 20px !important;">Present {{ heading }}</h2>
            </div>
            <div class="col-md-10 mb-3">
                <h2 style="font-size: 20px !important;">Past {{ heading }}</h2>
            </div>
            {% else %}
            <div class="col-md-12 mb-3">
                <h2 style="font-size: 20px !important;">{{ heading }}</h2>
            </div>
            {% endif %}
            <div class="clearfix"></div>
            <div class="row ml-0 mr-0 w-100">
              {% if present %}
                {% for item in present %}
                <div class="col-sm-4 col-lg-3 col-xl-2">
                    <div class="card shadow">
                        <a href="#"><img class="img-fluid" src="{{ item.image }}" alt="{{ item.image }}" /></a>
                        <div class="card-body">
                        <h3 class="card-title mb-1">{{ item.name }}</h3>
                        {% if item.designation %}
                        <h3 class="card-title mb-1">{{ item.designation }}</h3>
                        {% endif %}
                        <p class="card-text mb-1">{{ item.country }} ({{ item.year }})</p>   
                        <a href="{{ item.href }}"><button class="btn btn-custom">View Profile</button></a>
                        </div>
                    </div>
                </div>
                {% endfor %}
              {% else %}
              <div class="col-md-6"><div class="alert alert-info">No record Found!</div></div>
              {% endif %}

              {% if past %}
              {% for item in past %}
              <div class="col-sm-4 col-lg-3 col-xl-2">
                <div class="card shadow">
                  <a href="#"><img class="img-fluid" src="{{ item.image }}" alt="{{ item.image }}" /></a>
                  <div class="card-body">
                  <h3 class="card-title mb-1">{{ item.name }}</h3>
                  <p class="card-text mb-1">{{ item.country }} ({{ item.year }})</p>   
                  <a href="{{ item.href }}"><button class="btn btn-custom">View Profile</button></a>
                  </div>
                </div>
              </div>
              {% endfor %}

              {% endif %}
            </div>

            <!-- <div class="clearfix"></div>
             
             {% if past %}
            <div class="col-md-12 mb-3">
              <h2>Past {{ heading }}</h2>
            </div>
            <div class="clearfix"></div>
            <div class="row ml-0 mr-0 w-100">
              
              {% for item in past %}
              <div class="col-sm-4 col-lg-3 col-xl-2">
                <div class="card shadow">
                  <a href="#"><img class="img-fluid" src="{{ item.image }}" alt="{{ item.image }}" /></a>
                  <div class="card-body">
                  <h3 class="card-title mb-1">{{ item.name }}</h3>
                  <p class="card-text mb-1">{{ item.country }} ({{ item.year }})</p>   
                  <a href="{{ item.href }}"><button class="btn btn-custom">View Profile</button></a>
                  </div>
                </div>
              </div>
              {% endfor %}
              
              
            </div>
            {% endif %} -->
          </div>
      </div>
  </div>

{{ footer }}