@extends('master')

@section('title')
    User Login
@stop

@section('styles')
<link rel="stylesheet" href="{{ asset('css/style.css') }}">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,900,900italic,700italic' rel='stylesheet' type='text/css'>

@stop

@section('content')
<div class="header" id="home">
	<div class="container">
		<ul style="margin-bottom: 0.25rem;">
            <li><a><i class="fa fa-phone" aria-hidden="true"></i> Call: (011) 022 0642</a></li>
            <li><i class="fa fa-envelope-o" aria-hidden="true"></i> <a href="mailto:info@prestigecredit.co.za">info@prestigecredit.co.za</a></li>
            <li><a href="terms-and-conditions"><i class="fa fa-file-o" aria-hidden="true"></i> Terms & Conditions of use</a></li>
        </ul>
	</div>
</div>
<img style="max-width: 20%;display: block; margin-top: 2rem; margin-left: auto; margin-right: auto;" src="/img/PrestigeAdvantage.jpg" />
<div style="width: 30%;
                margin-left: auto;
                margin-right: auto;" class="login">
		<div class="login-screen">
			<div class="app-title">
				<h1 style="text-align: center;">Login</h1>
			</div>
        {{ Form::open() }}
			<div class="login-form">
				<div class="control-group">
				<input type="email" class="login-field" value="" placeholder="email" id="email" name="email">
				<label class="login-field-icon fui-user" for="email"></label>
				</div>

				<div class="control-group">
				<input type="password" class="login-field" value="" placeholder="password" id="password" name="password">
				<label class="login-field-icon fui-lock" for="password"></label>
				</div>

				<button type="submit" class="myButton">login</button>
				<a class="login-link" href="/password/recovery">Lost your password?</a>

			</div>
	    {{ Form::close() }}

		</div>
</div>

<hr>

<div style="padding-bottom: 5rem;" class="row">
    <div class="large-4 columns">
        <img class="logo1" src="/img/DebtCol.png" />
    </div>
    <div class="large-4 columns">
        <img class="logo2" src="/img/pcg.png" />
    </div>
    <div class="large-4 columns">
        <img class="logo3" src="/img/PrestigeAdvantage.jpg" />
    </div>
</div>
@include('partials.footer')

@stop

@section('scripts')
<script type="text/javascript">
    $(document).ready(function() {
            window.history.pushState(null, "", window.location.href);
            window.onpopstate = function() {
                window.history.pushState(null, "", window.location.href);
            };
        });
</script>
@stop

