{% 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;
    }
    .green{}
</style>

<div class="">
    <div class="row">
    	<div class="col-md-6">
    		<h3>Districts:</h3><br/>
    		{% for d in districts %}
    			{% set difference = date(d.updatedAt).diff(date()) %}
    			{% if d.updatedAt %}
    				<span>
    			{{d}} ({{d.nbBureauxDepouilles}}/{{d.nbBureaux}}) - {{d.updatedAt|date("H:i:s")}}</span><br />
    			{% endif %}
    		{% endfor %}
    	</div>
    	<div class="col-md-6">
    		<h3>Communes:</h3><br/>
    		{% for d in communes %}
    			{% if d.updatedAt %}
    			{{d}} ({{d.nbBureauxDepouilles}}/{{d.nbBureaux}}) - {{d.updatedAt|date("H:i:s")}}<br />
    			{% endif %}
    		{% endfor %}
    	</div>
    </div>
</div>

{% endblock %}
{% block javascripts %}
<script type="text/javascript">
$(".sidebar").remove();
setTimeout(function(){location.reload();}, 10000);
</script>

{% endblock %}