{{-- «مشتریان» (flow م۸, slice 1): this seller's own customers only. the mobile is shown in full (+NO-PHONE-MASK).
     slice 4الف: each customer's balances (signed, from the customer's view) and a link to the customer page.
     slice 5الف: each customer's category (who gets which price). --}}
@extends('layouts.mz')

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

@section('content')
    <div class="mz-card__head">
        <h1 class="mz-title">مشتریان</h1>
        <div class="mz-actions">
            <a class="mz-btn" href="{{ route('mz.seller.customers.create') }}">مشتری تازه</a>
            {{-- slice 13: many customers (and their opening balances) from one Excel file --}}
            <a class="mz-btn mz-btn--quiet" href="{{ route('mz.seller.customers.import') }}">ورود گروهی از اکسل</a>
        </div>
    </div>

    @if (session('mz.saved'))
        <p class="mz-notice mz-notice--ok" role="status">{{ session('mz.saved') }}</p>
    @endif

    @if ($customers->isEmpty())
        <div class="mz-card">
            <p>هنوز مشتری‌ای ثبت نکرده‌اید. هر مشتری فقط با شماره‌ای که شما ثبت می‌کنید وارد اپ مظنه می‌شود.</p>
            <div class="mz-actions">
                <a class="mz-btn" href="{{ route('mz.seller.customers.create') }}">ثبت نخستین مشتری</a>
                <a class="mz-btn mz-btn--quiet" href="{{ route('mz.seller.customers.import') }}">ورود گروهی از اکسل</a>
            </div>
        </div>
    @else
        <div class="mz-card mz-table-wrap">
            <table class="mz-table">
                <thead>
                    <tr>
                        <th class="mz-table__cell mz-table__head" scope="col">نام</th>
                        <th class="mz-table__cell mz-table__head" scope="col">موبایل</th>
                        <th class="mz-table__cell mz-table__head" scope="col">دسته</th>
                        <th class="mz-table__cell mz-table__head" scope="col">ماندهٔ ریال</th>
                        <th class="mz-table__cell mz-table__head" scope="col">ماندهٔ طلای ۷۵۰</th>
                        @if ($showsSilver)
                            <th class="mz-table__cell mz-table__head" scope="col">ماندهٔ نقرهٔ ۹۹۹</th>
                        @endif
                        @if ($showsCoins)
                            <th class="mz-table__cell mz-table__head" scope="col">ماندهٔ سکه</th>
                        @endif
                        <th class="mz-table__cell mz-table__head" scope="col">وضعیت</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($customers as $customer)
                        <tr id="mz-customer-{{ $customer->id }}">
                            <td class="mz-table__cell"><a href="{{ route('mz.seller.customers.show', $customer->id) }}">{{ $customer->name }}</a></td>
                            <td class="mz-table__cell"><x-mz-phone :number="$customer->mobile"/></td>
                            <td class="mz-table__cell">{{ $customer->group_id !== null ? ($groups[$customer->group_id] ?? '—') : 'بدون دسته' }}</td>
                            <td class="mz-table__cell"><bdi>{{ \App\Support\Display::money($balances[$customer->id][\App\Ledger\Ledger::RIAL], $moneyUnit) }}</bdi></td>
                            <td class="mz-table__cell"><bdi>{{ \App\Support\Display::weight($balances[$customer->id][\App\Ledger\Ledger::GOLD], $weightUnit) }}</bdi></td>
                            @if ($showsSilver)
                                <td class="mz-table__cell"><bdi>{{ \App\Support\Display::weight($balances[$customer->id][\App\Ledger\Ledger::SILVER], $weightUnit) }}</bdi></td>
                            @endif
                            @if ($showsCoins)
                                {{-- slice 5ه۱: each coin with a balance, by name; none = «—» --}}
                                <td class="mz-table__cell">
                                    @forelse ($coins[$customer->id] as $coinLine)
                                        <bdi class="mz-coin-line">{{ $coinLine }}</bdi>@if (!$loop->last)<br>@endif
                                    @empty
                                        —
                                    @endforelse
                                </td>
                            @endif
                            <td class="mz-table__cell">
                                @if ($customer->status === \App\Models\Customer::STATUS_ACTIVE)
                                    <span class="mz-pill mz-pill--ok">فعال</span>
                                @else
                                    <span class="mz-pill mz-pill--no">غیرفعال</span>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
@endsection