{{-- add a customer (flow م۸, slice 1): name + mobile. a duplicate mobile of THIS seller routes to that customer. --}}
@extends('layouts.mz')

@section('title', 'مشتری تازه')
@section('credit', '1')
@section('nav')
    @include('panel._nav')
@endsection

@section('content')
    <h1 class="mz-title">مشتری تازه</h1>

    @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.seller.customers.store') }}" novalidate>
        @csrf
        <div class="mz-field">
            <label class="mz-label" for="mz-name">نام</label>
            <input class="mz-input" id="mz-name" name="name" type="text" maxlength="100" required value="{{ old('name') }}"
                   @error('name') aria-invalid="true" aria-describedby="mz-name-error" @enderror>
            @error('name') <p class="mz-error" id="mz-name-error">{{ $message }}</p> @enderror
        </div>
        <div class="mz-field">
            <label class="mz-label" for="mz-mobile">موبایل</label>
            <input class="mz-input mz-input--ltr" id="mz-mobile" name="mobile" type="tel" dir="ltr" inputmode="tel" maxlength="20" required
                   value="{{ old('mobile') }}" aria-describedby="mz-mobile-hint @error('mobile') mz-mobile-error @enderror" @error('mobile') aria-invalid="true" @enderror>
            <span class="mz-hint" id="mz-mobile-hint">مشتری با همین شماره و کد پیامکی وارد اپ می‌شود.</span>
            @error('mobile')
                <p class="mz-error" id="mz-mobile-error">{{ $message }}
                    @if (session('mz.existing'))
                        <a href="{{ route('mz.seller.customers') }}#mz-customer-{{ session('mz.existing') }}">دیدن همین مشتری در فهرست</a>
                    @endif
                </p>
            @enderror
        </div>
        <div class="mz-actions">
            <button class="mz-btn" type="submit">ثبت مشتری</button>
            <a class="mz-btn mz-btn--quiet" href="{{ route('mz.seller.customers') }}">برگشت به مشتریان</a>
        </div>
    </form>
@endsection