{%- macro input_date(prefix, initial=None, resolution='minute') -%}
  {% if prefix != None %}
    {% set year_field = prefix + '_year' %}
    {% set month_field = prefix + '_month' %}
    {% set day_field = prefix + '_day' %}
    {% set hour_field = prefix + '_hour' %}
    {% set minute_field = prefix + '_minute' %}
  {% else %}
    {% set year_field = 'year' %}
    {% set month_field = 'month' %}
    {% set day_field = 'day' %}
    {% set hour_field = 'hour' %}
    {% set minute_field = 'minute' %}
  {% endif %}

  {% set initial = initial|now_if_none %}

  <input name="{{ year_field }}" maxlength="4" size="4" value="
    {%- if request.values[year_field] -%}
      {{ request.values[year_field] }}
    {%- else -%}
      {{ initial|hh_format('year') }}
    {%- endif %}">

  {%- if resolution in ['month', 'day', 'hour', 'minute'] -%}
    -<select name="{{ month_field }}">
    {% for month in range(1, 13) -%}
      <option value="{{ "%02i"|format(month) }}"
        {%- if request.values[month_field] -%}
          {%- if request.values[month_field]|int == month %} selected
          {%- endif -%}
        {%- else -%}
          {%- if initial.month == month %} selected{%- endif -%}
        {%- endif -%}>{{ "%02i"|format(month) }}</option>
    {% endfor %}
    </select>
  {%- endif -%}

  {% if resolution in ['day', 'hour', 'minute'] -%}
    -<select name="{{ day_field }}">
      {% for day in range(1, 32) -%}
        <option value="{{ day }}"
          {%- if request.values[day_field] -%}
            {%- if request.values[day_field]|int == day %} selected
            {% endif -%}
          {% else %}
            {%- if initial.day == day %} selected{% endif -%}
          {%- endif %}>{{ "%02i"|format(day) }}</option>
      {% endfor -%}
    </select>
  {%- endif -%}

  {% if resolution in ['hour', 'minute'] %}
    <select name="{{ hour_field }}">
      {% for hour in range(24) %}
        <option value="{{ hour }}"
          {%- if request.values[hour_field] -%}
            {%- if request.values[hour_field]|int == hour %} selected
            {%- endif -%}
          {%- else -%}
            {%- if initial.hour == hour %} selected{%- endif -%}
          {%- endif %}>{{ "%02i"|format(hour) }}</option>
      {%- endfor %}
    </select>
  {%- endif -%}

  {% if resolution == 'minute' -%}
    :<select name="{{ minute_field }}">
      {% for minute in range(0, 31, 30) -%}
        <option value="{{ minute }}"
          {%- if request.values[minute_field] %}
            {%- if request.values[minute_field]|int == minute %} selected
            {%- endif %}
          {%- else %}
            {%- if initial.minute == minute %} selected{% endif %}
            {%- endif %}>{{ "%02i"|format(minute) }}</option>
      {% endfor %}
    </select>
  {%- endif %}
{%- endmacro -%}

{%- macro input_option(name, item_id, desc, initial=None) -%}
    <option value="{{ item_id }}"
        {%- if request.values[name] -%}
            {%- if request.values[name] == '' ~ item_id %} selected
            {%- endif -%}
        {%- else -%}
            {%- if initial == item_id %} selected{% endif -%}
            {%- endif -%}>{{ desc }}</option>
{%- endmacro -%}

{% macro input_text(name, initial=None, size=None, maxlength=None) %}
    <input name="{{name}}" value="
        {%- if request.values[name] -%}
            {{ request.values[name] }}
        {%- elif initial is not none -%}
            {{initial}}
        {%- endif -%}"
        {%- if size %} size="{{ size }}"{% endif %}
        {%- if maxlength %} maxlength="{{ maxlength }}"{% endif %}>
{%- endmacro -%}

{% macro input_textarea(name, initial, rows, cols) -%}
  <textarea name="{{ name }}" rows="{{ rows }}" cols="{{ cols }}">
    {%- if request.values[name] -%}
      {{ request.values[name] }}
    {%- else -%}
      {{ initial }}
    {%- endif -%}
  </textarea>
{%- endmacro -%}

