@extends('layouts.auth')

@section('title', 'Log Masuk')

@section('content')
    <h2 class="w3-text-blue"><i class="fa fa-sign-in-alt"></i> Log Masuk</h2>
    <p>Sila masukkan emel dan kata laluan anda untuk meneruskan.</p>

    <form method="POST" action="{{ route('login') }}">
        @csrf

        <label class="w3-left"><b>Emel</b></label>
        <input class="w3-input w3-border w3-round" type="email" name="email" value="{{ old('email') }}" required autofocus>
        @error('email')
            <span class="w3-text-red">{{ $message }}</span>
        @enderror

        <label class="w3-left w3-margin-top"><b>Kata Laluan</b></label>
        <input class="w3-input w3-border w3-round" type="password" name="password" required>
        @error('password')
            <span class="w3-text-red">{{ $message }}</span>
        @enderror

        <p class="w3-left">
            <input type="checkbox" name="remember"> Ingat saya
        </p>

        <button type="submit" class="w3-button w3-blue w3-round w3-block w3-margin-top">
            <i class="fa fa-unlock"></i> Log Masuk
        </button>

        <p class="w3-small w3-margin-top">
            Tiada akaun? <a href="{{ route('register') }}" class="w3-text-blue">Daftar Sekarang</a><br>
            <a href="{{ route('password.request') }}" class="w3-text-blue">Lupa Kata Laluan?</a>
        </p>
    </form>
@endsection