<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Language" content="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="shortcut icon" type="image/x-icon" href="{{asset('template/assets/images/business_logo1.jpg')}}">
    <title>{% block title %}Login - Cross World Group{% endblock %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no"
    />
    <meta name="description" content="ArchitectUI HTML Bootstrap 4 Dashboard Template">

    <!-- Disable tap highlight on IE -->
    <meta name="msapplication-tap-highlight" content="no">

{% block stylesheets %} 
<link href="{{asset('template/assets/css/main.css')}}" rel="stylesheet">
{% endblock %}

</head>

{% block body %}
<body>
<div class="app-container app-theme-white body-tabs-shadow">
        <div class="app-container">
            <div class="h-100">
                <div class="h-100 no-gutters row">
								
                    <div class="h-100 d-flex bg-white justify-content-center align-items-center col-md-12 col-lg-12">
                        <div class="mx-auto app-login-box col-sm-12 col-md-10 col-lg-4">
                             <div style = "margin-bottom: 3rem;">
                            <img src="{{asset('template/assets/images/cw_logo.jpg')}}" alt="" weight="100" height="50">
                            </div>

                            <div class="card">
                                 <div class="card-body">
                         
                                <h4 class="mb-0">
                                    <span class="d-block">Welcome back,</span>
                                    <span>Please sign in to your account.</span></h4>
                                <h6 class="mt-3">No account? Contact with Admin</h6>
                         
                                <div class="divider row"></div>

                            <div>


 {{ form_start(otpInputForm) }}
    {# {% if error %}
        <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
    {% endif %} #}
    
     {% for message in app.flashes('warning') %}                   
        <div class="alert alert-danger alert-dismissible">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
            <strong>{{ message }}</strong> 
        </div>
    {% endfor %}  	 

    {% if app.user %}
        <div class="mb-3">
            You are logged in as {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
        </div>
    {% endif %}

     <div class="form-row">
        <div class="col-md-12">
            <div class="position-relative form-group">
    <label for="inputEmail">PIN</label>
    {{ form_row(otpInputForm.username, {'attr': {'class': 'form-control'}}) }}
    {# <input type="text"  name="username" id="inputusername" class="form-control" autocomplete="username" required autofocus> #}

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


<div class="form-row">
                                        
         {# <div class="col-md-12">
            <div class="position-relative form-group">
    <label for="inputPassword">Password</label>
    <input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required>

   </div>
            </div> #}

    {# <input type="hidden" name="_csrf_token"
           value="{{ csrf_token('authenticate') }}"
    > #}
   
    {# <button class="btn btn-lg btn-primary" type="submit">
        Sign in
    </button> #}
       <div class="d-flex align-items-right">
            <div class="ml-auto" style="margin-top:10px;">                     
                
                <button class="btn btn-primary btn-lg" style="margin-left:6px;">Login</button>
            </div>
        </div>

{{ form_end(otpInputForm) }}

 </div>

                            </div>
                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>
</body>
{% endblock %}

{% block javascripts %} 
<script type="text/javascript" src="{{asset('template/assets/scripts/main.js')}}"></script>
{% endblock %}

</script>
</html>

