@extends('admin')
@section('pageTitle', 'Login')
@section('content')

    <div class="row">
        <div class="col-md-8 col-md-push-2">

            <div class="logo">
                <img src="{{ asset('assets/img/logo.png') }}" alt="Lumolist" width="150">
            </div>

            <h1>Login</h1>

            <form role="form" method="POST" action="{{ route('admin.login') }}">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">

                <div class="form-group {{ ($errors->has('email')) ? 'has-error'  : ''}}">
                    <label class="control-label">Email Address</label>
                    <input type="email" class="form-control" name="email" value="{{ old('email') }}">
                    {!! $errors->first('email','<span class="help-block">:message</span>') !!}
                </div>

                <div class="form-group {{ ($errors->has('password')) ? 'has-error'  : ''}}">
                    <label class="control-label">Password</label>
                    <input type="password" class="form-control" name="password">
                    {!! $errors->first('password','<span class="help-block">:message</span>') !!}
                </div>

                <hr>

                <div class="form-group">
                    <button type="submit" class="btn btn-primary">Login</button>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('styles')
    <style>
        .logo img {
            border-radius: 10px;
        }


        @media (min-width: 768px) {

            .sidebar {
                display: none;
            }

            .col-fluid {
                width: 60%;
                margin-left: 20%;
            }
        }
    </style>
@endsection