{{-- flow م۱ step 1 (seller panel) and the console's sign-in (PRD پ۹): username + password; the code comes next --}}
@extends('layouts.mz')

@section('title', $title)

@section('content')
    <h1 class="mz-title">{{ $title }}</h1>

    @if ($errors->has('username'))
        <p class="mz-notice mz-notice--no" role="alert" id="mz-login-error">{{ $errors->first('username') }}</p>
    @endif

    <form class="mz-card mz-form mz-form--narrow" method="post" action="{{ route('mz.' . $area . '.login.attempt') }}">
        @csrf
        <div class="mz-field">
            <label class="mz-label" for="mz-username">نام کاربری</label>
            <input class="mz-input mz-input--ltr" id="mz-username" name="username" type="text" dir="ltr"
                   autocomplete="username" autocapitalize="none" spellcheck="false" required maxlength="64"
                   value="{{ old('username') }}" @error('username') aria-invalid="true" aria-describedby="mz-login-error" @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="current-password" required maxlength="200">
        </div>
        <p class="mz-hint">پس از رمز درست، یک کد شش‌رقمی به موبایل این حساب پیامک می‌شود.</p>
        <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