@extends('layouts.frontend.index')

@section('head_metas')
  <title>{{ __('Вход в акаунт') }} | Ahelos</title>
@endsection

@section('content')
  <section class="login-page">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-md-6">
          <h1>{{ __('Вход в акаунт') }}</h1>
          @if (session('danger'))
            <div class="alert alert-danger form-group">
              {{ session('danger') }}
            </div>
          @endif
          <div class="box contact-box">
              <form method="POST" action="{{ route('login.page') }}">
                @csrf

                <div class="form-group">
                  <label for="email" class="">Email</label>
                  <input id="email" type="text" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>

                    @error('email')
                      <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                      </span>
                    @enderror
                  </div>

                  <div class="form-group">
                    <label for="password" class="">{{ __('Парола') }}</label>

                    <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">

                      @error('password')
                        <span class="invalid-feedback" role="alert">
                          <strong>{{ $message }}</strong>
                        </span>
                      @enderror
                   </div>

                    <div class="form-group">
                      <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
                        <label class="form-check-label" for="remember">
                          {{ __('Запомни ме') }}
                        </label>
                      </div>
                    </div>

                    <div class="form-group d-flex justify-content-between align-items-center">
                      <button type="submit" class="btn btn-login">
                        {{ __('Вход в акаунт') }}
                      </button>

                      @if (Route::has('password.request'))
                        <a class="forgot-password" href="{{ route('password.request') }}">
                          {{ __('Забравена парола') }}
                        </a>
                      @endif
                    </div>

                    <div class="form-group flex-between">
                      <a href="{{ route('auth.facebook') }}" class="btn btn-facebook d-block flex-between"><i class="fab fa-facebook-f" aria-hidden></i> {{ __('Вход с Facebook') }}</a>
                    </div>
                  </form>
              </div>
            </div>
          </div>
        </div>
  </section>

@endsection