@extends('layouts.app')

@section('title', 'Sign in | National Gender Based Violence Database')

@section('content')
<div class="ngbvd-login-box">
    <div class="mb-4">
        <h2 class="ngbvd-page-title">Sign in</h2>
        <p class="ngbvd-page-subtitle">Use your authorized NGBVD account credentials.</p>
    </div>
    <form method="POST" action="{{ route('login') }}">
        @csrf
        <div class="form-group">
            <label for="email">Email Address</label>
            <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
            @error('email')
                <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
            @enderror
        </div>
        <div class="form-group">
            <label for="password">Password</label>
            <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
            @error('password')
                <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
            @enderror
        </div>
        <div class="d-flex justify-content-between align-items-center mb-4">
            <label class="mb-0"><input type="checkbox" name="remember" {{ old('remember') ? 'checked' : '' }}> Remember me</label>
            <a href="{{ url('/password/reset') }}" class="font-weight-bold">Forgot password?</a>
        </div>
        <button type="submit" class="btn btn-primary btn-block">Sign in</button>
    </form>
</div>
@endsection