@extends('layout.authentication')
@section('title', 'Forgot Password')


@section('content')
    <div class="card">
        <div class="text-center mb-2">
            <a class="header-brand" href="{{ route('home') }}"><img src="{{ asset('assets/images/gallery/logo_umj.png') }}"
                    width="120px"></i></a>
        </div>
        <div class="card-body">
            <div class="card-title">Lupa Password?</div>
            <p class="text-muted">Masukkan Email anda, selanjutnya link untuk reset Password akan dikirim ke email anda.</p>
            <form id="form_forgot_password" action="#">
                @csrf
                <div class="form-group">
                    <label class="form-label" for="exampleInputEmail1">Email address</label>
                    <input type="email" name="email_forgot" class="form-control" id="exampleInputEmail1"
                        aria-describedby="emailHelp" placeholder="Enter email">
                </div>
                <div class="form-footer">
                    <button type="submit" id="forgot-password-submit" class="btn btn-primary btn-block">Reset
                        Password</button>
                    <!-- Spinner loading -->
                    <div id="loading-spinner" class="spinner-border text-primary" role="status"
                        style="display: none; margin-top: 10px; ">
                        <span class="sr-only">Loading...</span>
                    </div>
                </div>
            </form>
        </div>
        <div class="text-center text-muted">
            Forget it, <a href="{{ route('authentication.login') }}">Send me Back</a> to the Sign in page.
        </div>
    </div>
@stop

@section('page-styles')
    <link rel="stylesheet" href="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/sweetalert/sweetalert.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/dropify/css/dropify.min.css') }}">
@stop

@section('page-script')
    <script src="{{ asset('assets/bundles/counterup.bundle.js') }}"></script>
    <script src="{{ asset('assets/plugins/sweetalert/sweetalert.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/dropify/js/dropify.min.js') }}"></script>

    <script src="{{ asset('assets/js/core.js') }}"></script>
    <script src="{{ asset('assets/js/page/dialogs.js') }}"></script>
    <script src="{{ asset('assets/js/form/dropify.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatable/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatable/buttons/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatable/buttons/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('assets/js/jszip.min.js') }}"></script>
    <script src="{{ asset('assets/js/pdfmake/pdfmake.min.js') }}"></script>
    <script src="{{ asset('assets/js/pdfmake/vfs_fonts.js') }}"></script>
@stop