{# Template : Meeting minutes #}

{% extends 'chop/layouts.twig' %}

{% block content %}

<div class="pageWrap">

    {% include 'navigation/breadcrumbs.twig' %}

    {% include 'includes/elements/title_wrap.twig' %}

    <div class="contentPageWrap">

        <div class="contentSidebar js_contentSidebar">
            <h3>Meetings by month</h3>

            <nav>
                <ul class="accordionMenu js_accordionMenu">
                    <li class="hasChildren">
                        <a href="#">2014</a>
                        <ul>
                            <li><a href="#">January (1)</a></li>
                            <li><a href="#">February (3)</a></li>
                            <li><a href="#">March (2)</a></li>
                            <li><a href="#">April (1)</a></li>
                            <li><a href="#">May</a></li>
                            <li><a href="#">June (5)</a></li>
                            <li><a href="#">July (3)</a></li>
                            <li><a href="#">August (1)</a></li>
                            <li><a href="#">September (2)</a></li>
                            <li><a href="#">October (4)</a></li>
                            <li><a href="#">November</a></li>
                            <li><a href="#">December</a></li>
                        </ul>
                    </li>

                    <li class="hasChildren">
                        <a href="#">2013</a>
                        <ul>
                            <li><a href="#">January (1)</a></li>
                            <li><a href="#">February (3)</a></li>
                            <li><a href="#">March (2)</a></li>
                            <li><a href="#">April (1)</a></li>
                            <li><a href="#">May</a></li>
                            <li><a href="#">June (5)</a></li>
                            <li><a href="#">July (3)</a></li>
                            <li><a href="#">August (1)</a></li>
                            <li><a href="#">September (2)</a></li>
                            <li><a href="#">October (4)</a></li>
                            <li><a href="#">November</a></li>
                            <li><a href="#">December</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div> <!-- / contentSidebar -->

        <div class="contentWrap">
            <h1>Meeting minutes</h1>

            <ul class="meetingsList">
                <li class="meetingsItem">
                    <div class="meetingsContent">
                        <h2 class="meetingsTitle">Meeting name here</h2>

                        <ul class="meetingsDetails">
                            <li><strong>Date:</strong> 8th October 2014</li>
                        </ul>
                    </div>

                    <a href="#" class="button">View minutes &amp; agenda</a>
                </li>

                <li class="meetingsItem">
                    <div class="meetingsContent">
                        <h2 class="meetingsTitle">Meeting name here</h2>

                        <ul class="meetingsDetails">
                            <li><strong>Date:</strong> 8th October 2014</li>
                        </ul>
                    </div>

                    <a href="#" class="button">View minutes &amp; agenda</a>
                </li>

                <li class="meetingsItem">
                    <div class="meetingsContent">
                        <h2 class="meetingsTitle">Meeting name here</h2>

                        <ul class="meetingsDetails">
                            <li><strong>Date:</strong> 8th October 2014</li>
                        </ul>
                    </div>

                    <a href="#" class="button">View minutes &amp; agenda</a>
                </li>

                <li class="meetingsItem">
                    <div class="meetingsContent">
                        <h2 class="meetingsTitle">Meeting name here</h2>

                        <ul class="meetingsDetails">
                            <li><strong>Date:</strong> 8th October 2014</li>
                        </ul>
                    </div>

                    <a href="#" class="button">View minutes &amp; agenda</a>
                </li>

                <li class="meetingsItem">
                    <div class="meetingsContent">
                        <h2 class="meetingsTitle">Meeting name here</h2>

                        <ul class="meetingsDetails">
                            <li><strong>Date:</strong> 8th October 2014</li>
                        </ul>
                    </div>

                    <a href="#" class="button">View minutes &amp; agenda</a>
                </li>

                <li class="meetingsItem">
                    <div class="meetingsContent">
                        <h2 class="meetingsTitle">Meeting name here</h2>

                        <ul class="meetingsDetails">
                            <li><strong>Date:</strong> 8th October 2014</li>
                        </ul>
                    </div>

                    <a href="#" class="button">View minutes &amp; agenda</a>
                </li>

                <li class="meetingsItem">
                    <div class="meetingsContent">
                        <h2 class="meetingsTitle">Meeting name here</h2>

                        <ul class="meetingsDetails">
                            <li><strong>Date:</strong> 8th October 2014</li>
                        </ul>
                    </div>

                    <a href="#" class="button">View minutes &amp; agenda</a>
                </li>

                <li class="meetingsItem">
                    <div class="meetingsContent">
                        <h2 class="meetingsTitle">Meeting name here</h2>

                        <ul class="meetingsDetails">
                            <li><strong>Date:</strong> 8th October 2014</li>
                        </ul>
                    </div>

                    <a href="#" class="button">View minutes &amp; agenda</a>
                </li>
            </ul>

            <div class="meetingsPagination">
                <div class="paginumberorder">
                    <ul class="pagination">
                        <li class="first-item"><span class="paginationnumbers">Page 1 of 10</span></li>
                        <li class="active"><a>1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">6</a></li>
                        <li class="next"><a href="#" rel="next">Next</a></li>
                        <li class="last"><a href="#">Last Page</a></li>
                    </ul>
                </div> <!-- .paginumberorder -->
            </div> <!-- .meetingsPagination -->
        </div> <!-- .contentContainer -->

    </div> <!-- .contentPageWrap -->

</div> <!-- .pageWrap -->

{% endblock %}
