@extends('layouts.web.master', ['bodyCss'=>'text-center', 'title'=>'Bioderma | Login'])

	@section('styles')
		<link rel="stylesheet" href="{{ asset('css/web/login.css') }}">
	@endsection

	@section('scripts')

	@endsection

	@section('content')
		
	    <form class="form-signin" method="post" action="{{ route('web-login') }}">
			{{ csrf_field() }}

			<a href="/"><img class="mb-4" src="{{ asset('images/logo-bioderma-03.png') }}" alt="" height="50"></a>
	      	<h5 class="h5"></h5>
	      	<h1 class="h3 mb-3 font-weight-normal">Login</h1>

			<div class="form-group ">
				<input type="text" 
					id="username" 
					name="username" 
					class="form-control {{ $errors->has('username') ? 'is-invalid' : '' }}" 
					placeholder="Username" 
					autofocus
					value="{{ old('username') }}" 
				>
				{!! $errors->first('username', '<div class="text-danger">:message</div>') !!}
			</div>
			
			<div class="form-group">
				<input type="password" 
					id="password" 
					name="password" 
					class="form-control {{ $errors->has('password') ? 'is-invalid' : '' }}" 
					placeholder="Password" 
					autofocus
				>
				{!! $errors->first('password', '<div class="text-danger">:message</div>') !!}
			</div>

			<div class="checkbox mb-3">
				<label>
					<input type="checkbox" value="remember-me"> Remember me
				</label>
			</div>

			<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>

			<p class="mt-5 mb-3 text-muted">
				<small>Copyright © 2019 <a class="text-green" href="https://www.bioderma.ec" target="_blank">Bioderma</a>. All rights reserved.</small>
			</p>

	    </form>

	@endsection