@extends('site.layouts.app', ['auth_page' => true])
@section('style')
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/toastr/toastr.css') }}">
@endsection
@section('content')
    <div class="login-page">
        @include('site.inc.auth_navbar')

        <div class="login-section">
            <div class="container-fluid">

                <div class="row justify-content-center position-relative">
                    <div class="col-lg-5 col-md-7 col-12">

                        <div class="login-box rounded-xl def-bg p-46">
                            <form class="main-form white" id="otpForm" method="POST" action="{{ route('reset_password') }}">
                                @csrf
                                <div class="text-center mb-2">
                                    <img src="{{ asset('main-site') }}/assets/img/icons/password.png" class="img-fluid">
                                </div>

                                <h3 class="dark-color fw-600 mb-2 text-center">{{ __('site.Auth.Reset_1') }}</h3>
                                <div class="col-md-12">
                                    <div class="form-group mb-45">
                                        <label
                                            class="form-label dark-color mb-3 fw-600">{{ __('messages.Password') }}</label>
                                        <input type="password" name="password"
                                            class="form-control @error('password') is-invalid

                                        @enderror"
                                            placeholder="{{ __('site.Auth.Company_4') }}">
                                        @error('password')
                                            <span class="invalid-feedback" role="alert">

                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group mb-45">
                                        <label
                                            class="form-label dark-color mb-3 fw-600">{{ __('messages.Confirm Password') }}</label>
                                        <input type="password" name="password_confirmation"
                                            class="form-control @error('password_confirmation') is-invalid

                                        @enderror"
                                            placeholder="{{ __('site.Auth.Company_5') }}">
                                        @error('password_confirmation')
                                            <span class="invalid-feedback" role="alert">

                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <input type="email" hidden name="mobile_or_email" value={{ $email }}>
                                <input type="text" hidden name="otp" id="otp_code" value="{{ $otp }}">
                                <button class="main-btn w-100 mb-3 mt-45">{{ __('messages.Save') }}</button>


                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>