@extends('front.layouts.master')

@section('content')

<main class="mb-5">
    <div class="mb-4 pb-4"></div>
    <section class="login-register container">
        <h2 class="section-title text-center fs-3 mb-xl-5">{{ __('front.set_your_password') }}</h2>
        <p>{{ __('front.set_password_instructions') }}</p>
        <div class="set-password-form">
            @if ($errors->has('error'))
                <div class="alert alert-danger">
                    {{ $errors->first('error') }}
                </div>
            @endif
            <form name="set-password-form" class="needs-validation" action="{{ route('front.set_password') }}" method="POST" novalidate>
                @csrf
                <div class="form-floating mb-3">
                    <input name="reset_code" type="text" class="form-control form-control_gray" id="resetCode" placeholder="{{ __('front.reset_code') }} *" required />
                    <label for="resetCode">{{ __('front.reset_code') }} *</label>
                </div>
                <div class="form-floating mb-3">
                    <input name="password" type="password" class="form-control form-control_gray" id="passwordInput" placeholder="{{ __('front.password') }} *" required />
                    <label for="passwordInput">{{ __('front.password') }} *</label>
                </div>
                @if ($errors->has('password'))
                    <small class="text-red">{{ $errors->first('password') }}</small>
                @endif
                <div class="form-floating mb-3">
                    <input name="password_confirmation" type="password" class="form-control form-control_gray" id="passwordConfirmationInput" placeholder="{{ __('front.password_confirmation') }} *" required />
                    <label for="passwordConfirmationInput">{{ __('front.password_confirmation') }} *</label>
                </div>
                @if ($errors->has('password_confirmation'))
                    <small class="text-red">{{ $errors->first('password_confirmation') }}</small>
                @endif

                <button class="btn btn-primary w-100 text-uppercase" type="submit">{{ __('front.submit') }}</button>

                <div class="customer-option mt-4 text-center">
                    <a href="{{ route('front.login') }}" class="btn-text js-show-register">{{ __('front.login') }}</a>
                </div>
            </form>
        </div>
    </section>
</main>

@endsection