@extends('layouts.base')

@section('content')

<section class="fdb-block py-1 mb-0 bg-light">
  <div class="container py-1 mt-3">
    <div class=" row justify-content-end">
      <div class="col-12 col-md-8 col-lg-6 col-xl-5 text-center m-auto">
        <a href="{{ route('login') }}">
          <img class="img-fluid p-1" style="width: 150px; height: 150px;" src="{{ asset('images/maraeps_logo.png') }}" border="0">
        </a>
      </div>
      <div class="col-12 col-md-8 col-lg-6 col-xl-5 text-left">
        <div class="fdb-box">
          <div class="row">
            <div class="col">
              <h1>Memperolehi semula Nama Pengguna</h1>
              @if (session('message'))
                <div class="alert alert-success">
                  {{ session('message') }}
                </div>
              @endif
              @if($errors->has('email'))
                <div class="alert alert-danger">
                  {{ $errors->first('email') }}
                </div>
              @endif
              @include('layouts.alerts')
              @if (session('status'))

              @else
              <p>Sah/Isikan alamat emel anda dibawah. Emel untuk memperolehi Nama Pengguna akan dihantar ke alamat emel ini.</p>
              @endif
            </div>
          </div>
          @if (session('status'))
            <div class="row py-1">
              <div class="col justify-content-left text-left">
                <a href="{{ route('login') }}" class="btn btn-outline-dark">
                  <i class="fas fa-angle-left">&nbsp;</i> Log Masuk
                </a>
              </div>
            </div>
          @else
          <form method="POST" action="{{ route('username.reset-email') }}" data-parsley-validate="">
          @csrf
          <div class="row py-1">
            <div class="col">
              <input type="email" class="form-control" name="email" placeholder="Alamat emel" required="required" value="{{ $email ?? old('email') }}"
              data-parsley-trigger="change"
              data-parsley-minlength="2"
              >
            </div>
          </div>
          <div class="row py-1">
            <div class="col justify-content-left text-left">
              <span><button class="btn btn-secondary" type="submit">Hantar Emel Nama Pengguna</button></span>
            </div>
          </div>
          <div class="row py-0">
            <div class="col justify-content-left text-left">
              <a href="{{ route('login') }}" class="btn btn-outline-dark">Kembali</a>
            </div>
          </div>
        </form>
        @endif
        </div>
      </div>
    </div>
  </div>
</section>

@endsection