{% extends "almanac/base.html" %}

{% block meta_keywords %}{% for tag in object.tags.all %}{{tag}}, {%endfor %}{% endblock %}
{% block meta_title %}Tide Charts  | Penobscot Bay Press{% endblock %}
{% block meta_description %}{{object.summary}}{% endblock %}

{% block title %}Tide Charts | Penobscot Bay Press {% endblock %}

{% block content %}
<td valign="top" bgcolor="white" width="565" colspan="2">
    <h1 style="margin-left:1em; margin-top:1em;">Tide charts</h1>
    <ul class="headlines">
	{% regroup charts by year as charts_by_year%}

        {% for item in charts_by_year%}
    	{% if forloop.first %}
		<h3>{{item.grouper}}</h3>
	    {%for chart in item.list|dictsort:"place" %}
	    <li style="list-style:none;">{{chart.place.point.town}}</li>
		<ul class="list-style:none;">
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-2013jan01.sg" target="_blank">January</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-2013feb01.sg" target="_blank">February</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-2013mar01.sg" target="_blank">March</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-2013apr01.sg" target="_blank">April</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-2013may01.sg" target="_blank">May</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-2013jun01.sg" target="_blank">June</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-2013jul01.sg" target="_blank">July</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-2013aug01.sg" target="_blank">August</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-2013sep01.sg" target="_blank">September</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-2013oct01.sg" target="_blank">October</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-2013nov01.sg" target="_blank">November</a></li>
		<li style="display:inline;"><a href="/almanac/tides/{{chart.place.slug}}-2013dec01.sg" target="_blank">December</a></li>
	        </ul>
	  {% endfor %}
	  {% endif %}
	{% endfor %}
	</ul>
</td>

{% endblock %}

