@extends('layouts.iconbar-auth')
@section('content')
<style>
.page-content {
    top: 150px;
    position: relative;
}
.form-material .form-control:-webkit-autofill~.floating-label {
  top: -1.5rem;
  font-size: .8rem;
}
</style>

<div class="page-content vertical-align-middle">
  <div class="brand">
    <img class="brand-img" src="{{ url('logo.jpg') }}" alt="...">
    <!-- <h2 class="brand-text">TC</h2> -->
  </div>
  <p>Sign into your account</p>
  <form method="post" action="{{ route('staff.login') }}" autocomplete="off">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <div class="form-group form-material floating" data-plugin="formMaterial">
      <input type="password" class="form-control empty {{ $errors->has('code')?'is-invalid':'' }}" id="code" name="code" value="{{ old('code') }}">
      <label class="floating-label" for="code">Pin</label>
      @if($errors->has('code'))
      <p class="invalid-feedback text-left">
        {{ $errors->first('code') }}
      </p>
      @endif
    </div>

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

  <footer class="page-copyright page-copyright-inverse">
    <p>© {{ date('Y') }}. All RIGHT RESERVED.</p>
  </footer>
</div>
@endsection

@push('scripts')

@endpush