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

{% block content %}
<div class="main-banner" id="top">
    <div class="container" >
      <div class="row">
        <div class="col-lg-12">
          <div class="row">
            <div class="col-lg-7 align-self-center">
              <div class="owl-carousel owl-banner">
                <div class="item header-text">
                  <h6>DEENAL PLATEFORME</h6>
                 
                  <h2>{% trans %}Are you a survivor of <em> gender-based violence (GBV) </em>?{% endtrans %}</h2>
                  <p>{% trans %}Support is available for you, and your anonymity and protection are dear to us. So let us support you. {% endtrans %}   </p>
                  <div class="down-buttons">
                    <div class="main-blue-button-hover">
                      <a   href="{{path('signalForm')}}">{% trans %}Alert{% endtrans %}</a>
                    </div>
                    <!--div class="call-button">
                      <a href="#"><i class="fa fa-phone"></i> 010-020-0340</a>
                    </div-->
                  </div>
                </div>



                <div class="item header-text">
                  <h6> {% trans %}SUPPORT{% endtrans %}</h6>
                  <h2>{% trans %}Supporting a <em> vulnerable </em> woman or child is an  <span>obligation.</span>{% endtrans %} </h2>
                  <p>{% trans %}This is why JDWS's core business, with the support of its partners, is to contribute to the development of Sahelian women through holistic care. {% endtrans %}  </p>
                  
                </div>


                

                <div class="item header-text">
                  <h6>SERVICE</h6>
                  <h2> {% trans %}The platform{% endtrans %}  <em>{% trans %}is free{% endtrans %}</em> {% trans %}and open {% endtrans %}{#  et ouverte #} <span> 7j/7, 24h/24. </span></h2>
                  <p> {% trans %}Get to safety, make a report and our team will contact you as soon as possible. {% endtrans %} 
                  </p>
                  
                </div>

                <div class="item header-text">
                  <h6>{% trans %}DONATE{% endtrans %}</h6>
                  <h2> {% trans %}You are concerned about the fate of {% endtrans %} {# Vous êtes concernés par le sort des #} <em>{% trans %}of women{% endtrans %} </em> {% trans %}and wish to {% endtrans %}{#  et souhaitez les #} <span> {% trans %}support them{% endtrans %}  </span>?
                  </h2>
                  <p>
                  {% trans %}Donate to our organization via the link below. {% endtrans %}
                      </br>

                    {% trans %}Be sure that your support will allow us to take care of women victims of GBV. {% endtrans %}
                    
                  </p>
                  <div > <a class="btn btn-danger" href="https://jdwsahel.org/" target="_blank"> {% trans %}Donate{% endtrans %} </a></div>
                </div>


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

  <div id="services" class="our-services section">
    <div class="services-right-dec">
      <img src="viewer/assets/images/services-right-dec.png" alt="">
    </div>
    <div class="container">
      <div class="services-left-dec">
        <img src="viewer/assets/images/services-left-dec.png" alt="">
      </div>
      <div class="row">
        <div class="col-lg-6 offset-lg-3">
          <div class="section-heading">
            <h2> {% trans %}Are you in <em>danger</em> ? let us <span>help you</span> {% endtrans %}</h2>
            <span> {% trans %} help you{% endtrans %}</span>
          </div>
        </div>
      </div>
       <div class="row">
        <div class="col-lg-12">
          <div class="owl-carousel owl-services" id="pays-carouse">

         
            {% set pays = app.session.get('pays') %}
            {% for item in pays %}
              <div class="item">
              <h4>
                 {{ item.nom }}
              </h4>
              <div class="icon"><img src="flags/square/{{ item.imgname }}.png" alt="{{ item.nom }}"></div>
              <p class="card-text"><a href="#"> <i class="fa fa-phone">{{ item.indicatif }} {{ item.numvert }}</i></a></p>
            </div>
            {% endfor %}
             
          
           
          </div>
        </div>
      </div> 

    
    </div>
  </div>

  <div id="about" class="about-us section mb-5">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 align-self-center">
          <div class="left-image">
            <img src="viewer/assets/images/about-left-image.png" alt="Two Girls working together">
          </div>
        </div>
        <div class="col-lg-6">
          <div class="section-heading">
            <h2> {% trans %} <span> Deenal<span>, a platform set up by the ONG {% endtrans %}<em>«Justice and Dignity for Women of Sahel» (JDWS)</em>  </h2>
            <p>{% trans %}JDWS's core business, with the support of its partners, is to contribute to the development of Sahelian women through holistic care.{% endtrans %}  </p>
          
          </div>
        </div>
      </div>
    </div>
  </div>

  
 
 

{%  endblock %}

{%  block script %}
<script type="text/javascript">
    $(document).ready(function(){
        const page = "homepage";
        HomeController.init(page);
    })
</script>
{%  endblock %}