join-details.html

---
layout: default
show_join: false
---
<section class=highlight>
  <h2><i class="fas fa-check-circle"></i> Bienvenue, vous êtes désormais inscrit•e !</h2>
  <p>
    Vous pouvez dès à présent compléter votre fiche ou le faire plus tard.<br>
    La confiance de vos clients dépend notamment de la qualité de votre fiche.
  </p>
</section>

<form method="post">
  <fieldset>
    <legend><i class="fas fa-map-marker-alt"></i> Adresse de votre établissement</legend>
    <input class=row type="text" name="street" placeholder="Rue et numéro" required>
      <div class="row">
      <input type="text" name="zipcode" placeholder="Code postal" required>
      <input type="text" name="city" placeholder="Ville" required>
    </div>
    <select class=row name=country disabled>
      <option value=ch>Suisse</option>
    </select>
  </fieldset>

  <fieldset>
    <legend><i class="fas fa-hands"></i> Votre méthode</legend>
      <textarea class=row name="introduction" placeholder="Votre approche et soins"></textarea>
      <textarea class=row name="certification" placeholder="Vos agréements, diplômes, certifications (ASCA, RME …)"></textarea>
    <input type=number name=price placeholder="Prix TTC par préstation (en CHF)">
    <textarea class=row name=timetable placeholder="Horaires d'ouverture"></textarea>
  </fieldset>

  <button class=primary>Enregistrer</button>
</form>

<script>

  document.querySelector('form').addEventListener('submit', (e) => {
    e.preventDefault()
    const fields = {}
    Array.from(e.currentTarget.elements).filter(e => e.name).forEach(e => (fields[e.name] =  e.value))
    fields.price = fields.price && Number(fields.price)
    var Airtable = require('airtable');
    var base = new Airtable({apiKey: 'key7TSHb7BPpx1jts'}).base('app1Ab6PilgNTXMYp');

    base('Table 1').update(location.search.split('=')[1], fields, (err, record) => {
        if (err) {
          alert("Une erreur est survenue. Veuillez vérifier les champs renseignés ou nous contacter.")
          return console.error(err)
        }
        alert("Votre fiche est complétée, nous revenons vers vous dans les prochains jours.")
        location.href = '/'
    })
  })

    // fetch(`http://api.airtable.com/v0/app1Ab6PilgNTXMYp/Table%201/${location.search.split('=')[1]}`, {
    //   headers: {
    //     'Authorization': 'Bearer key7TSHb7BPpx1jts',
    //     'Content-Type': 'application/json',
    //   },
    //   method: 'PATCH',
    //   mode: 'cors',
    //   credentials: 'include',
    //   body: JSON.stringify({ fields })
    // })
    // .then((r) => r.json())
    // .then((data) => {
    //   if(!data.id) return console.error(data)
    //   alert("Votre fiche est complétée, nous revenons vers vous dans les prochains jours.")
    //   location.href = '/'
    // })
    // .catch((e) => {
    //   console.error(e)
    //   alert("Une erreur est survenue. Veuillez vérifier les champs renseignés ou nous contacter.")
    // })
</script>

<style>
  form {
    margin: 3rem auto;
  }
  .hidden {
    display: none;
  }
</style>