{{- $c := site.Data.content -}}
<section class="book" id="book" aria-labelledby="book-h">
    <div class="book-panel">
      <div class="book-grid wrap pad">
        <div class="book-intro">
          <p class="eyebrow">{{ $c.book.p_1 }}</p>
          <h2 id="book-h">{{ $c.book.h2_2_html | safeHTML }}</h2>
          <p>{{ $c.book.p_3 }}</p>
          <dl class="hours" id="hours">
            <dt>{{ $c.book.dt_4 }}</dt><dd>{{ $c.book.dd_5 }}</dd>
            <dt>{{ $c.book.dt_6 }}</dt><dd>{{ $c.book.dd_7 }}</dd>
            <dt>{{ $c.book.dt_8 }}</dt><dd>{{ $c.book.dd_9 }}</dd>
          </dl>
          <ul class="contact-lines">
            <li><svg class="i" aria-hidden="true"><use href="#i-phone" /></svg><a href="tel:+15550142290">{{ $c.book.a_10 }}</a></li>
            <li><svg class="i" aria-hidden="true"><use href="#i-mail" /></svg><a href="mailto:hello@selune.example">{{ $c.book.a_11 }}</a></li>
            <li id="visit-us"><svg class="i" aria-hidden="true"><use href="#i-pin" /></svg>{{ $c.book.text_12 }}</li>
          </ul>
        </div>

        
        <form class="form" id="f-contact" action="https://formgong.com/submit" method="POST">
          <input type="hidden" name="access_key" value="{{ $c.form.access_key }}">
          <input type="hidden" name="subject" value="New consultation request from the Selune website">
          <div class="hp" aria-hidden="true"><label>{{ $c.book.text_13 }}<input name="botcheck" tabindex="-1" autocomplete="off"></label></div>
          <div class="field full"><label for="c-name">{{ $c.book.label_14 }}</label><input id="c-name" name="name" autocomplete="name" required maxlength="100"></div>
          <div class="field"><label for="c-email">{{ $c.book.label_15 }}</label><input id="c-email" name="email" type="email" autocomplete="email" required maxlength="160"></div>
          <div class="field"><label for="c-phone">{{ $c.book.label_16 }}</label><input id="c-phone" name="phone" type="tel" autocomplete="tel" maxlength="40"></div>
          <fieldset class="chips full">
            <legend>{{ $c.book.legend_17 }}</legend>
            <label><input type="radio" name="service" value="Doctor consultation" checked><span>{{ $c.book.span_18 }}</span></label>
            <label><input type="radio" name="service" value="Skin check / moles"><span>{{ $c.book.span_19 }}</span></label>
            <label><input type="radio" name="service" value="Acne &amp; redness"><span>{{ $c.book.span_20 }}</span></label>
            <label><input type="radio" name="service" value="Laser &amp; light"><span>{{ $c.book.span_21 }}</span></label>
            <label><input type="radio" name="service" value="Injectables"><span>{{ $c.book.span_22 }}</span></label>
            <label><input type="radio" name="service" value="Skin treatments"><span>{{ $c.book.span_23 }}</span></label>
            <label><input type="radio" name="service" value="Video consultation"><span>{{ $c.book.span_24 }}</span></label>
            <label><input type="radio" name="service" value="Not sure yet"><span>{{ $c.book.span_25 }}</span></label>
          </fieldset>
          <div class="field"><label for="c-date">{{ $c.book.label_26 }}</label><input id="c-date" name="preferred_date" type="date"></div>
          <div class="field"><label for="c-time">{{ $c.book.label_27 }}</label>
            <select id="c-time" name="preferred_time">
              <option value="Any time">{{ $c.book.option_28 }}</option>
              <option value="Weekday morning">{{ $c.book.option_29 }}</option>
              <option value="Weekday afternoon">{{ $c.book.option_30 }}</option>
              <option value="Weekday evening">{{ $c.book.option_31 }}</option>
              <option value="Saturday morning">{{ $c.book.option_32 }}</option>
            </select>
          </div>
          <div class="field full"><label for="c-msg">{{ $c.book.label_33 }}</label><textarea id="c-msg" name="message" maxlength="1500" aria-describedby="c-msg-hint"></textarea>
            <p class="hint" id="c-msg-hint"><svg class="i" aria-hidden="true"><use href="#i-info" /></svg>{{ $c.book.text_34 }}</p>
          </div>
          <button class="btn fill send" type="submit"><span data-send-label>{{ $c.book.span_35 }}</span><svg class="i" aria-hidden="true"><use href="#i-ne" /></svg></button>
          <p class="status" data-status role="status" aria-live="polite"></p>
          <p class="privacy full">{{ $c.book.p_36 }}</p>
          <div class="thanks" tabindex="-1"><strong>{{ $c.book.strong_37_html | safeHTML }}</strong><p>{{ $c.book.p_38 }}</p><button class="btn line sm" type="button" data-again>{{ $c.book.button_39 }}</button></div>
          <p class="credit full">{{ $c.book.p_40_html | safeHTML }}</p>
        </form>
      </div>
    </div>
  </section>