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

{% block title %}
    OceanExpert - A Directory of Marine and Freshwater Professionals | Email Confirmed
{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/font-awesome.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/navbar-login.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/social-buttons.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/style.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/google-fonts.css') }}">
    {# <link rel="stylesheet" type="text/css" href="{{ asset('css/profile.css') }}"> #}
{% endblock %}

{% block body %}
    {% include('navbarlogin.html.twig') %}
    <style type="text/css">
    .content-page{padding-top: 100px;}
    </style>
    <div class="container content-page">
        <div class="row">
            <div class="col-lg-12">
                <div class="alert alert-success">
                    <h4>
                        <i class="fa fa-exclamation-check fa-pull-left fa-fw" aria-hidden="true"></i>
                        Email address verified!
                    </h4>
                    <p>You are almost there, please <strong>
                            complete your <a
                                    href="{{ path('fos_admin_profile_edit', {'userId': userId}) }}" >
                                profile
                            </a>
                        </strong> to get full access to OceanExpert.
                    </p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="checkbox icheck btn">
                <a
                        href="{{ path('fos_admin_profile_edit', {'userId': userId}) }}"
                        class="btn btn-primary">
                    <i class="fa fa-home" aria-hidden="true"></i>
                    Go to your profile.
                </a>
            </div>
        </div>
    </div>
    {% include('footer.html.twig') %}
{% endblock %}