@extends('layouts.public')
@section('content')
    @include('includes.corano-breadcrumb', [
        'crumbs' => [
            ['label' => __('public.auth.reset_password')],
        ],
    ])

    <section class="auth-area section-padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-8">
                    <div class="auth-card">
                        <p class="section-kicker">{{ __('public.account.account') }}</p>
                        <h1 class="auth-title">{{ __('public.auth.reset_password') }}</h1>
                        <p class="auth-lead">{{ __('public.auth.reset_password_help') }}</p>

                        <form action="{{ __url('/reset-password') }}" method="POST" class="auth-form" novalidate>
                            @csrf
                            <input type="hidden" value="{{ $token }}" name="token">

                            <div class="auth-field">
                                <label for="password" class="form-label">{{ __('public.auth.p_new_password') }}</label>
                                <div class="password-toggle">
                                    <input name="password"
                                        id="password"
                                        type="password"
                                        class="form-control @error('password') is-invalid @enderror"
                                        autocomplete="new-password"
                                        placeholder="{{ __('public.auth.p_new_password') }}">
                                    <label class="password-toggle-btn" aria-label="{{ __('public.auth.show_hide_password') }}">
                                        <input class="password-toggle-check" type="checkbox">
                                        <span><i class="fas fa-eye"></i></span>
                                    </label>
                                </div>
                                @error('password')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="auth-field">
                                <label for="password_confirmation" class="form-label">{{ __('public.auth.p_confirm_password') }}</label>
                                <div class="password-toggle">
                                    <input name="password_confirmation"
                                        id="password_confirmation"
                                        type="password"
                                        class="form-control"
                                        autocomplete="new-password"
                                        placeholder="{{ __('public.auth.p_confirm_password') }}">
                                    <label class="password-toggle-btn" aria-label="{{ __('public.auth.show_hide_password') }}">
                                        <input class="password-toggle-check" type="checkbox">
                                        <span><i class="fas fa-eye"></i></span>
                                    </label>
                                </div>
                            </div>

                            <button type="submit" class="btn btn-hero">{{ __('public.auth.save') }}</button>
                        </form>

                        <p class="auth-footer">
                            <a href="{{ __url('/login') }}" class="auth-link">{{ __('public.auth.back_to_login') }}</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection