{{-- «حساب» of the seller panel (flow م۱۱ steps 1 and 2; slice 7): the ONE shared account (decision ت۳) — its username and
     its mobile in full (+NO-PHONE-MASK), who changes the mobile (us), and «تغییر رمز». a wrong current password routes
     to «فراموشی رمز» (flow م۱۱ table); a change ends every other session of the account and keeps this one. errors live in
     their own bag («password»), so nothing on this page is mistaken for another form's. --}}
@extends('layouts.mz')

@section('title', 'حساب')
@section('credit', '1')
@section('nav')
    @include('panel._nav')
@endsection

@section('content')
    <h1 class="mz-title">حساب</h1>

    <div class="mz-card">
        <h2 class="mz-card__title">حساب مشترک پنل</h2>
        <p>همهٔ سازمان شما با همین یک حساب کار می‌کنند؛ در تاریخچهٔ عملیات کارهای این حساب با عامل «مدیر» ثبت می‌شوند.</p>
        <dl class="mz-facts">
            <div class="mz-facts__row"><dt>نام کاربری</dt><dd><bdi dir="ltr">{{ $admin->username }}</bdi></dd></div>
            <div class="mz-facts__row"><dt>موبایل کد ورود</dt><dd><x-mz-phone :number="$admin->mobile"/></dd></div>
        </dl>
        <p class="mz-hint">موبایل فقط به دست پشتیبانی مظنه عوض می‌شود@if (config('mz.support_phone')) (<x-mz-phone :number="config('mz.support_phone')" :link="true"/>)@endif.</p>
        <div class="mz-actions"><a class="mz-btn mz-btn--quiet" href="{{ route('mz.seller.history', ['kind' => 'account']) }}">تاریخچهٔ حساب و رمز</a></div>
    </div>

    <form class="mz-card mz-form mz-form--narrow" id="mz-password" method="post" action="{{ route('mz.seller.account.password') }}">
        @csrf
        <h2 class="mz-card__title">تغییر رمز</h2>
        @if (session('mz.saved'))
            <p class="mz-notice mz-notice--ok" role="status">{{ session('mz.saved') }}</p>
        @endif
        @if ($errors->password->any())
            <p class="mz-notice mz-notice--no" role="alert">رمز عوض نشد. خطای زیر هر فیلد را ببینید.</p>
        @endif
        <div class="mz-field">
            <label class="mz-label" for="mz-current">رمز فعلی</label>
            <input class="mz-input mz-input--ltr" id="mz-current" name="current" type="password" dir="ltr" autocomplete="current-password" required maxlength="200"
                   @if ($errors->password->has('current')) aria-invalid="true" aria-describedby="mz-current-error" @endif>
            @if ($errors->password->has('current'))
                <p class="mz-error" id="mz-current-error">{{ $errors->password->first('current') }} <a href="{{ route('mz.seller.password') }}">فراموشی رمز</a></p>
            @endif
        </div>
        <div class="mz-field">
            <label class="mz-label" for="mz-new-password">رمز تازه</label>
            <input class="mz-input mz-input--ltr" id="mz-new-password" name="password" type="password" dir="ltr" autocomplete="new-password" required minlength="10" maxlength="200"
                   aria-describedby="mz-new-password-hint @if ($errors->password->has('password')) mz-new-password-error @endif" @if ($errors->password->has('password')) aria-invalid="true" @endif>
            <span class="mz-hint" id="mz-new-password-hint">دست‌کم ۱۰ نویسه. هر جای دیگری که با این حساب وارد شده است، بیرون می‌رود؛ همین‌جا وارد می‌مانید.</span>
            @if ($errors->password->has('password'))<p class="mz-error" id="mz-new-password-error">{{ $errors->password->first('password') }}</p>@endif
        </div>
        <div class="mz-field">
            <label class="mz-label" for="mz-new-password2">تکرار رمز تازه</label>
            <input class="mz-input mz-input--ltr" id="mz-new-password2" name="password_confirmation" type="password" dir="ltr" autocomplete="new-password" required maxlength="200"
                   @if ($errors->password->has('password_confirmation')) aria-invalid="true" aria-describedby="mz-new-password2-error" @endif>
            @if ($errors->password->has('password_confirmation'))<p class="mz-error" id="mz-new-password2-error">{{ $errors->password->first('password_confirmation') }}</p>@endif
        </div>
        <div class="mz-actions">
            <button class="mz-btn" type="submit">ثبت رمز تازه</button>
        </div>
    </form>
@endsection