<?php
    $servername="mysql:host=94.23.252.168;dbname=ersendb";
    $username="root";
    $password="prose@111";
    $connexion=new PDO($servername,$username,$password);
    if(!$connexion){
      echo"Erreur de connexion !";
    }
    $req="SELECT COUNT(*) AS nbrAbonneDeTypeMenage FROM ersen_abonne,ersen_centrale,ersen_typecategorie,ersen_categorie
    WHERE ersen_abonne.centrale=ersen_centrale.id
    AND ersen_abonne.typecategorie=ersen_typecategorie.id
    AND ersen_typecategorie.categorie=ersen_categorie.id
    AND ersen_centrale.nom ='Mini-centrale de KERRE'
    AND ersen_categorie.libelle = 'Ménages'";
    $resultat1=$connexion->query($req);

    $req2="SELECT COUNT(*) AS nbrAbonneDeTypeMenage1 FROM ersen_abonne,ersen_centrale,ersen_typecategorie,ersen_categorie
    WHERE ersen_abonne.centrale=ersen_centrale.id
    AND ersen_abonne.typecategorie=ersen_typecategorie.id
    AND ersen_typecategorie.categorie=ersen_categorie.id
    AND ersen_centrale.nom ='Mini-centrale de NDOMBIL'
    AND ersen_categorie.libelle = 'Ménages'";
    $resultat2=$connexion->query($req2);
?>




<!DOCTYPE html>
<html lang="en">
<head>
  <title>footerpageWorpresse</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container" style="background-color:blue">
    <br><br>
    <div class="col-md-3">
      <div class="thumbnail">
          <img src="photos/nbr_de_localite.PNG" alt="Fjords" style="width:90%">
          <div class="caption">
            <p>
                <?php
                echo"le nombre d'abonne de type Ménage pour chaque centrale : \n";
                    if($ligne=$resultat1->fetch()){
                      echo "Mini-centrale de KERRE: ".$ligne["nbrAbonneDeTypeMenage"];
                    }
                    if($ligne2=$resultat2->fetch()){
                      echo "Mini-centrale de KERRE: ".$ligne2["nbrAbonneDeTypeMenage1"];
                    }
                ?>
            </p>
        </div>
      </div>
    </div>

    <div class="col-md-3">
      <div class="thumbnail">
          <img src="photos/nbr_de_menages.PNG" alt="Nature" style="width:90%">
          <div class="caption">
            <p>
                <?php
                    echo"le nombre d'abonne de type infrastructure socio-communitaires pour chaque centrale : \n";
                    
                ?>
            </p>
          </div>
      </div>
    </div>
  <div class="row">
    <div class="col-md-3">
      <div class="thumbnail">
          <img src="photos/nbr_de_infrastructures.PNG" alt="Nature" style="width:90%">
          <div class="caption">
            <p>
                <?php
                    echo "nombre de d'abonne par centrale de type infrastructures socio-communitaires ?";
                ?>
            </p>
            
          </div>
      </div>
    </div>

    
    <div class="col-md-3">
      <div class="thumbnail">
          <img src="photos/nbre_PMes.PNG" alt="Nature" style="width:90%">
          <div class="caption">
            <p>
                <?php
                    echo "nombre de d'abonne par centrale de type AGR";
                ?>
            </p>
          </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>