[viewBag]
[newsletters]
displayFilterOnly=true
==
<div class="subscribe-wrap">
    <div class="container">
        <h1 class="heading-lined mb-3">NewsLetter</h1>
        <div class="row align-items-center pt-3">
            <div class="col-lg-5 archive-form d-md-flex align-items-center">
                <h2 class="subscribe-subtitle">Past</h2>
                <select class="custom-select mt-1 mb-2 my-md-0 mx-md-3" name="filter" id="newsfilter">
                    {% if newsletterFilter.count() %}
                    <option value="">Select Month</option>
                    {% set rows = newsletterFilter %}
                    {% for filter in rows %}
                    <option value="{{ filter.dateMonth }}">{{ filter.displayDate }} ({{ filter.counter }})</option>
                    {% endfor %}
                    {% else %}
                    <option value="" disabled selected>No Past Newsletter</option>
                    {% endif %}
                </select>
                <h2 class="subscribe-subtitle mt-3 mt-md-0"><a href="/news-letters" >Recent</a></h2>
            </div>
            <div class="col-lg-2">
                <h2 class="subscribe-subtitle mb-2 mb-lg-0">Subscribe</h2>
            </div>
            <div class="col-lg-5">
                {% component 'subscriber' %}
            </div>
        </div>
    </div>
</div>

{% put scripts %}
<script type="text/javascript">
    $(document).ready(function(){
        $("#newsfilter").on("change",function () {
            if($(this).val() !== ""){
                window.location.href = window.location.origin + '/news-letters/' + $(this).val();
            }
        });
    });
</script>
{% endput %}