@extends('layouts/login')

{{-- Page title --}}
@section('title')
    {{ trans('login.header-title') }}
@stop

{{-- Page content --}}
@section('content')

    <div class="row">
        <div class="main-login col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-4">

        <!-- start: LOGIN BOX -->
            <div class="box-login">
                <div class="logo">
                    <span style="font-weight:bold; font-size:24px;">BackOffice</span>
                </div>
                <h3>{{ trans('login.authentication') }}</h3>
                <p>{{ trans('login.auth-text') }}</p>
                <!-- Notifications -->
                @include('notifications')
                <form method="post" action="{{ url('/login') }}" class="form-login">
                    <!-- CSRF Token -->
                    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                    <div class="errorHandler alert alert-danger no-display">
                        <i class="fa fa-remove-sign"></i> You have some form errors. Please check below.
                    </div>
                    <fieldset>
                        <div class="form-group{{ $errors->first('email', ' has-error') }}">
								<span class="input-icon">
									<input type="text" class="form-control" name="email" id="email" placeholder="Username">
									<i class="fa fa-user"></i> </span>
                        </div>
                        <div class="form-group form-actions{{ $errors->first('password', ' has-error') }}">
								<span class="input-icon">
									<input type="password" class="form-control password" id="password" name="password" placeholder="{{ trans('general.password') }}">
									<i class="fa fa-lock"></i> </span>
                        </div>
                        <div class="form-actions">
                            <button type="submit" class="btn btn-green pull-right">
                                {{ trans('general.login') }} <i class="fa fa-arrow-circle-right"></i>
                            </button>
                        </div>
                    </fieldset>
                </form>
                <!-- start: COPYRIGHT -->
                <div class="copyright">
                    &copy; <a href="#" title=""></a> {{ date('Y') }}
                </div>
                <!-- end: COPYRIGHT -->
            </div>
            <!-- end: LOGIN BOX -->
        </div>
    </div>

@stop