{% extends 'index_base.html'  %}
{% load static %}
{% block content %}

<div class="search_tool">

  <select id="select_id">
      <option value="hide">-- Selectionnez --</option>
      <option value="ARCEP BÉNIN">ARCEP BÉNIN</option>
      <option value="ARMP MAURITANIE">ARMP MAURITANIE</option>
      <option value="ARMP RDC">ARMP RDC </option>
      <option value="ARTP SÉNÉGAL">ARTP SÉNÉGAL</option>
      <option value="TCRA">AUTORITÉ DE COMMUNICATION DE TANZANIE (TCRA)</option>
      <option value="BAD">BAD</option>
      <option value="BCEAO">BCEAO</option>
      <option value="BÉTA">BÉTA MAURITANIE</option>
      <option value="BOAD">BOAD</option>
      <option value="DGMP-DSP">DGMP-DSP</option>
      <option value="INTT">INTT</option>
      <option value="JEUNE AFRIQUE">JEUNE AFRIQUE</option>
      <option value="PNUD">JOURNAL DU DÉVELOPPEMENT (PNUD)</option>
      <option value="MALIPAGES">MALIPAGES</option>
      <option value="UCF-MCASN">MILLENIUM CHALLENGE ACCOUNT SENEGAL (UCF-MCASN)</option>
      <option value="PAD">PORT AUTONOME DE DAKAR</option>
      <option value="OHADA">OHADA</option>
      <option value="hide">TOUT SELECTIONNER</option>
  </select>

  <div class="search">
      <input type="text" id="ao-selector" class="searchTerm" placeholder="Rechercher...">
      <button type="submit" class="searchButton" value="Go"></button>
  </div>

</div>

<fieldset class="left">
  <legend>BÉTA</legend>

  <div class="title_container">
      <div class="logo_left"> <img src="{% static 'images/beta1.jpg'%}" alt=""> </div>
      <div class="en_title"> <a href="https://beta.mr/"> BÉTA MAURITANIE   </a> </div>
      <div class="logo_right"> <img src="{% static 'images/beta1.jpg'%}" alt=""> </div>
  </div>

  <ul>
      {% for ab in beta_of %}
      <li id="offre">
          <a href="{{ab.Lien}}">{{ab.Titre}} 
          </a> <br/><br/>
          <span class="info">Organisme:</span> {{ab.Organisme}} <br/>
          <span class="info">Date Limite :</span> {{ab.Date}}

      </li>
      {% endfor %}
  </ul>

</fieldset>
<fieldset class="right">
  <legend>BCEAO</legend>

  <div class="title_container">
      <div class="logo_left"> <img src="{% static 'images/bceao1.png'%}" alt=""> </div>
      <div class="en_title"> <a href="https://www.bceao.int/fr/appels-offres/appels-offres-marches-publics-achats"> Banque Centrale des Etats de L'Afrique de L'Ouest </a> </div>
      <div class="logo_right"> <img src="{% static 'images/bceao1.png'%}" alt=""> </div>
  </div>

  <ul>
      {% for ab in bceao_of %}
      <li id="offre">
          <a href="{{ab.Lien}}">{{ab.Titre}} 
          </a> <br/><br/>
          <span class="info">Date Publication: </span> {{ab.Publication}} <br/>
          <span class="info">Date Limite : </span> {{ab.Limite}}
      </li>
      {% endfor %}
  </ul>
</fieldset>

<fieldset class="left">
  <legend>BAD</legend>

  <div class="title_container">
      <div class="logo_left"> <img src="{% static 'images/logo_bad.jpg'%}" alt=""> </div>
      <div class="en_title"> <a href="https://www.afdb.org/fr/documents/project-related-procurement/procurement-notices/invitation-for-bids">Banque Africaine de Développement </a>  </div>
      <div class="logo_right"> <img src="{% static 'images/logo_bad.jpg'%}" alt=""> </div>
  </div>
  <ul>
      {% for ab in bad_of %}
      <li id="offre">
          <a href="{{ab.Lien}}">{{ab.Titre}} 
          </a> <br/><br/>
          <span class="info">Date de Publication :</span> {{ab.Date}}<br/>
          
      </li>
      {% endfor %}
  </ul>
</fieldset>
<fieldset class="right">
  <legend>BAD (AMI)</legend>

  <div class="title_container">
      <div class="logo_left"> <img src="{% static 'images/logo_bad.jpg'%}" alt=""> </div>
      <div class="en_title"> <a href="https://www.afdb.org/fr/documents/project-related-procurement/procurement-notices/request-for-expression-of-interest"> Banque Africaine de Développement  </a></div>
      <div class="logo_right"> <img src="{% static 'images/logo_bad.jpg'%}" alt=""> </div>
  </div>
  <ul>
      {% for ab in bad_ami %}
      <li id="offre">
          <a href="{{ab.Lien}}">{{ab.Titre}} 
          </a> <br/><br/>
          <span class="info">Date de Publication : </span> {{ab.Date}}
          <br/>
      </li>
      {% endfor %}
  </ul>
