@extends('web_site.auth.layout')

@section('auth_title', trans('site.auth.signin_title'))

@section('auth_form')
    <form id="SigninForm" action="{{ route('signin.store') }}" method="POST" class="form-wrap1 bg-white" novalidate>
        @csrf
        <div class="form-title-box bg-title">
            <h2 class="h4 mb-1 text-white">{{ trans('site.auth.signin_title') }}</h2>
            <p class="mb-0 text-white-light">{{ trans('site.auth.signin_subtitle') }}</p>
        </div>

        <div class="form-box">
            <div class="form-group">
                <input type="text" name="login" id="login" value="{{ old('login') }}" autocomplete="username" dir="auto"
                       class="form-control style2 @error('login') is-invalid @enderror"
                       placeholder="{{ trans('site.auth.login') }}" aria-label="{{ trans('site.auth.login') }}" required autofocus>
                <i class="fal small fa-user"></i>
                @error('login')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            @include('web_site.auth.partials.password', ['name' => 'password', 'placeholder' => trans('site.auth.password')])

            <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-4">
                <div class="form-check mb-0">
                    <input type="checkbox" name="remember" value="1" class="form-check-input" id="remember" @checked(old('remember'))>
                    <label class="form-check-label" for="remember">{{ trans('site.auth.remember') }}</label>
                </div>
                @if (Route::has('password.request'))
                    <a href="{{ route('password.request') }}" class="text-theme1">{{ trans('site.auth.forgot') }}</a>
                @endif
            </div>

            <button type="submit" class="vs-btn style2 w-100">{{ trans('site.auth.signin_title') }} <i class="far fa-sign-in-alt"></i></button>

            <p class="mt-4 mb-0 text-center">
                {{ trans('site.auth.no_account') }}
                <a href="{{ route('register') }}" class="text-theme1 fw-bold">{{ trans('site.auth.register_now') }}</a>
            </p>
        </div>
    </form>
@endsection

@section('auth_js')
    @include('partials.jsvalidation', ['request' => 'App\Http\Requests\Site\Auth\LoginRequest', 'selector' => '#SigninForm'])
@endsection