@extends ('Layouts.Application')

@section ('MainContent')

<div class="row vertical-center">
  <div class="col-md-4"></div>
  <div class="col-md-4">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title"><i class="fa fa-lock"></i> Authentication</h3>
      </div>
      <div class="panel-body">
        @include ('Layouts.FormValidationErrors')
        @include ('Layouts.ErrorSuccessAndWarninMessages')

        @if ($showFlashMessage)
          <div class="alert alert-info alert-dismissible text-success" role="alert">
            <button type="button" class="close" aria-label="Close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
            <p>Please wait 15 seconds to save the institute code before process to login</p>
          </div>
        @endif

        <form class="form-horizontal" method="post" action="{{ route('Authentication.PostLogin') }}">
          @csrf

          <div class="form-group">
            <div class="col-sm-12">
              <div class="input-group">
                <div class="input-group-addon"><i class="fa fa-user primary"></i></div>
                <input type="text" class="form-control" placeholder="Identifiers" value="{{ old('Identifiers') }}" name="Identifiers">
              </div>
            </div>
          </div>

          <div class="form-group">
            <div class="col-sm-12">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-key"></i></span>
                <input type="password" class="form-control" name="Password" placeholder="Password">
              </div>
            </div>
          </div>

          <div class="form-group">
            <div class="col-sm-12">
              <div class="checkbox checkbox-primary">
                <input type="checkbox" name="Remember" id="Remember">
                <label for="Remember">Remember me</label>
              </div>
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-12">
              <button type="submit" class="btn btn-primary btn-block">
                <i class="fa fa-sign-in"></i> Login
              </button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
  <div class="col-md-4"></div>
</div>

@endsection