@extends('includes.login.index')

@section('content')

<title>Lupa Kata Laluan | Customer Portal</title>

<h6 style="text-align: center; margin-bottom: 10%;">Lupa Kata Laluan</h6>

@if (session('status'))
{{-- <div class="alert alert-success" role="alert">
                                {{ session('status') }}
</div> --}}
<script>
    var status = "{{ session('status') }}";
    $.notify({
        icon: 'far fa-check-circle fa-2x',
        newest_on_top: true,
        message: "<strong class='text-center' style='font-size:15px; color: #ffff;'>" + status + "</strong>"
    }, {
        type: 'success',
        allow_dismiss: false,
        placement: {
            align: 'center',
            from: 'bottom'
        },
        animate: {
            enter: 'animate__animated animate__bounce',

            exit: 'animate__animated animate__bounceOutDown'
        }
    });
</script>
@endif

@if (session('info'))
{{-- <div class="alert alert-info" role="alert">
                                {{ session('info') }}
</div> --}}
<script>
    var status = "{{ session('info') }}";
    $.notify({
        icon: 'fas fa-info fa-2x',
        newest_on_top: true,
        message: "<strong style='font-size:15px;'>" + status + "</strong>"
    }, {
        type: 'info',
        allow_dismiss: false,
        placement: {
            align: 'center',
            from: 'bottom'
        },
        animate: {
            enter: 'animate__animated animate__bounce',

            exit: 'animate__animated animate__bounceOutDown'
        }
    });
</script>
@endif

<form role="form" method="POST" action="{{ route('password.email') }}">
    @csrf
    <p>Sila masukkan emel</p>
    <div class="input-group input-group-outline my-3">

        <input placeholder="Emel" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" id="login-username">
    </div>

    @if ($errors->has('email'))
    <span class="invalid-feedback" style="display: block;margin-top:-10px !important;" role="alert">
        <strong>{{ $errors->first('email') }}</strong>
    </span>
    @endif

    <div class="text-center">
        <button type="submit" class="btn bg-gradient-dark w-100 my-4 mb-2" style="background: #4A4E59;">Tetap Semula Kata Laluan</button>
    </div>
    <p class="mt-6 text-sm text-center">

        <a href="{{ route('auth.registerfirst') }}">Pertama Kali</a>
        <a href="#" class="text-dark text-gradient font-weight-bold"> | </a>
        <a href="{{ route('login') }}">Log-Masuk</a>
    </p>
</form>

@endsection