{% extends base_template %}
{% load i18n %}
{% load pagination_tags %}
{% load sorting_tags %}
{% load number_tags %}

{% block content %}

<div class="reportTable">
      <div class="reportTableWidth">
        {% trans "Contact"%}
         </div>
       <div class="reportTableWidth" style="text-align:center">
       (1-7) {% trans "Days"%}
       </div>
       <div class="reportTableWidth" style="text-align:center">
         (8-14) {% trans "Days"%}
         </div>
           <div class="reportTableWidth" style="text-align:center">
           (15-30) {% trans "Days"%}
           </div>
           <div class="reportTableWidth" style="text-align:center">
           (1-3) {% trans "Months"%}
           </div>
           <div class="reportTableWidth" style="text-align:center">
           (3-6) {% trans "Months"%}
           </div>
           <div class="reportTableWidth" style="text-align:center">
           (>6) {% trans "Months"%}
         </div>
 <hr class='reportTable' />
 </div>

<div class="reportTable">

{% for key, value in hasil.items %}
<div class="reportTableWidth">{{value.nama}}</div>

<div class="reportTableWidth" style="text-align:center">{{value.periode1|default:'-'}}</div>

<div class="reportTableWidth" style="text-align:center">{{value.periode2|default:'-'}}</div>

<div class="reportTableWidth" style="text-align:center">{{value.periode3|default:'-'}}</div>

<div class="reportTableWidth" style="text-align:center">{{value.periode4|default:'-'}}</div>

<div class="reportTableWidth" style="text-align:center">{{value.periode5|default:'-'}}</div>

<div class="reportTableWidth" style="text-align:center">{{value.periode6|default:'-'}}</div>
<div class="clear"></div>

{% endfor %}
<hr class='reportTable' />
</div>

{% endblock %}