<!DOCTYPE html>
{% trans_default_domain 'authentications' %}
<html lang="{{ app.request.locale }}" dir="{{ app.request.locale == 'ar' ? 'rtl' : 'ltr' }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="Responsive Bootstrap 4 Dashboard Template">
        <meta name="author" content="BootstrapDash">
        <title>Azia Responsive Bootstrap 4 Dashboard Template</title>
        <!-- vendor css -->
        <link href="{{ asset('assets/lib/fontawesome-free/css/all.min.css') }}" rel="stylesheet">
        <link href="{{ asset('assets/lib/ionicons/css/ionicons.min.css') }}" rel="stylesheet">
        <link href="{{ asset('assets/lib/typicons.font/typicons.css') }}" rel="stylesheet">
        <!-- azia CSS -->
        <link rel="stylesheet" href="{{ asset('assets/css/azia.css') }}">
    </head>
    <body class="az-body">
        <div class="az-signin-wrapper">
            <div class="az-card-signin">
                <h1 class="az-logo">az<span>i</span>a</h1>
                <div class="az-signin-header">
                    <h2>{{ 'sign_in'|trans }}</h2>
                    <h4>{{ 'sign_in_message'|trans }}</h4>
                    {% if error %}
                        <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                    {% endif %}
                    <form action="{{ path('app_sign_in') }}" method="post">
                        <div class="form-group">
                            <label for="exampleInputEmail1">{{ 'label_email'|trans }}</label>
                            <input type="email" name="email" class="form-control mb-0" id="exampleInputEmail1" placeholder="{{ 'placeholder_email'|trans }}">
                        </div>
                        <!-- form-group -->
                        <div class="form-group">
                            <label for="exampleInputPassword1">{{ 'password'|trans }}</label>
                            <input type="password" name="password" class="form-control mb-0" id="exampleInputPassword1" placeholder="{{ 'password'|trans }}">
                        </div>
                        <!-- form-group -->
                        <button type="submit" class="btn btn-az-primary btn-block">{{ 'sign_in'|trans }}</button>
                        <input type="hidden" name="_csrf_token" data-controller="csrf-protection" value="{{ csrf_token('authenticate') }}">
                    </form>
                </div>
                <!-- az-signin-header -->
                <div class="az-signin-footer">
                    <p><a href="">{{ 'forgot_password'|trans }}</a></p>
                    <p>{{ 'account'|trans }} <a href="{{ path('app_sign_up') }}">{{ 'sign_up'|trans }}</a></p>
                </div>
                <!-- az-signin-footer -->
            </div>
            <!-- az-card-signin -->
        </div>
        <!-- az-signin-wrapper -->
        <script src="{{ asset('assets/lib/jquery/jquery.min.js') }}"></script>
        <script src="{{ asset('assets/lib/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
        <script src="{{ asset('assets/lib/ionicons/ionicons.js') }}"></script>
        <script src="{{ asset('assets/js/azia.js') }}"></script>
        <script>
            $(function(){
              'use strict'
            
            });
        </script>
    </body>
</html>

