{% extends 'base.html.twig' %}

{% block title %}Location{% endblock title %}
{% block stylesheets %}
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet">
    <link href="https://cdn.mapkit.io/v1/infobox.css" rel="stylesheet" >

    <style>
        #mapkit-9468 {
            padding-bottom: 45%;
            height: 0;


        }
    </style>


{% endblock %}
{% block javascripts %}
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvLrOMB0SW_fTNrIvZF3bS1xtpg6JRRHs&extension=.js"></script>
    <script src="https://cdn.mapkit.io/v1/infobox.js"></script>
{% include 'map.html.twig' %}
{% endblock %}
{% block body %}
    <div class="uk-grid-small uk-flex-center uk-grid-divider uk-child-width-1-1" uk-grid>
        <h2 class="uk-margin-medium-top uk-text-center">Our Doughnut Wedding</h2>
            <div>
            <div class="uk-overflow-hidden uk-height-medium">
                <img class="uk-transform-origin-top-right uk-animation-reverse uk-animation-kenburns" src="{{ asset('/images/location.jpg') }}" />
            </div>
            </div>

        <div class="uk-margin-medium-bottom">
            <p class="uk-text-large uk-text-center">
                The ceremony will begin at 2pm at Voodoo Doughnut Too -- located where Sandy,
                Davis and 15th meet.  The shop is just across the street from Portland's famous
                Sandy Hut.  You can't miss the pink box building!  There is limited parking at the venue,
                but street parking is easy to find.
                We'll be serving Voodoo Doughnuts and coffee immediately after the ceremony.
            </p>
            <p class="uk-h3 uk-text-center">Voodoo Doughnut Too</p>
            <p class="uk-text-center">1501 NE Davis St.<br />Portland, Oregon</p>
            <p class="uk-text-center uk-align-center">
                <a href="http://www.voodoodoughnut.com/doughnuts" target="_blank" title="Voodoo Doughnuts" class="uk-button uk-button-primary">CHECK OUT THE DOUGHNUTS</a>
            </p>
        </div>
        <div>
            <h2 class="uk-text-center">Directions</h2>
            <h4 class="uk-text-center">From I-5 N</h4>
            <p class="uk-text-center">
             Use the right lane to take exit 300 for I-84 E/US-30 E toward Portland Airport/The Dalles
            </p>
            <p class="uk-text-center">
                Keep right, follow signs for Central Eastside Industrial District
            </p>
            <p class="uk-text-center">
                Continue on SE Water Ave. Take SE Stark St. and SE Sandy Blvd to NE Davis St
            </p>
            <h4 class="uk-text-center">From I-5 S</h4>
            <p class="uk-text-center">
                Continue on OR-99E N/SE Grand Ave. Drive to NE Davis St.
            </p>
            <p class="uk-text-center uk-text-large">
                <a href="https://goo.gl/maps/bk4FpLdpud92" title="Google maps" target="_blank">Open in Google Maps</a>
            </p>
        </div>
        <div class="">
            <div id='mapkit-9468'></div>
        </div>
    </div>

{% endblock %}