@extends('layouts.public')
@section('content')
    @include('includes.corano-breadcrumb', [
        'crumbs' => [
            ['label' => __('public.auth.login')],
        ],
    ])

    <section class="auth-area section-padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-8">
                    <div class="auth-card">
                        <p class="section-kicker">{{ __('public.menu.login') }}</p>
                        <h1 class="auth-title">{{ __('public.auth.login') }}</h1>
                        <p class="auth-lead">
                            {{ __('public.auth.do_not_have_account') }}
                            <a href="{{ __url('/register') }}">{{ __('public.auth.create_account') }}</a>
                        </p>

                        <form action="{{ __url('/login') }}" method="POST" class="auth-form r-form" data-action="onLogin" novalidate>
                            @csrf
                            <div class="auth-field">
                                <label for="username" class="form-label">{{ __('public.auth.p_email') }}</label>
                                <input class="form-control"
                                    type="email"
                                    id="username"
                                    name="username"
                                    autocomplete="email"
                                    placeholder="{{ __('public.auth.p_email') }}"
                                    value="{{ old('username') }}">
                                <div class="invalid-feedback"></div>
                            </div>

                            <div class="auth-field">
                                <label for="password" class="form-label">{{ __('public.auth.p_password') }}</label>
                                <div class="password-toggle">
                                    <input class="form-control success-protected"
                                        type="password"
                                        id="password"
                                        name="password"
                                        autocomplete="current-password"
                                        placeholder="{{ __('public.auth.p_password') }}">
                                    <label class="password-toggle-btn" aria-label="{{ __('public.auth.show_hide_password') }}">
                                        <input class="password-toggle-check" type="checkbox">
                                        <span><i class="fas fa-eye"></i></span>
                                    </label>
                                </div>
                                <div class="invalid-feedback"></div>
                            </div>

                            <div class="auth-field-row">
                                <a href="{{ __url('/forgot-password') }}" class="auth-link">{{ __('public.auth.forgot_password') }}</a>
                            </div>

                            <div class="alert alert-danger d-none mb-3" role="alert">
                                <div class="v-errors"></div>
                            </div>

                            <button type="submit" class="btn btn-hero">
                                {{ __('public.auth.login') }}
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection