@extends('layouts.app')
@section('title', __('app.login'))
@section('content')
<div class="login-screen">
    <form class="login-card animated-panel" method="post" action="{{ route('login.store') }}">
        @csrf
        <div class="login-logo">📱</div>
        <h1>{{ __('app.app_name') }}</h1>
        <p>{{ __('app.offline_erp') }}</p>

        <div data-mdb-input-init class="form-outline mb-4">
            <input type="email" id="form1Example1" name="email" class="form-control" placeholder=" " value="{{ old('email','admin@mobile.test') }}" required />
            <label class="form-label" for="form1Example1">{{ __('app.email') }}</label>
        </div>

        <div data-mdb-input-init class="form-outline mb-4">
            <input type="password" id="form1Example2" name="password" class="form-control" placeholder=" " required />
            <label class="form-label" for="form1Example2">{{ __('app.password') }}</label>
        </div>

        <div class="row mb-4 remember-row">
            <div class="col d-flex justify-content-center">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="remember" value="1" id="form1Example3" checked />
                    <label class="form-check-label" for="form1Example3"> {{ __('app.remember') }} </label>
                </div>
            </div>
            <div class="col"><a href="#!">{{ __('app.forgot_password') }}</a></div>
        </div>

        <button data-mdb-ripple-init type="submit" class="btn btn-primary btn-block">{{ __('app.login') }}</button>
        <small class="hint">admin@mobile.test / password</small>
    </form>
</div>
@endsection