{% 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-remove-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="{{ bucket }}/assets/location.jpg" />
            </div>
            </div>

        <div class="uk-margin-medium-bottom">
            <h2 class="uk-text-center">Wedding</h2>

            <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>
            <h2 class="uk-text-center">Reception</h2>
            <p class="uk-text-large uk-text-center">
                A reception will be held at the Bar Bar patio from 4pm to 7pm.  Street parking is available.
            </p>
            <div class="uk-width-1-1">
                <h2 class="uk-text-center uk-heading-line"><span uk-icon="icon: heart;"></span></h2>
            </div>
            <div class="uk-child-width-1-1@s uk-child-width-1-2@m" uk-grid>
                <div>
                <p class="uk-h3 uk-text-center">Voodoo Doughnut Too</p>
                <p class="uk-text-center">1501 NE Davis St.<br />Portland, Oregon
                 (<a href="https://goo.gl/maps/bk4FpLdpud92" target="_blank" title="Voodoo Too on Google Maps">Map</a>)
                </p>
                <p class="uk-text-center uk-align-center">
                    <a href="http://www.voodoodoughnut.com/doughnuts" target="_blank" title="Voodoo Doughnuts" class="uk-width-1-1@s uk-width-auto@m uk-button uk-button-primary">Check Out The Doughnuts!</a>
                </p>
                </div>
                <div>
                    <p class="uk-h3 uk-text-center">Bar Bar</p>
                    <p class="uk-text-center">3939 N. Mississippi Ave.<br />Portland, Oregon
                     (<a href="https://goo.gl/maps/sBmLBeKr72q" target="_blank" title="Bar Bar on Google Maps">Map</a>)
                    </p>
                    <p class="uk-text-center uk-align-center">
                        <a href="http://www.mississippistudios.com/bar-bar/" target="_blank" title="Mississippi Studios - Bar Bar" class="uk-width-1-1@s uk-width-auto@m uk-button uk-button-primary">Check Out Bar Bar!</a>
                    </p>
                </div>
            </div>
        </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" class="uk-width-1-1@s uk-width-1-3@m uk-button uk-button-primary" title="Google maps" target="_blank">Open in Google Maps</a>
            </p>
        </div>
        <div class="">
            <div id='mapkit-9468'></div>
        </div>
    </div>

{% endblock %}