{% extends app.config.twig.template %}

{% block title %}
    {{ app.config.app.title | default('Resume') }}
{% endblock %}
{% block body %}
    {{ dump(basics) }}
    <div class="uk-grid" data-uk-grid-margin>
        <div class="uk-width-1-1">
            <h1 class="uk-heading-large" data-uk-sticky="{top:35}">
                {% if basics.name is not empty %}
                    {{ basics.name }}
                {% else %}
                    {{ app.config.app.title|default('Resume') }}
                {% endif %}
                {% if basics.label is not empty %}
                    <small class="uk-h2">{{ basics.label }}</small>
                    {% endif %}
            </h1>
            <hr />
            {% if basics.summary is not empty %}
            <p class="uk-text-large">

                {{ basics.summary }}
            </p>
                {% endif %}
        </div>
    </div>

    <div class="uk-grid" data-uk-grid-margin>
        <div class="uk-width-medium-3-4">
            {% set position = work|first %}
            {{ dump(position) }}
            <p class="resume-positions">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
                Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
                Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
            </p>


        </div>
        <div class="uk-width-medium-1-4">

            <div class="uk-panel uk-panel-box" data-uk-sticky="{top:35}">

                <div class="uk-panel-header"><h3 class="uk-panel-title">Contact<img class="uk-align-right uk-thumbnail uk-border-circle uk-thumbnail-mini uk-animation-scale-up uk-img-preserve" src="{{ basics.picture }}"/></h3></div>
                <!--
                --><ul class="uk-list uk-list-line uk-h5">

                    {% if basics.email is not empty %}
                        <li><a href="#" class="hidden-email">[Click to view email]</a></li>
                    {% endif %}
                    {% if basics.phone is not empty %}
                        <li>{{ basics.phone }}</li>
                    {% endif %}
                    {% if basics.website is not empty %}
                        <li><a href="{{ basics.website }}" target="_blank" title="Home page">{{ basics.website }}</a></li>
                        {% endif %}
                    {% if basics.location|length > 0 and basics.location is not empty %}
                    <li>
                      <address>
                        {% set location = basics.location %}

                            {% if location.address is not empty %}
                                {{ location.address }}<br />
                            {% endif %}
                            {% if location.city is not empty %}
                                {{ location.city }}
                                {% if location.postalCode is not empty %}
                                    &nbsp;{{ location.postalCode }}
                                {% endif %}
                                {% if location.countryCode is not empty %}
                                    &nbsp;{{ location.countryCode }}
                                {% endif %}<br />
                            {% endif %}

                    </address>
                        </li>
                        {% endif %}

                </ul>
            </div>

        </div>
    </div>
    </div>

    <div id="offcanvas" class="uk-offcanvas">
        <div class="uk-offcanvas-bar">
            <ul class="uk-list uk-list-line">
                {% if basics.email is not empty %}
                <li>{{ basics.email }}</li>
                {% endif %}
                {% if basics.phone is not empty %}
                <li>{{ basics.phone }}</li>
                {% endif %}
                {% if basics.location|length > 0 and basics.location is not empty %}
                   <address>
                    {% for location in basics.location %}
                       {% if location.address is not empty %}
                           {{ location.address }}<br />
                        {% endif %}
                        {% if location.city is not empty %}
                            {{ location.city }}
                            {% if location.postalCode is not empty %}
                                &nbsp;{{ location.postalCode }}
                            {% endif %}
                            {% if location.countryCode is not empty %}
                            &nbsp;{{ location.countryCode }}
                            {% endif %}<br />
                        {% endif %}

                   {% endfor %}
                {% endif %}
                  </address>
            </ul>
        </div>

{% endblock %}