<?php if( count($fiches)>0 ) :  ?>

<div id="lettres_init" class="text-center">
  <!-- Alphabet cliquable pour aller sur les ancres des différentes lettres -->
  <a href="#lettre_a"> a </a>
  <a href="#lettre_b"> b </a>
  <a href="#lettre_c"> c </a>
  <a href="#lettre_d"> d </a>
  <a href="#lettre_e"> e </a>
  <a href="#lettre_f"> f </a>
  <a href="#lettre_g"> g </a>
  <a href="#lettre_h"> h </a>
  <a href="#lettre_i"> i </a>
  <a href="#lettre_j"> j </a>
  <a href="#lettre_k"> k </a>
  <a href="#lettre_l"> l </a>
  <a href="#lettre_m"> m </a>
  <a href="#lettre_n"> n </a>
  <a href="#lettre_o"> o </a>
  <a href="#lettre_p"> p </a>
  <a href="#lettre_q"> q </a>
  <a href="#lettre_r"> r </a>
  <a href="#lettre_s"> s </a>
  <a href="#lettre_t"> t </a>
  <a href="#lettre_u"> u </a>
  <a href="#lettre_v"> v </a>
  <a href="#lettre_w"> w </a>
  <a href="#lettre_x"> x </a>
  <a href="#lettre_y"> y </a>
  <a href="#lettre_z"> z </a>
</div>

<p class="wrapper_nombre_membres">
  <span class="nombre_membres"><?php echo count($fiches).' '._t('BAZ_MEMBERS'); ?></span>
</p>

<div class="annuaire-fiches-container">

<?php foreach($fiches as $fiche): // Les fiches sont déjà triées par ordre alphabetique ?>

  <?php
  $fiche['bf_titre'] = trim($fiche['bf_titre']);
  $firstChar = strtolower(removeAccents($fiche['bf_titre'])[0]);

  // si on change de lettre dans le parcours alphabétique, on rajoute une ancre avec le titre de la lettre
  if (empty($curChar) || $firstChar != $curChar) : ?>
    <div class="clearfix"></div>
    <div class='letter-title' id='lettre_<?php echo $firstChar; ?>'>
      <span><?php echo $firstChar; ?></span>
    </div>
    <?php $curChar = $firstChar; // on met dans une variable curChar le caractère en cours d'utilsation ?>
  <?php endif; ?>

  <a class="nom bazar-entry modalbox" <?php echo $fiche['html_data']?>
    href="<?php echo $fiche['url']
      // add /iframe only for external YesWiki entries
      .(
        (isset($fiche['external-data']))
        ? '/iframe" data-iframe="1" title="'.htmlentities(strip_tags($fiche['bf_titre'])).'"' // title used by iframe
        : '"'
      ); ?>>
    <?php echo $fiche['bf_titre']; ?>
  </a>
<?php endforeach; ?>
</div>

<div class="clearfix"></div>

<style>
  .nom {
    display:block;
  }
  @media (min-width: 700px) {
    .nom {
      float: left;
      width: 49%;
      margin-right: 1%;
    }
  }
  .wrapper_nombre_membres {
    background: none repeat scroll 0 0 #fafafa;
    margin-top: 4px;
    text-align: center;
    font-style:italic;
  }
  #lettres_init a {
    text-transform:uppercase;
    display: inline-block;
    margin: 0 8px;
  }
  .letter-title {
    font-weight: bold;
    margin-top: 2rem;
    text-transform: uppercase;
  }

</style>

<?php endif; ?>
<?php echo $pager_links;?>
