{if !empty($chronology_navigation_bars)}
{foreach from=$chronology_navigation_bars item=bar}
<div id="calendar-nav" class="well well-sm">
	{if isset($bar.previous)}
        <a id="calendar-prev" class="btn btn-primary pull-left" href="{$bar.previous.URL}"><span class="glyphicon glyphicon-menu-left"></span> {$bar.previous.LABEL}</a>
	{/if}
	{if isset($bar.next)}
        <a id="calendar-next" class="btn btn-primary pull-right" href="{$bar.next.URL}">{$bar.next.LABEL} <span class="glyphicon glyphicon-menu-right"></span></a>
	{/if}
	{if !empty($bar.items)}
        <div id="calendar-nav-buttons" class="btn-group" role=group">
           {assign var=item_type value=reset($bar.items)} {* avoid strict standards warning with nested resets *}
           {if gettype(reset($item_type)) === 'string' || (!isset($bar.previous) && !isset($bar.next))}
           {foreach from=$bar.items item=item}
           {if !isset($item.URL)}
           <a class="btn btn-primary" disabled="disabled">{$item.LABEL}</a>
           {else}
           <a class="btn btn-primary" title="{$item.NB_IMAGES|@translate_dec:'%d photo':'%d photos'}" href="{$item.URL}">{$item.LABEL}</a>
           {/if}
           {/foreach}
           {else}
           <table class="table table-condensed">
             <tbody>
                {assign var=i value=0}
		{foreach from=$bar.items item=item}
                {if $i == 0}
                <tr>
                {/if}
		{if !isset($item.URL)}
		<td>{$item.LABEL}</td>
		{else}
		<td class="btn-primary"><a{if isset($item.NB_IMAGES)} title="{$item.NB_IMAGES|@translate_dec:'%d photo':'%d photos'}"{/if} href="{$item.URL}">{$item.LABEL}</a></td>
		{/if}
                {if $i == 6}{assign var=i value=0}
                </tr>
                {else}{assign var=i value=$i+1}
                {/if}
		{/foreach}
             </tbody>
           </table>
           {/if}
        </div>
	{/if}
</div>
{/foreach}
{/if}

{if !empty($chronology_calendar.calendar_bars)}
{foreach from=$chronology_calendar.calendar_bars item=bar}
<div class="panel panel-primary">
    <div class="panel-heading"><a href="{$bar.U_HEAD}">{$bar.HEAD_LABEL}</a> <span class="badge">{$bar.NB_IMAGES}</span></div>
    <div class="panel-body">
        <ul class="calendar-month-list">
        {foreach from=$bar.items item=item}
  	    <li><a href="{if isset($item.URL)}{$item.URL}{else}#{/if}">{$item.LABEL}{if isset($item.NB_IMAGES)} <span class="badge">{$item.NB_IMAGES}</span>{/if}</a></li>
	{/foreach}
        </ul>
    </div>
</div>
{/foreach}
{/if}

{if isset($chronology_calendar.month_view)}
<div id="calendar-table" class="table-responsive">
    <table id="calMonth" class="table table-condensed">
        <thead>
            <tr>
 {foreach from=$chronology_calendar.month_view.wday_labels item=wday}
	        <th>{$wday}</th>
 {/foreach}
            </tr>
        </thead>
{html_style}
#calMonth .calImg{
    width:{$chronology_calendar.month_view.CELL_WIDTH}px;height:{$chronology_calendar.month_view.CELL_HEIGHT}px
}
#calMonth td{
    width:{$chronology_calendar.month_view.CELL_WIDTH}px;height:{$chronology_calendar.month_view.CELL_HEIGHT + 29}px
}
{/html_style}
 {foreach from=$chronology_calendar.month_view.weeks item=week}
        <tr>
        {foreach from=$week item=day}
        {if !empty($day)}
            {if isset($day.IMAGE)}
            <td class="calDayCellFull">
                <div class="calDate">{$day.DAY}</div>
                <div class="calImg">
                    <a href="{$day.U_IMG_LINK}">
                        <img class="img-responsive" src="{$day.IMAGE}" alt="{$day.IMAGE_ALT}" title="{$day.NB_ELEMENTS|@translate_dec:'%d photo':'%d photos'}">
                    </a>
                </div>
            {else}
            <td class="calDayCellEmpty">{$day.DAY}
            {/if}
        {else}{*blank cell first or last row only*}
            <td>
        {/if}
            </td>
        {/foreach}{*day in week*}
        </tr>
 {/foreach}{*week in month*}
    </table>
</div>
{/if}