@extends('web.layouts.auth')

@section('title', config('app.name'))

@section('content')
<section class="material-half-bg">
    <div class="cover"></div>
</section>
<section class="login-content">
    <div class="logo">
        <img src="{{ asset(config('app.settings.app_icon')) }}" alt="{{ config('app.name') }}" class="img-fluid">
    </div>
    <div class="login-box">
        <form class="login-form" id="login-form" action="{{customRoute('login')}}">
            <h3 class="login-head"><i class="fa fa-lg fa-fw fa-user"></i>SIGN IN</h3>
            <div class="alert alert-danger hide" role="alert"></div>
            <div class="form-group">
                <label class="control-label">EMAIL</label>
                <input class="form-control" type="text" placeholder="Email" name="email" id="email" autofocus>
            </div>
            <div class="form-group">
                <label class="control-label">PASSWORD</label>
                <div class="input-group">
                    <input class="form-control" type="password" placeholder="Password" name="password" id="password">
                    <div class="input-group-append password-input">
                        <span class="input-group-text"><i class="fa fa-eye-slash" aria-hidden="true"></i></span>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="utility">
                    <div class="animated-checkbox">
                        <label>
                            <input type="checkbox"><span class="label-text">Stay Signed in</span>
                        </label>
                    </div>
                    <p class="semibold-text mb-2"><a href="{{customRoute('forgot-password')}}">Forgot Password ?</a></p>
                </div>
            </div>
            <div class="form-group btn-container">
                <button class="btn btn-primary btn-block" id="login-btn" type="button"><i class="fa fa-sign-in fa-lg fa-fw"></i>SIGN IN</button>
            </div>
        </form>
    </div>
</section>
@stop