@extends('layouts.app')
@section('title', $assignment->order->order_no)

@section('content')
@php
    $a = $assignment;
    $canUpdate = ! $a->isCompleted() && auth()->user()->can('work.update_own');
    $max = (int) config('erp.work.max_photos_per_update');
    $draftData = $drafts->map(function ($p) {
        return ['id' => $p->id, 'thumb' => route('work-photos.show', [$p, 'thumb']), 'kb' => (int) round($p->bytes / 1024), 'has_location' => $p->hasLocation()];
    })->values();
@endphp
<x-page-header :title="$a->order->order_no" :subtitle="$a->number().($a->description ? ' · '.$a->description : '')">
    <span class="badge-soft badge-soft-{{ $a->isCompleted() ? 'success' : 'warning' }}">{{ $a->isCompleted() ? 'Completed' : $a->progress.'% done' }}</span>
</x-page-header>

<div class="row g-3">
    <div class="col-lg-5">
        <div class="card mb-3">
            <div class="card-header"><span class="card-title">The job</span></div>
            <div class="card-body">
                <dl class="dl-grid mb-3">
                    <dt>Assigned</dt><dd>{{ $a->assigned_on->format('d M Y') }}</dd>
                    <dt>Due by</dt><dd class="{{ $a->due_date && $a->due_date->isPast() && ! $a->isCompleted() ? 'text-danger fw-semibold' : '' }}">{{ $a->due_date?->format('d M Y') ?? '—' }}</dd>
                    <dt>Vendor</dt><dd>{{ $a->vendor->name }}</dd>
                    @if ($a->order->delivery_date)<dt>Delivery</dt><dd>{{ $a->order->delivery_date->format('d M Y') }}</dd>@endif
                </dl>
                <div class="mini-progress {{ $a->progress >= 100 ? '' : 'is-partial' }}" style="height:8px" role="progressbar" aria-valuenow="{{ $a->progress }}" aria-valuemin="0" aria-valuemax="100" aria-label="{{ $a->progress }}% done"><span style="width: {{ $a->progress }}%"></span></div>
            </div>
        </div>
        <div class="card mb-3">
            <div class="card-header"><span class="card-title">Items in this order</span></div>
            <ul class="list-rows">
                @foreach ($a->order->items as $it)
                    <li><div class="grow"><span class="title">{{ $it->design_name }}</span><span class="sub">{{ collect([$it->sizeText(), $it->color, $it->material])->filter()->join(' · ') }}</span></div><div class="num fw-semibold">× {{ rtrim(rtrim(number_format((float) $it->quantity, 2, '.', ''), '0'), '.') }}</div></li>
                @endforeach
            </ul>
        </div>
        @if ($a->notes)<div class="card card-body mb-3"><div class="small text-muted mb-1">Notes from the office</div>{!! nl2br(e($a->notes)) !!}</div>@endif
    </div>

    <div class="col-lg-7">
        @if ($canUpdate)
        <div class="card mb-3">
            <div class="card-header"><span class="card-title">Post an update</span></div>
            <div class="card-body">
                @include('partials.work-form', ['action' => route('my-work.updates.store', $a), 'uploadUrl' => route('my-work.photos.store', $a), 'discardUrl' => route('my-work.photos.destroy', [$a, '__ID__']), 'progress' => $a->progress, 'drafts' => $drafts, 'completeUrl' => route('my-work.complete', $a)])
            </div>
        </div>
        @elseif ($a->isCompleted())
        <div class="card card-body mb-3 text-center text-muted"><i class="bi bi-check-circle-fill text-success fs-3" aria-hidden="true"></i><div class="mt-1">This work is complete{{ $a->completed_at ? ' · '.$a->completed_at->timezone(config('erp.timezone'))->format('d M Y') : '' }}. Ask the office if it needs reopening.</div></div>
        @endif

        <div class="card">
            <div class="card-header"><span class="card-title">History</span></div>
            <div class="card-body">@include('partials.work-timeline', ['updates' => $a->updates])</div>
        </div>
    </div>
</div>
@endsection