{{-- the seller's page of ONE order (slice 10, flow م۱۰ «هر ردیف به صفحهٔ معامله با تاریخچهٔ کامل وضعیت‌ها می‌رود»; debts 35
     and 46): the figures locked when it was placed, the customer's note, every status move with who made it and why, the
     ledger rows it wrote, its accounting events, and «ابطال» while it is approved. read-only; nothing is computed again. --}}
@extends('layouts.mz')

@section('title', 'سفارش ' . $number)
@section('credit', '1')
@section('nav')
    @include('panel._nav')
@endsection

@section('content')
    <h1 class="mz-title">سفارش {{ $number }} <span class="mz-pill {{ $tone !== '' ? 'mz-pill--' . $tone : '' }}">{{ $status }}</span></h1>
    @if (session('mz.saved'))
        <p class="mz-notice mz-notice--ok" role="status">{{ session('mz.saved') }}</p>
    @endif

    <section class="mz-card" aria-labelledby="mz-order-figures">
        <h2 class="mz-card__title" id="mz-order-figures">معامله</h2>
        <dl class="mz-figures">
            @foreach ($figures as $term => $value)
                <dt class="mz-figures__term">{{ $term }}</dt><dd class="mz-figures__value">{{ $value }}</dd>
            @endforeach
            <dt class="mz-figures__term">مشتری</dt>
            <dd class="mz-figures__value">
                @if ($customer !== null)
                    <a href="{{ route('mz.seller.customers.show', $customer->id) }}">{{ $customer->name }}</a> <x-mz-phone :number="$customer->mobile" :link="true"/>
                @else
                    —
                @endif
            </dd>
        </dl>
        @if ($note !== null)
            <p class="mz-note"><span class="mz-note__label">توضیح مشتری:</span> <bdi>{{ $note }}</bdi></p>
        @endif
        <div class="mz-actions">
            @if ($voidUrl !== null)<a class="mz-btn mz-btn--quiet" href="{{ $voidUrl }}">ابطال معامله</a>@endif
            <a class="mz-btn mz-btn--quiet" href="{{ $back }}">بازگشت به سفارش‌ها</a>
        </div>
    </section>

    <section class="mz-card" aria-labelledby="mz-order-history">
        <h2 class="mz-card__title" id="mz-order-history">تاریخچهٔ وضعیت</h2>
        <ol class="mz-history">
            @foreach ($history as $move)
                <li class="mz-history__item">
                    <div class="mz-history__head">
                        <span class="mz-history__what">{{ $move['what'] }}</span>
                        <span class="mz-hint mz-history__when">{{ $move['when'] }}</span>
                    </div>
                    <p class="mz-history__summary">{{ $move['who'] }}</p>
                    @if ($move['reason'] !== null)
                        <p class="mz-hint mz-history__reason">دلیل: {{ $move['reason'] }}</p>
                    @endif
                </li>
            @endforeach
        </ol>
    </section>

    <section class="mz-card" aria-labelledby="mz-order-ledger">
        <h2 class="mz-card__title" id="mz-order-ledger">دفتر و حسابداری</h2>
        @if ($entries === [])
            <p>این سفارش تأیید نشده است، پس ردیف دفتر و رخداد حسابداری ندارد.</p>
        @else
            <ul class="mz-list">
                @foreach ($entries as $entry)
                    <li>
                        <span class="mz-meta"><span class="mz-meta__item"><a href="{{ $entry['href'] }}">{{ $entry['label'] }}</a></span><span class="mz-meta__item">{{ $entry['effect'] }}</span></span>
                        <br><span class="mz-hint">{{ $entry['accounting'] }}</span>
                        @if ($entry['accountingHref'] !== null) <a class="mz-hint" href="{{ $entry['accountingHref'] }}">حسابداری</a>@endif
                    </li>
                @endforeach
            </ul>
        @endif
    </section>
@endsection