@extends('layouts.app')

@section('title', __('ui.login'))

@section('content')
<div class="row justify-content-center mt-5">
    <div class="col-md-5">
        <div class="card-soft p-4">
            <h1 class="h3 mb-1">WapAPI</h1>
            <p class="text-muted mb-4">{{ __('ui.welcome') }}</p>
            <form method="POST" action="{{ route('login') }}">
                @csrf
                <div class="mb-3">
                    <label class="form-label">{{ __('ui.email') }}</label>
                    <input type="email" name="email" value="{{ old('email') }}" class="form-control" required autofocus>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{ __('ui.password') }}</label>
                    <input type="password" name="password" class="form-control" required>
                </div>
                <div class="form-check mb-3">
                    <input class="form-check-input" type="checkbox" name="remember" id="remember">
                    <label class="form-check-label" for="remember">{{ __('ui.remember') }}</label>
                </div>
                <button class="btn btn-wap w-100">{{ __('ui.login') }}</button>
            </form>
        </div>
    </div>
</div>
@endsection