{%- macro input_checkbox(name, initial) %}
	<input type="checkbox" name="{{ name }}" value="true"
		{%- if request.values[name] -%}
				{%- if request.values[name] == 'true' %} checked
				{%- endif -%}
		{%- else -%}
				{%- if initial == True %} checked{% endif -%}
				{%- endif -%}>
{%- endmacro -%}
<!DOCTYPE html>
<html lang="en">
    <head>
		{% block head %}
    		<link rel="stylesheet" href="/style" />
		    <link rel="stylesheet" href="/static/css/bootstrap.min.css" />
        	<link rel="stylesheet" href="/static/font-awesome-4.6.3/css/font-awesome.min.css" />
        	<link rel="stylesheet" href="/chellowcss" />
        	
		
       		<script src="/static/js/jquery-2.2.4.min.js"></script>
        	<script src="/static/js/bootstrap.min.js"></script>
        	<script src="/static/js/grids.min.js"></script>
        	<script src="/chellowjs"></script>
		
		    <title>Chellow {% block title %}{% endblock %}</title>
		    {% block inside_head %}{% endblock %}
		{% endblock %}
    </head>
    <body>
        {% block body %}
			
        <!-- Layer Page -->
        <div class="layer-page">
	
	        <!-- Layer Header -->
            <div class="layer-header">
		        <div class="container-fluid">
                	<div class="row">
				        <!-- Logo -->
                    	<div class="col-sm-3 col-md-2 alignCenter bgBlue headerSameHeight">
                        		<p class="panel-logo"><a href="/"><span class="hide"></span></a></p>
                    	</div>
                    	
				        <!-- Top Header -->
                    	<div class="col-sm-9 col-md-10 top-header headerSameHeight">
                    		<div class="pull-left">
                        		<p class="panel-breadcrumbs">
                        		<!-- <a href="/">Chellow</a> -->
                        		{% block nav %}{% endblock %}</p>
						
                    		</div>
                            
                            <div class="pull-right layer-profilemenu">
                                <!-- Layer Header Top -->
                                <div class="layer-headertop">
                                    <div class="headertop createnew blue">
                                        <div class="menu-topbar">
                                            <div class="topbar-main">
                                                <div class="standardForm siteSearch">
                                                    <form action="/sites">
                                                        <fieldset>
                                                            <span class="topbarmain-title">
                                                                <input type="text" class="input-text" name="pattern" value="Search Sites..." onBlur="if( this.value == '' ) this.value = 'Search Sites...'" onFocus="if( this.value == 'Search Sites...' ) this.value = '';"/>
                                                            </span>
                                                            <span class="topbarmain-arrow"><button type="submit" class="btn" onClick="removePlaceHolder()"><i class="fa fa-search" aria-hidden="true"></i></button></span>
                                                        </fieldset>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="headertop search blue">
                                        <div class="menu-topbar">
                                            <div class="topbar-main">
                                                <div class="standardForm supplySearch">
                                                    <form action="/supplies">
                                                        <fieldset>
                                                            <span class="topbarmain-title">
                                                                <input type="text" class="input-text" name="search_pattern" value="Search Supplies..." onBlur="if( this.value == '' ) this.value = 'Search Supplies...';" onFocus="if( this.value == 'Search Supplies...' ) this.value = '';" />
                                                            </span>
                                                            <span class="topbarmain-arrow"><button type="submit" class="btn" onClick="removePlaceHolder()"><i class="fa fa-search" aria-hidden="true"></i></button></span>
                                                        </fieldset>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Layer Header Top -->
                            </div>
                    	</div>
			        </div>
		        </div>
	        </div>
	        <!-- End Layer Header -->
	
	
	        <!-- Layer Body -->
            <div class="layer-body menuHide">
		        <div class="container-fluid">
                    <div class="row">           
                        <!-- Layer Sidebar -->
                        <div class="layer-sidebar col-sm-2 bgWhite bodySameHeight">
                            <div class="main-navigation">
                                <!-- Nav Contracts -->
                                <nav class="nav-main active">
                                    <h4><i class="fa fa-file" aria-hidden="true"></i> Contracts</h4>
                                    <ul class="active">
                                        <li><a href="/hhdc_contracts" title="HHDC">HHDC</a></li>
                                        <li><a href="/mop_contracts" title="MOP">MOP</a></li>
                                        <li><a href="/supplier_contracts" title="Supplier">Supplier</a></li>
                                        <li><a href="/dno_contracts" title="DNO">DNO</a></li>
                                        <li><a href="/non_core_contracts" title="Non-Core">Non-Core</a></li>
                                    </ul>
                                </nav>
                                <!-- End Nav Contracts -->
                                <!-- Nav Editors -->
                                <nav class="nav-editors">
                                    <h4><i class="fa fa-cog" aria-hidden="true"></i> For Editors</h4>
                                    <ul>                                    
                                        <li><a href="/local_reports_home" title="Local Reports">Local Reports</a></li>
                                        <li><a href="/general_imports" title="General Import">General Import</a></li>
                                        <li><a href="/downloads" title="Downloads">Downloads</a></li>
                                        <li><a href="/reports/ecoes_comparison" title="Comparison against ECOES">Comparison against ECOES</a></li>
                                        <li><a href="/local_reports" title="Edit Local Reports">Edit Local Reports</a></li>
                                        <li><a href="/site_snags" title="Site Snags">Site Snags</a></li>
                                        <li><a href="https://github.com/WessexWater/chellow" title="Docs">Docs</a></li> 
                                    </ul>
                                </nav>
                                <!-- End Nav Editors -->
                                <!-- Nav Industry -->
                                <nav class="nav-industry">
                                    <h4><i class="fa fa-industry" aria-hidden="true"></i> Industry Info</h4>
                                    <ul>
                                        <li><a href="/participants" title="Market Participants">Market Participants</a></li>
                                        <li><a href="/market_roles" title="Market Roles">Market Roles</a></li>
                                        <li><a href="/parties" title="Parties">Parties</a></li>
                                        <li><a href="/pcs" title="Profile Classes">Profile Classes</a></li>
                                        <li><a href="/mtcs" title="Meter Timeswitch Classes">Meter Timeswitch Classes</a></li>
                                        <li><a href="/meter_types" title="Meter Types">Meter Types</a></li>
                                        <li><a href="/meter_payment_types" title="Meter Payments Types">Meter Payments Types</a></li>
                                        <li><a href="/tprs" title="TPRs">TPRs</a></li>
                                        <li><a href="/sscs" title="SSCs">SSCs</a></li>
                                        <li><a href="/gsp_groups" title="GSP Groups">GSP Groups</a></li>
                                        <li><a href="/cops" title="CoPs">CoPs</a></li>
                                        <li><a href="/bill_types" title="Bill Types">Bill Types</a></li>
                                        <li><a href="/read_types" title="Read Types">Read Types</a></li>
                                        <li><a href="/sources" title="Sources">Sources</a></li>
                                        <li><a href="/generator_types" title="Generator Types">Generator Types</a></li>
                                        <li><a href="/reports/163" title="MDD Converter">MDD Converter</a></li>
                                    </ul>
                                </nav>
                                <!-- End Nav Industry -->

							<!-- Nav Gas -->
							<nav class="nav-gas">
								<h4>
									<i class="fa fa-gas" aria-hidden="true"></i>
									Gas
								</h4>
								<ul>
									<li><a href="/g_supplies">Supplies</a></li>
									<li><a href="/g_contracts">Contracts</a>
									<li><a href="/g_read_types">Read Types</a>
								</ul>
							</nav>
							<!-- End Nav Gas -->

                                <!-- Nav Administration -->
                                <nav class="nav-administration">
                                    <h4><i class="fa fa-user" aria-hidden="true"></i> Administration</h4>
                                    <ul>
                                        <li><a href="/users" title="Users">Users</a></li>
                                        <li><a href="/user_roles" title="Users Roles">Users Roles</a></li>
                                        <li><a href="/system" title="System">System</a></li>
                                    </ul>
                                </nav>
                                <!-- End Nav Administration -->
                            </div>
                        </div>
                        <!-- End Layer Sidebar -->
                                                    
				        <!-- Layer Content -->
					        <div class="col-sm-12 bgLightBlue bodySameHeight">
                                <div class="layer-content">
							        <div class="row">
                                        <div class="col-md-12">
                                         {% with messages = get_flashed_messages() %}
                							{% if messages %}
                							    <!-- Layer Section -->
                                                <div class="layer-section">
                                                	<!-- Section Content -->
                                                	<div class="section-content">
                                                		<div class="section-data">
                                                		    <ul>
                            									{% for message in messages %}
                            										<li>{{ message }}</li>
                            									{% endfor %}
                            								</ul>
                                                		</div>
                                                	</div>
                                                	<!-- End Section Content -->
                                                </div>
                                                <!-- End Layer Section -->
                							{% endif %}
                						{% endwith %}
								        {% block content %}
								           
								        {% endblock %}
							            </div>
							        </div>
						        </div>
				            </div>
	            		<!-- Layer Content -->
			        </div>		
		        </div>	
	        </div>
	        <!-- End Layer Body -->
            <p class="panel-mainmenubutton"><a href="javascript:void(0)" title="Menu Toggle" onClick="toggleMenuMain()"><i class="fa fa-bars" aria-hidden="true"></i></a></p>
        </div>
        <!-- End Layer Page -->
{% endblock %}
</body>
</html>