@extends('layouts.app')

@section('content')
<div class="login-card">
    <div class="brand center">
        <div class="brand-mark big">CS</div>
        <div>
            <h1>Clockshifts</h1>
            <p>{{ __('messages.attendance_portal') }}</p>
        </div>
    </div>

    <form method="post" action="{{ route('login.post') }}" class="form">
        @csrf
        <label>{{ __('messages.email') }}</label>
        <input type="email" name="email" value="{{ old('email') }}" required autofocus>

        <label>{{ __('messages.password') }}</label>
        <input type="password" name="password" required>

        <label class="inline">
            <input type="checkbox" name="remember" value="1">
            {{ __('messages.remember_me') }}
        </label>

        <button class="btn btn-primary full">{{ __('messages.login') }}</button>
    </form>

    <div class="hint">
        Demo: admin@clockshifts.com / Clockshifts@123
    </div>
</div>
@endsection