{{-- «انتخاب فروشنده» / «تغییر فروشنده» (flow ج۱ step 5, slice 1): the colleague's OWN memberships. a seller that is not
     active is listed with «فعلاً در دسترس نیست» and its phone, and cannot be chosen (the server refuses it too). --}}
@extends('layouts.mz')

@section('title', 'انتخاب فروشنده')
@if ($current)
    @section('nav')
        @include('colleague._nav', ['canSwitch' => true])
    @endsection
@endif

@section('content')
    <h1 class="mz-title">انتخاب فروشنده</h1>
    <p class="mz-lead">شمارهٔ شما نزد بیش از یک فروشنده ثبت است. با کدام کار می‌کنید؟ بعداً از «تغییر فروشنده» در منو عوض می‌شود.</p>

    @error('seller')
        <p class="mz-notice mz-notice--no" role="alert">{{ $message }}</p>
    @enderror

    <ul class="mz-choices mz-list-plain">
        @foreach ($memberships as $membership)
            @php $s = $membership->seller; @endphp
            <li class="mz-card mz-seller">
                <span class="mz-seller__mark" aria-hidden="true">{{ mb_substr($s->name, 0, 1) }}</span>
                <div class="mz-seller__body">
                    <h2 class="mz-card__title">{{ $s->name }}</h2>
                    {{-- slice 12: open = not suspended AND the subscription has not run out; the list never says which --}}
                    @if ($s->isOpen())
                        <form class="mz-inline-form" method="post" action="{{ route('mz.colleague.sellers.choose') }}">
                            @csrf
                            <input type="hidden" name="seller" value="{{ $s->id }}">
                            <button class="mz-btn" type="submit">
                                @if ((int) $current === $s->id) ادامه با همین فروشنده @else ورود به {{ $s->name }} @endif
                            </button>
                        </form>
                    @else
                        <p class="mz-hint"><span class="mz-pill mz-pill--no">فعلاً در دسترس نیست</span></p>
                        @if ($s->contact_phone)
                            <p class="mz-hint">تماس: <x-mz-phone :number="$s->contact_phone" :link="true"/></p>
                        @endif
                    @endif
                </div>
            </li>
        @endforeach
    </ul>
@endsection