@extends('layouts.login')
@section('title', __('lang.title') )
@section ('capcha')
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
@endsection
@section('content')


<div class="login-box">

    <h4 class="mb-4 text-center">@lang('lang.welcome')</h4>
	<div class="mb-3">
		<input id="email" name="email" value="{{old('email')}}" type="text" class="form-control" placeholder="@lang('lang.email')">
		<span class="text-danger d-block text-start text-small" >@error('email') {{$message}} @enderror </span>
	</div>

	<div class="mb-3">
		<input id="password" name="password" type="password" class="form-control" placeholder="@lang('lang.password')">
		<span class="text-danger d-block text-start text-small" >@error('password') {{$message}} @enderror </span>
	</div>
		
	<div>
		<div class="mb-3" style="margin-top: 0px;">
		<div class="g-recaptcha" data-sitekey="{{ env('RECAPTCHA_SITE_KEY') }}"></div>
	</div>

	<div style="display: flex; justify-content: space-between;">
		<button id="enter" class="btn btn-primary">@lang('lang.enter')</button>
		<button id="register" class="btn btn-outline-secondary">@lang('lang.reg_title')</button>
	</div>

</div>


@endsection
@section('js')
<script src="js/main.js"></script>
@endsection