{% extends 'base-admin.html.twig' %}
{% block content %}

  <!-- /top tiles -->

  <div class="row" style="width:70%;margin-left:auto;margin-right:auto;background-color:#f8bc8f">
    <div class="col-md-12 col-sm-12 ">
        {% if app.request.get('admin') %}
          <h1 class="text-center"> <strong> VBG: {{ app.request.get('admin') }} </strong></h1>
        {% else %}
        <h1 class="text-center"> <strong> Sous cluster VBG: {{ (app.user.pays)? app.user.pays.nom : 'Inconnu' }} </strong></h1>
        {% endif %}
    </div>
  </div>
  <br />

<div class="row">

    <div class="col-md-4 col-sm-12">
      <div class="x_panel">
        <div class="x_title">
          <h2>Nombre d'incident (# de cas)</h2>
          
          <div class="clearfix"></div>
        </div>
        <div class="x_content">

        <div id="nbre_incidents" style="height:360px;"></div>

        </div>
      </div>
    </div>

    <div class="col-md-4 col-sm-12 ">
                    <div class="x_panel">
        <div class="x_title">
          <h2>Nombre et typologie de VBG (# de cas)</h2>
          <div class="clearfix"></div>
        </div>
        <div class="x_content">

        <div id="nbre_de_typologie_vbg" style="height:360px;"></div>

        </div>
      </div>
    </div>

    <div class="col-md-4 col-sm-12 ">
      <div class="x_panel">
        <div class="x_title">
          <h2>Prise en charge des survivant(e)s</h2>
          <div class="clearfix"></div>
        </div>
        <div class="x_content">

          <div id="prise_en_charge_survivant" style="height:360px;"></div>

        </div>
      </div>
    </div>
  </div>

  <div class="row"> 
    <div  class="col-md-5">
      <div class="row">
        <div class="col-md-6 ">
          <div class="x_panel">
            <div class="x_title">
              <h2>Status des survivants</h2>
              <div class="clearfix"></div>
            </div>
            <div class="x_content">

              <div id="main_status_survivants" style="height:360px;"></div>

            </div>
          </div>
        </div>

        <div class="col-md-6">
          <div class="x_panel">
            <div class="x_title">
              <h2>Sexe des survivants</h2>
              <div class="clearfix"></div>
            </div>
            <div class="x_content">

              <div id="main_sex_survivants" style="height:360px;"></div>

            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-md-7">
      <div class="row">
        <div class="col-md-8">
          <div class="x_panel">
            <div class="x_title">
              <h2>Lieux des incidents</h2>
              <div class="clearfix"></div>
            </div>
            <div class="x_content">

              <div id="main_lieu_incidents" style="height:360px;"></div>

            </div>
          </div>
        </div>

        <div class="col-md-4" >
          <div class="x_panel"  style="background-color:#ffead9">
            <div class="x_title">
              <h2>Informations</h2>
              <div class="clearfix"></div>
            </div>
            <div class="x_content"  style="height:360px;" id="info-section">

             {#  <ul >
                <li>
                  Trois centres (03) centres d'écoute sont ouverts à Ngalamia,
                  Ngomirom Doumou et Selia (village dans les îles du canton Bol)
                  pour assurer la prise en charge des survivantes des VBG.
                </li>

                <li>
                  Le centre d42coute de Bagasola est fonctionnel pour l'aide jurique et l'assistance
                  des victimes des VBG avec une stratégie avancée devant couvrir les 
                  sous-prefectures de Liwa et Daboua.
                </li>
              </ul> #}
            </div>
          </div>
        </div>


      </div>
    </div>
  </div>

        
        <!-- /page content -->

 {% endblock %}

{% block script %}
<script>
  $(document).ready(function(){
     StatController.init();



     
  })
</script>
{% endblock %}