@layout('layouts.main')

@section('page-title')
Seepur| Login
@endsection

@section('content')
<h1 class="title">
  Login
</h1>

<p class="subtitle">
  It's Seepur time!
</p>

@if(hasErrorFor('loginError'))
<div class="notification is-danger">
  <button class="delete"></button>
  {{getErrorFor('loginError')}}
</div>
@endif

<form class="form register" method="POST" action="{{ route('login') }}">
  {{ csrfField() }}

  <div class="field">
    <label class="label">Email</label>
    <div class="control has-icons-left">
      <input class="input {{ getErrorFor('email') ? 'is-danger' : ''}}" name="email"  type="email" placeholder="Email" value="{{ old('email', '') }}">
      <span class="icon is-small is-left">
        <i class="fa fa-envelope"></i>
      </span>
    </div>
    <p class="help is-danger">{{ getErrorFor('email') ? getErrorFor('email') : '' }}</p>
  </div>

  <div class="field">
    <label class="label">Password</label>
    <div class="control has-icons-left">
      <input class="input {{ getErrorFor('password') ? 'is-danger' : ''}}" name="password"  type="password" placeholder="Password">
      <span class="icon is-small is-left">
        <i class="fa fa-lock"></i>
      </span>
    </div>
    <p class="help is-danger">{{ getErrorFor('password') ? getErrorFor('password') : '' }}</p>
  </div>


  <div class="field is-grouped">
    <div class="control">
      <button class="button is-rounded is-info">Submit</button>
    </div>
    <div class="control">
      <a class="button is-rounded is-outlined is-rounded" href='/'>Cancel</a>
    </div>
  </div>
</form>
<small class='small is-small'>
  Want to open a free account? <a href="/register">Sign up here</a>
</small>
<br>
<small class='small is-small'>
  <a href="/password/reset">Help!, I forgot my password!</a>
</small>

@endsection