{{- $c := site.Data.content -}}
<footer>
  <div class="frame">
    <div class="flogo"><span class="mark" aria-hidden="true"><span class="w1">{{ $c.footer.span_1 }}</span><span class="w2">{{ $c.footer.text_2 }}<svg class="leaf" aria-hidden="true"><use href="#i-leaf" /></svg></span></span></div>
    <div><h3>{{ $c.footer.h3_3 }}</h3><p>{{ $c.footer.p_4 }}</p><p>{{ $c.footer.p_5 }}</p></div>
    <div><h3>{{ $c.footer.h3_6 }}</h3><p><a href="tel:+15550192740">{{ $c.footer.a_7 }}</a></p><p><a href="mailto:hello@goldleaf.example">{{ $c.footer.a_8 }}</a></p></div>
    <div><h3>{{ $c.footer.h3_9 }}</h3><div class="msgs"><a class="msg" href="#" aria-label="Viber"><svg aria-hidden="true"><use href="#i-viber" /></svg></a><a class="msg" href="#" aria-label="Telegram"><svg aria-hidden="true"><use href="#i-tg" /></svg></a><a class="msg" href="#" aria-label="WhatsApp"><svg aria-hidden="true"><use href="#i-wa" /></svg></a><a class="msg" href="#" aria-label="Instagram"><svg aria-hidden="true"><use href="#i-insta" /></svg></a></div></div>
    <div></div>
  </div>
  <p class="fine">{{ $c.footer.p_10_html | safeHTML }}</p>
</footer>
<div class="bar-m"><button class="pill" type="button" data-write="Message">{{ $c.footer.button_11 }}</button><div class="msgs"><a class="msg" href="#" aria-label="Viber"><svg aria-hidden="true"><use href="#i-viber" /></svg></a><a class="msg" href="#" aria-label="WhatsApp"><svg aria-hidden="true"><use href="#i-wa" /></svg></a><a class="msg" href="#" aria-label="Telegram"><svg aria-hidden="true"><use href="#i-tg" /></svg></a></div></div>
<dialog id="write" aria-labelledby="write-title">
  <div class="dlg" tabindex="-1" autofocus>
    <button class="close" type="button" aria-label="Close" data-close>×</button>
    <h2 id="write-title">{{ $c.footer.h2_12 }}</h2>
    <p class="lead" data-lead>{{ $c.footer.p_13 }}</p>
    
    <form class="form" id="f-write" action="https://formgong.com/submit" method="POST">
      <input type="hidden" name="access_key" value="{{ $c.form.access_key }}">
      <input type="hidden" name="topic" value="Message" data-topic-field>
      <div class="hp" aria-hidden="true"><label>{{ $c.footer.text_14 }}<input name="botcheck" tabindex="-1" autocomplete="off"></label></div>
      <label><span class="sr">{{ $c.footer.span_15 }}</span><input name="name" autocomplete="name" placeholder="Your name" required></label>
      <label><span class="sr">{{ $c.footer.span_16 }}</span><input type="tel" name="phone" autocomplete="tel" placeholder="Phone" required></label>
      <label><span class="sr">{{ $c.footer.span_17 }}</span><input type="email" name="email" autocomplete="email" placeholder="Email"></label>
      <label><span class="sr">{{ $c.footer.span_18 }}</span><textarea name="message" placeholder="Your message"></textarea></label>
      <button class="pill" type="submit">{{ $c.footer.button_19 }}</button>
      <p class="status" data-status role="status" aria-live="polite"></p>
      <p class="credit">{{ $c.footer.p_20_html | safeHTML }}</p>
      <div class="thanks" tabindex="-1">{{ $c.footer.div_21_html | safeHTML }}</div>
    </form>
  </div>
</dialog>
<dialog id="review" aria-labelledby="review-title">
  <div class="dlg" tabindex="-1" autofocus>
    <button class="close" type="button" aria-label="Close" data-close>×</button>
    <h2 id="review-title">{{ $c.footer.h2_22 }}</h2>
    <p class="lead">{{ $c.footer.p_23 }}</p>
    
    <form class="form" id="f-review" action="https://formgong.com/submit" method="POST">
      <input type="hidden" name="access_key" value="{{ $c.form.access_key }}" data-reviews-key>
      <input type="hidden" name="topic" value="Review">
      <div class="hp" aria-hidden="true"><label>{{ $c.footer.text_24 }}<input name="botcheck" tabindex="-1" autocomplete="off"></label></div>
      <fieldset class="rate">
        <legend>{{ $c.footer.legend_25 }}</legend>
        <div class="pick">
          <input type="radio" id="r5" name="rating" value="5" required><label for="r5" aria-label="5 stars"><svg aria-hidden="true"><use href="#i-star" /></svg></label>
          <input type="radio" id="r4" name="rating" value="4"><label for="r4" aria-label="4 stars"><svg aria-hidden="true"><use href="#i-star" /></svg></label>
          <input type="radio" id="r3" name="rating" value="3"><label for="r3" aria-label="3 stars"><svg aria-hidden="true"><use href="#i-star" /></svg></label>
          <input type="radio" id="r2" name="rating" value="2"><label for="r2" aria-label="2 stars"><svg aria-hidden="true"><use href="#i-star" /></svg></label>
          <input type="radio" id="r1" name="rating" value="1"><label for="r1" aria-label="1 star"><svg aria-hidden="true"><use href="#i-star" /></svg></label>
        </div>
      </fieldset>
      <label><span class="sr">{{ $c.footer.span_26 }}</span><input name="name" autocomplete="name" placeholder="Your name" required></label>
      <label><span class="sr">{{ $c.footer.span_27 }}</span><textarea name="review" placeholder="What did we do well? What could be better?" required></textarea></label>
      <button class="pill" type="submit">{{ $c.footer.button_28 }}</button>
      <p class="status" data-status role="status" aria-live="polite"></p>
      <p class="credit">{{ $c.footer.p_29_html | safeHTML }}</p>
      <div class="thanks" tabindex="-1">{{ $c.footer.div_30_html | safeHTML }}</div>
    </form>
  </div>
</dialog>