@extends('users::auth.index')

@section('auth-main')
    @messages_ajax
    <h1>{{ __('users::login.form.header') }}</h1>
    <form action="{{ route('user.login') }}" method="post" class="form cmb js-validate js-validate--ajax">
        @csrf
        <div class="form__group">
            <label for="f-login-email" class="form__label">{{ __('users::fields.email') }}</label>
            <div class="form__field">
                <input type="text" name="email" value="{{ old('email') }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input" id="f-login-email">
            </div>
        </div>
        <div class="form__group">
            <label for="f-login-password" class="form__label">{{ __('users::fields.password') }}</label>
            <div class="form__field">
                <input type="password" name="password" placeholder="{{ __('users::fields.placeholder') }}" class="form__input" id="f-login-password">
            </div>
        </div>
        <div class="form__group">
            <div class="form__field">
                <div class="form__checkbox">
                    <label class="checkbox">
                        <input type="checkbox" name="remember" class="checkbox__input js-checkbox" id="f-login-remember"{{ old('remember') ? 'checked' : '' }}>
                        <span class="checkbox__text">
                            <span class="checkbox__label">{{ __('users::login.form.remember') }}</span>
                        </span>
                    </label>
                </div>
            </div>
        </div>
        <div class="form__actions">
            <p class="form__action-link mb-15"><a href="{{ route('user.password.request') }}">{{ __('users::login.form.forgot_password') }}</a></p>
            <button type="submit" class="btn btn--block">{{ __('users::login.form.button') }}</button>
            <p class="form__action-link text-center mt-15">{{ __('users::login.form.register_info') }} <a href="{{ route('user.register') }}">{{ __('users::login.form.register') }}</a></p>
        </div>
    </form>
    @if (config('users.settings.social_login'))
        <div class="row gutter-10">
            @if (in_array('facebook', config('users.settings.social_login')))
                <div class="col-xxs-12 col-xs-6">
                    <a href="{{ route('user.login.social', 'facebook') }}" class="social-btn social-btn--facebook btn--block"><span class="icon"><i class="ico ico-facebook"></i></span></a>
                </div>
            @endif
            @if (in_array('google', config('users.settings.social_login')))
                <div class="col-xxs-12 col-xs-6">
                    <a href="{{ route('user.login.social', 'google') }}" class="social-btn social-btn--google btn--block"><span class="icon"><i class="ico ico-google-plus"></i></span></a>
                </div>
            @endif
        </div>
    @endif
@endsection