<html>
    <head>
        <title>Login</title>
        <link href="{{ asset('bundles/parthenon/css/athena/login.css') }}" type="text/css" />

        <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <!------ Include the above in your HEAD tag ---------->
    </head>
    <body>

    <!-- no additional media querie or css is required -->
    <div class="container">
        <div class="row justify-content-center align-items-center" style="height:100vh">
            <div class="col-4">
                <div class="card">
                    <div class="card-body text-center">
                        <form method="POST" action="{{ path("parthenon_athena_login") }}" autocomplete="off">
                            {% set logo = athena_login_logo() %}
                            {% if logo is not null %}
                                <img src="{{ logo }}" alt="Athena" />
                            {% else %}
                                <img src="{{ asset('bundles/parthenon/images/athena/login-logo.png') }}" alt="Athena" />
                            {% endif %}

                            {% if error %}
                                <div class="alert alert-danger" role="alert">
                                    {{ error|trans }}
                                </div>
                            {% endif %}
                            <div class="form-group">
                                <input type="text" class="form-control" name="_username">
                            </div>
                            <div class="form-group">
                                <input type="password" class="form-control" name="_password">
                            </div>
                            <input type="hidden" name="_csrf_token"
                                   value="{{ csrf_token('authenticate') }}">
                            <button type="submit"  id="sendlogin" class="btn btn-primary">login</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </body>
</html>