@extends('front.layouts.master')

@section('content')

<main class="mb-5">
    <div class="mb-4 pb-4"></div>
    <section class="login-register container">
        <h2 class="d-none">{{ __('front.login_register') }}</h2>
        <ul class="nav nav-tabs mb-5" id="login_register" role="tablist">
            <li class="nav-item" role="presentation">
                <a class="nav-link nav-link_underscore active" id="login-tab" href="{{ route('front.login_form') }}" aria-controls="tab-item-login" aria-selected="true">{{ __('front.login') }}</a>
            </li>
            <li class="nav-item" role="presentation">
                <a class="nav-link nav-link_underscore" id="register-tab" href="{{ route('front.register_form') }}" aria-controls="tab-item-register" aria-selected="false">{{ __('front.register') }}</a>
            </li>
        </ul>
        <div class="tab-content pt-2" id="login_register_tab_content">
            <div class="tab-pane fade show active" id="tab-item-login" role="tabpanel" aria-labelledby="login-tab">
                <div class="login-form">
                    <form name="login-form" class="needs-validation" action="{{ route('front.login') }}" method="POST" novalidate>
                        @csrf
                        <div class="form-floating mb-3">
                            <input name="email" type="email" class="form-control form-control_gray" id="customerNameEmailInput1" placeholder="{{ __('front.email_address') }} *" required />
                            <label for="customerNameEmailInput1">{{ __('front.email_address') }} *</label>
                        </div>
                        @if ($errors->has('email'))
                            <small class="text-red">{{ $errors->first('email') }}</small>
                        @endif
                        <div class="pb-3"></div>

                        <div class="form-floating mb-3">
                            <input name="password" type="password" class="form-control form-control_gray" id="customerPasswodInput" placeholder="{{ __('front.password') }} *" required />
                            <label for="customerPasswodInput">{{ __('front.password') }} *</label>
                        </div>
                        @if ($errors->has('password'))
                            <small class="text-red">{{ $errors->first('password') }}</small>
                        @endif

                        <div class="d-flex align-items-center mb-3 pb-2">
                            <div class="form-check mb-0">
                                <input name="remember" class="form-check-input form-check-input_fill" type="checkbox" value="" id="flexCheckDefault1" />
                                <label class="form-check-label text-secondary" for="flexCheckDefault1">{{ __('front.remember_me') }}</label>
                            </div>
                            <a href="{{ route('front.reset_password_form') }}" class="btn-text ms-auto">{{ __('front.lost_password') }}</a>
                        </div>

                        <button class="btn btn-primary w-100 text-uppercase" type="submit">{{ __('front.login') }}</button>

                        <div class="customer-option mt-4 text-center">
                            <span class="text-secondary">{{ __('front.no_account_yet') }}</span>
                            <a href="#register-tab" class="btn-text js-show-register">{{ __('front.create_account') }}</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
</main>

@endsection