<ligne-resultat>

  <div class="ligne-resultat">
    <h3>{ props.formation.fil_lib_voe_acc } — { props.formation.g_ea_lib_vx }</h3>
    <p>{ props.formation.ville_etab } ({ props.formation.dep_lib })</p>
    <p>Taux d'accès : { props.formation.taux_acces_ens }%</p>
    <a href={ '#/formation/' + props.formation.cod_aff_form }>Voir le détail</a>
    <button onclick={ ajouterComparateur }>+ Comparer</button>
  </div>

  <style>

    .ligne-resultat
    {
      border: 1px solid #ccc;
      padding: 10px;
      margin: 5px 0;
    }

  </style>

  <script>

    export default
    {
      ajouterComparateur()
      {
        const saved = localStorage.getItem('comparateur')
        const formations = saved ? JSON.parse(saved) : []

        const dejaDedans = formations.some(f => f.cod_aff_form === this.props.formation.cod_aff_form)

        if (!dejaDedans)
        {
          formations.push(this.props.formation)
          localStorage.setItem('comparateur', JSON.stringify(formations))
        }

        window.location.hash = '#/comparateur'
      }
    }

  </script>

</ligne-resultat>