{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{% import "components/link/link-macros.njk" as link %}

{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}

<div class="m-section__container l-container o-page o-route {{classes}}">
    <iframe class="o-route__iframe"
      src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2521.3749514156198!2d4.921555316153156!3d50.80569136958435!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c16c1659a34647%3A0x58ec5c33c73bbf2a!2sBebat!5e0!3m2!1sen!2sbe!4v1513256097786"
      width="100%"
      height="458"
      frameborder="0"
      style="border: 0px">
    </iframe>
    <div class="o-route__info">
      <h2 class="o-route__info__h2">Hoe bereik je ons?</h2>
      <article>
        <h3 class="o-route__info__h3">Vervoer met de auto of de bus</h3>
        <p>Walstraat 5 - 3300 Tienen
        <br>Vind ons op {{link.default("a-link--inline", "Google Maps", "/")}}.</p>
      </article>
      <article>
        <h3 class="o-route__info__h3">Openbaar vervoer</h3>
        <p>Villa Pila is vlot bereikbaar met het openbaar vervoer (treinstation op 400m) of met de bus (E40, afrit 25).</p>
      </article>
      <article>
        <h3 class="o-route__info__h3">Contact</h3>
        <ul class="m-list m-list--no-type">
          <li class="u-margin-none">www.villapila.be - BEBAT &amp; Villa Pila</li>
          <li class="u-margin-none">Tel.: {{link.default("a-link--inline", "016 76 88 50", "/")}}</li>
          <li class="u-margin-none">E-mail: {{link.default("a-link--inline", "villapila@bebat.be", "/")}}</li>
        </ul>
      </article>
    </div>
  </div>

{% endmacro %}