@extends('admin.layouts.app')

@section('content')
<div class="content">
    <h1 class="mb-5">{!! @$title !!}</h1>
    @if (session('status'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {!! session('status') !!}
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    @endif
    <form id="loginFrm" name="loginFrm" method="POST" action="{!! route('admin.login') !!}">
        @csrf
        <div class="form-group">
            <input id="email" type="email" class="input-material" name="email" value="{!! old('email') !!}" autocomplete="email" autofocus>
            <label for="email" class="label-material">{!! __('E-Mail Address') !!}</label>
            @error('email')
            <span class="invalid-feedback" role="alert">
                <strong>{!! $message !!}</strong>
            </span>
            @enderror
        </div>
        <div class="form-group">
            <input id="password" type="password" class="input-material" name="password" autocomplete="current-password">
            @error('password')
            <span class="invalid-feedback" role="alert">
                <strong>{!! $message !!}</strong>
            </span>
            @enderror
            <label for="password" class="label-material">{!! __('Password') !!}</label>
        </div>
        <div class="form-group">
            <button type="submit" class="btn btn-primary">
                {!! __('Login') !!}
            </button>
        </div>
        <!-- This should be submit button but I replaced it with <a> for demo purposes-->
    </form>

    @if (Route::has('admin.password.request'))
    <a class="forgot-pass" href="{!! route('admin.password.request') !!}">
        {!! __('Forgot Your Password?') !!}
    </a>
    @endif
</div>
@section('js')
<script src="{!! asset('assets/backend/js/pages/auth.js') !!}"></script>
@stop
@endsection