@extends('app')

@section('title', ucfirst(__('login')))

@section('head')

@endsection

@section('content')
<div class="container-fluid" style="background:#03243e;">
    <div class="container">
        <div class="row"> 
            <div class="col-md-10 col-md-offset-1 login-container  col-sm-12  col-xs-12">
                <div class="row">
                    <div class="col-md-12">
                        <h4>{{strtoupper(__('log in'))}}</h4>
                        <p>{!!__('if you have already registered ,please enter your username and<br> password below to log in.')!!}</p>
                    </div>
                    <div class="col-md-10 col-md-offset-2 col-sm-12  col-xs-12">
                        {!! Form::open([ 'url' => '/login', 'class' => 'login-form']) !!}
                        @include("includes/front_alerts")

                        <div class="form-group">
                            <label class="control-label col-sm-12" for="email">{{ucwords(__('email address'))}}:</label>
                            <div class="col-sm-12">
                                <input class="form-control text-box" type="text" autocomplete="off" placeholder="{{ucwords(__('email address'))}}" name="email" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-12" for="password">{{ucfirst(__('password'))}}:</label>
                            <div class="col-sm-12">
                                <input class="form-control text-box" type="password" autocomplete="off" placeholder="{{ucfirst(__('password'))}}" name="password" />
                            </div>
                        </div>
                        <div class="form-group">
                            <div class=" col-md-4">
                                <label class="mt-checkbox">
                                    <a href="{{ url('/forget')}}"> {{ucwords(__('forget password?'))}}</a>
                                    <span></span>
                                </label>
                            </div>
                        </div>
        <!--<input type="submit" class="btn"  value="LOG IN">-->
                        <button type="submit" class="btn btn-login">{{strtoupper(__('log in'))}}</button>
                        {!! FORM::close() !!}   
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container ">
        <div class="row">
            <div class="col-md-10 col-md-offset-1 registration-container col-sm-12  col-xs-12">
                <div class="row">
                    <div class="col-md-12">
                        <h4>{{strtoupper(__('registration'))}}</h4>
                        <p>{{str_replace('tabc','TABC',ucFirst(__('please click the enroll now button to begin your tabc certification course. you only need to register once..')))}}</p>
                    </div>
                    <div class="col-md-12">
                        <button type="button" class="btn btn-login" onClick="window.location.href = '{{url('/signup')}}'">{{strtoupper(__('enroll now'))}}</button>
                    </div>
                </div>
            </div> 
        </div>
    </div>
</div>

@endsection


@section('foot')
<script type="text/javascript" src="{{ url('resources/assets') }}/js/bootstrap.min.js"></script>
@endsection