@extends('site.layouts.main')

@section('content')

<section class="sign-in">
    <img src="{{ asset('main_site/img/22.svg') }}" alt="">
    <div class="container">
        <div class="row justify-content-center align-items-center">
            <div class="col-md-4">


                {{-- if response equal no such a user back to form --}}
                @if(session()->get('response') && session()->get('response') !== 'No such user ')
                <h2>{{ sesstion()->get('response')}}</2>
                    {{-- {{ dd('dsf') }} --}}
                    @else
                    <div class="login-form">
                        <h1>@lang('forms.reset_title')</h1>
                        <p>@lang('forms.code_email')</p>
                        @if(session()->get('response'))
                        <p style="color: red;text-align:center">{{ session()->get('response') }}</p>
                        @endif

                        <form action="{{ route('reset.code') }}" method="POST">
                            @csrf
                            <div class="row">
                                <div class="col-md-12">
                                    <input type="email" name="email" id="" placeholder="@lang('forms.email')"
                                        value="{{ old('email') }}">
                                    @error('email')
                                    <p style="text-align: center;color:red">{{ $message }}</p>
                                    @enderror
                                </div>
                                <div class="col-md-12">
                                    <input type="password" name="code" id="" placeholder="@lang('forms.code')">
                                    @error('code')
                                    <p style="text-align: center;color:red">{{ $message }}</p>
                                    @enderror
                                </div>

                                <div class="col-md-12">
                                    <button type="submit">@lang('buttons.reset')</button>
                                </div>

                            </div>
                        </form>
                    </div>
                    @endif

            </div>
        </div>
    </div>
</section>
@endsection