@extends('base')

@section('header')
    {{ trans_choice('label.store', 1) }}
@endsection


@section('content')
<!-- BEGIN LOGIN FORM -->
<form class="login-form" method="POST" action="{{ route('login') }}">
    @csrf
    
    <h3 class="form-title">
        {{ __('form.message.login.enter') }}
    </h3>
    <!--
    <div class="alert alert-warning display-hide">
        <button class="close" data-close="alert"></button>
        <span>
            {{ __('form.message.login.enter-email-password') }}
        </span>
    </div>
    -->
    @error('email')
    <div class="alert alert-danger">
        <button class="close" data-close="alert"></button>
        <span class="invalid-feedback" role="alert">
            {{ $message }}
        </span>
    </div>
    @enderror
    <div class="form-group">
        <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
        <label class="control-label visible-ie8 visible-ie9">
            {{ __('form.label.login.email') }}
        </label>
        <div class="input-icon">
            <i class="fa fa-user"></i>
            <input id="email" type="email" name="email" placeholder="{{ __('form.placeholder.login.email') }}" class="form-control placeholder-no-fix" value="{{ old('email') }}" required autocomplete="email" autofocus/>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label visible-ie8 visible-ie9">
            {{ __('form.label.login.password') }}
        </label>
        <div class="input-icon">
            <i class="fa fa-lock"></i>
            <input id="password" type="password" placeholder="{{ __('form.placeholder.login.password') }}" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password"/>
        </div>
    </div>
    <div class="form-actions">
        <label class="checkbox">
            <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
            {{ __('form.label.login.remember-me') }}
        </label>
        <button type="submit" class="btn btn-info pull-right">
            {{ __('form.label.login.login') }}
        </button>
    </div>
    <div class="forget-password">
        <h4>
            {{ __('form.message.login.ask-password-forgotten') }}
        </h4>
        <p>
            {!! __('form.message.login.note-password-forgotten', ['link' => route('password.request') ]) !!}
        </p>
    </div>
    <div class="create-account">
        <p>
            {!! __('form.message.login.note-not-registered', ['link' => route('register') ]) !!}
        </p>
    </div>
</form>
<!-- END LOGIN FORM -->
@endsection