{% extends "templates/web.html" %}

{% block page_content %}
<h1 class="mb-4">{{ title }}</h1>
<section>
    <div class="media">
        <a href="#">
            <img class="mr-3 media-img"
            src="{{ image }}">
        </a>
        <div class="media-body">
            {{ introduction }}
            <table class='table table-bordered small'
                style='max-width: 400px; margin-bottom: 0px; margin-top: 20px'>
                <tr>
                    <td style='width: 38.2%'>Country</td>
                    <td>{{ country }}</td>
                </tr>
                <tr>
                    <td>Address</td>
                    <td>{{ (address or '').replace('\n', '<br>') }}</td>
                </tr>
                </tr>
                    <td>Phone</td>
                    <td>{{ phone }}</td>
                </tr>
                </tr>
                    <td>Email</td>
                    <td><a href="mailto:{{ email }}" target="_blank">
                        {{ email }}</a></td>
                </tr>
                </tr>
                    <td>Disscuss Id</td>
                    <td>{{ discuss_id }}</td>
                </tr>
                </tr>
                    <td>Github Id</td>
                    <td>{{ github_id }}</td>
                </tr>
                {% if website_url %}
                </tr>
                    <td>Website</td>
                    <td><a href="{{ website_url }}">{{ website_url }}</a></td>
                </tr>
                {% endif %}
            </table>

        </div>
    </div>
</section>
<section class="mt-4">
    {{ details }}
</section>
<section>
<p><a class='mt-4 btn-primary btn' href="mailto:{{ email }}">Contact {{ title }}</a></p>
</section>

{% endblock %}