</fieldset>
<fieldset class="left">
  <legend >BOAD</legend>

  <div class="title_container">
      <div class="logo_left"  > <img  src="{% static 'images/logo_boad.png'%}" alt="">  </div>
      <div class="en_title"> <a href="https://www.boad.org/appels-doffres/"> Banque Ouest Africaine de Développement </a> </div>
      <div class="logo_right"> <img src="{% static 'images/logo_boad.png'%}" alt=""> </div>
  </div>

  <ul>
      {% for ab in boad_of %}
      <li id="offre">
          <a href="{{ab.Lien}}">{{ab.Titre}} 
          </a> <br/><br/>
          <span class="info">Date limite : </span> {{ab.Date}}
          <br/>
          <span class="info">Type de consultation : </span> {{ab.Type}}
      </li>
      {% endfor %}
  </ul>
</fieldset>

<fieldset class="right">
  <legend>SENELEC</legend>

  <div class="title_container">
      <div class="logo_left"> <img src="{% static 'images/Senelec1.jpg'%}" alt=""> </div>
      <div class="en_title"> <a href="http://www.senelec.sn/aao/"> Société nationale d'électricité du Sénégal </a></div>
      <div class="logo_right"> <img src="{% static 'images/Senelec1.jpg'%}" alt=""> </div>
  </div>
  <ul>
      {% for ab in senelec_of %}
      <li id="offre">
          <a href="{{ab.Lien}}">{{ab.Titre}} 
          </a> <br/><br/>
          

      </li>
      {% endfor %}
  </ul>
</fieldset>
<fieldset class="left">
    <legend>JEUNE AFRIQUE</legend>
  
    <div class="title_container">
        <div class="logo_left"> <img src="{% static 'images/ja1.png'%}" alt=""> </div>
        <div class="en_title"> <a href="https://www.jeuneafrique.com/annonces/appels-doffres/"> Jeune Afrique </a></div>
        <div class="logo_right"> <img src="{% static 'images/ja1.png'%}" alt=""> </div>
    </div>
  
    <ul>
        {% for ab in ja_ao %}
        <li id="offre">
            <a href="{{ab.Lien}}">{{ab.Titre}} 
            </a> <br/>
            <span class="info">Organisme:</span> {{ab.Organisme}} <br/>
            <span class="info">Pays :</span> {{ab.Pays}}
  
        </li>
        {% endfor %}
    </ul>
  
  </fieldset>
  
<!-- <fieldset class="left">
  <legend>ARMP MAURITANIE</legend>

  <div class="title_container">
      <div class="logo_left"> <img src="{% static 'images/armp_mr1.png'%}" alt=""> </div>
      <div class="en_title"> <a href=""> Autorité de Régulation des Marchés Publics de la Mauritanie </a></div>
      <div class="logo_right"> <img src="{% static 'images/armp_mr1.png'%}" alt=""> </div>
  </div>

  <ul>
      {% for ab in armp_mr_ao %}
      <li id="offre">
          <a href="{{ab.Lien}}">{{ab.Titre}} 
          </a> <br/><br/>
        

      </li>
      {% endfor %}
  </ul>

</fieldset> -->

<fieldset class="right">
  <legend>OHADA</legend>

  <div class="title_container">
      <div class="logo_left"> <img src="{% static 'images/ohada.png'%}" alt=""> </div>
      <div class="en_title"> <a href="https://www.ohada.org/appels-doffres-et-resultats/">Organisation pour l'harmonisation en Afrique du droit des affaires</a> </div>
      <div class="logo_right"> <img src="{% static 'images/ohada.png'%}" alt=""> </div>
  </div>

  <ul>
      {% for ab in ohada_ao %}
      <li id="offre">
          <a href="{{ab.Lien}}">{{ab.Titre}} 
          </a> <br/>
          <span class="info">Détails :</span> {{ab.Organisme}} <br/>
      </li>
      {% endfor %}
  </ul>
</fieldset>

<fieldset class="left">
    <legend>UCF-MCASN</legend>
  
    <div class="title_container">
        <div class="logo_left"> <img src="{% static 'images/mcasn.png'%}" alt=""> </div>
        <div class="en_title"> <a href="http://www.ucf-mcasn.com/category/publications/appel_d_offres_ucfmca/"> Millenium Challenge Account Sénégal</a></div>
        <div class="logo_right"> <img src="{% static 'images/mcasn.png'%}" alt=""> </div>
    </div>
  
    <ul>
        {% for ab in ucf_ao %}
        <li id="offre">
            <a href="{{ab.Lien}}">{{ab.Titre}} 
            </a> <br/>
  
  
        </li>
        {% endfor %}
    </ul>
  </fieldset>

  <fieldset class="left">
    <legend>DGMP-DSP</legend>
  
    <div class="title_container">
        <div class="logo_left"> <img src="{% static 'images/dgmp1.png'%}" alt=""> </div>
        <div class="en_title"> <a href="https://dgmp.gouv.ml/"> Direction Générale des Marchés Publics et des Délégations de Service Public </a></div>
        <div class="logo_right"> <img s