{% extends 'base.html.twig' %}

{% block title %}Elections 2018 - Encodage!{% endblock %}

{% block body %}
<style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
    td{
    	min-width: 150px;
    }
    h3{
    	display: inline-block;
    }
    .busy{
    	border:2px solid red;
    }
    .pushed{
    	border:2px solid green;
    }
</style>

<div class="example-wrapper">
<h1>Districts</h1>
{% for c in districts %}
<a class="btn btn-primary" href="{{path("serialCanton", {"id":c.id})}}" style="margin: 5px;" target="_blank">{{c}}.json</a>
{% endfor %}
<h1>Communes</h1>
{% for c in communes %}
<a class="btn btn-primary" href="{{path("serialCommune", {"id":c.id})}}" style="margin: 5px;" target="_blank">{{c}}.json</a>
{% endfor %}
<h1>Global Province</h1>
{% for p in provinces %}
<a class="btn btn-primary" href="{{path("serialglobalProvince", {"id":p.id})}}" style="margin: 5px;" target="_blank">{{p}}.json</a>
{% endfor %}

{% endblock %}