{{-- «فراموشی رمز» step 2: the code and the new password together. the mobile is NOT shown here: nothing is proven yet. --}}
@extends('layouts.mz')

@section('title', 'رمز تازه')

@section('content')
    <h1 class="mz-title">رمز تازه</h1>
    <p class="mz-lead">{{ $title }}</p>

    @if ($errors->any())
        <p class="mz-notice mz-notice--no" role="alert">رمز عوض نشد. خطای زیر هر فیلد را ببینید.</p>
    @endif

    <form class="mz-card mz-form mz-form--narrow" method="post" action="{{ route('mz.' . $area . '.password.update') }}">
        @csrf
        <div class="mz-field">
            <label class="mz-label" for="mz-code">کد پیامک‌شده</label>
            <input class="mz-input mz-input--ltr mz-input--code" id="mz-code" name="code" type="text" dir="ltr"
                   inputmode="numeric" autocomplete="one-time-code" required maxlength="6"
                   @error('code') aria-invalid="true" aria-describedby="mz-code-error" @enderror>
            @error('code')<p class="mz-error" id="mz-code-error">{{ $message }}</p>@enderror
        </div>
        <div class="mz-field">
            <label class="mz-label" for="mz-password">رمز تازه</label>
            <input class="mz-input mz-input--ltr" id="mz-password" name="password" type="password" dir="ltr"
                   autocomplete="new-password" required minlength="10" maxlength="200" aria-describedby="mz-password-hint"
                   @error('password') aria-invalid="true" @enderror>
            <span class="mz-hint" id="mz-password-hint">دست‌کم ۱۰ نویسه. همهٔ کسانی که با این حساب وارد شده‌اند، پس از تغییر رمز بیرون می‌روند.</span>
            @error('password')<p class="mz-error">{{ $message }}</p>@enderror
        </div>
        <div class="mz-field">
            <label class="mz-label" for="mz-password2">تکرار رمز تازه</label>
            <input class="mz-input mz-input--ltr" id="mz-password2" name="password_confirmation" type="password" dir="ltr"
                   autocomplete="new-password" required maxlength="200" @error('password_confirmation') aria-invalid="true" @enderror>
            @error('password_confirmation')<p class="mz-error">{{ $message }}</p>@enderror
        </div>
        <div class="mz-actions">
            <button class="mz-btn" type="submit">ثبت رمز تازه</button>
            <a class="mz-btn mz-btn--quiet" href="{{ route('mz.' . $area . '.password') }}">کد نرسید؟ دوباره بخواهید</a>
        </div>
    </form>
@endsection