{{ header }}

  <div class="inner-wrap pt-4 profile">
      <div class="container">
          <div class="row">
              <div class="col-md-12 mb-4 pt-3">
                  <h2 class="mb-4">Newsletter</h2><br>
                  <!-- <h4 class="text-center">Topic of the Presidential Address</h4> -->
                  <!-- <img class="img-fluid" src="images/newsletter-top.jpg" alt="News Letter" /> -->

                  <div class="table-responsive theme-table">

                  	{% if newsletters %}
		            	<table class="table">
						  <thead>
						    <tr>
						      <th scope="col">Year</th>
						      <th scope="col">Volume</th>
						      <th scope="col">Issue</th>
						      <th scope="col">Month</th>
						      <th scope="col">View</th>
						    </tr>
						  </thead>
						  <tbody>
						  	{% for key, news in newsletters %}
						    <tr>
						      <!-- <th scope="row">{{key+1}}</th> -->
						      <td>{{news.year}}</td>
						      <td>{{news.volume}}</td>
						      <td>{{news.title}}</td>
						      <td>{{news.month}}</td>
						      <td><a href="image/{{news.upload}}" target="_blank">View Newsletter</a></td>
						      <td>{{news.date}}</td>
						    </tr>
						    {% endfor %}
						  </tbody>
						</table>
		            {% endif %}

                  </div>

                  <!-- notice part -->
                  <!-- <div class="alert alert-info">
                    <h3 class="alert-title text-center">Notice</h3>
                    {{ notice.notice }}
                  </div> -->

                    <!-- editorial board -->
                  <!-- <div class="row editor-info">
                    <div class="col-md-12 text-center mt-4 pt-2 mb-4">
                        <h3><strong>Editorial Board: Indian Phytopath News</strong></h3>
                    </div>
                    {{ notice.board }}
                  </div> -->
                </div>
                <div class="clearfix"></div>
                <!-- editors -->
                <!-- <div class="text-center col-md-12 mt-4 mb-3 p-2">
                    <h3 class="text-center">Editors</h3>
                </div>
                {{ notice.editors }} -->
          </div>
      </div>
  </div>

{{ footer }}