{{-- Progress update form with photos. Used by site managers (per assignment) and by staff (per order). --}}
@php
    $progress = $progress ?? 0;
    $drafts = $drafts ?? collect();
    $completeUrl = $completeUrl ?? null;
    $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
<form method="POST" action="{{ $action }}" id="work-form" novalidate data-upload="{{ $uploadUrl }}" data-discard="{{ $discardUrl }}" data-max="{{ $max }}">
                    @csrf
                    @include('partials.error-summary')
                    <div class="mb-3">
                        <label for="progress" class="form-label d-flex justify-content-between">How much is done? <strong><output id="progress-out">{{ old('progress', $progress) }}</output>%</strong></label>
                        <input type="range" class="form-range" id="progress" name="progress" min="0" max="100" step="5" value="{{ old('progress', $progress) }}">
                    </div>
                    <div class="mb-3">
                        <label for="note" class="form-label">What was done?</label>
                        <textarea id="note" name="note" rows="3" maxlength="2000" class="form-control" placeholder="e.g. Weaving of 3 carpets finished, binding started">{{ old('note') }}</textarea>
                    </div>

                    <div class="mb-2">
                        <label class="form-label">Photos <span class="text-muted fw-normal">(up to {{ $max }})</span></label>
                        <div class="d-flex flex-wrap gap-2">
                            <label class="btn btn-soft-primary mb-0"><i class="bi bi-camera-fill" aria-hidden="true"></i> Take photo
                                <input type="file" id="photo-camera" accept="image/*" capture="environment" hidden></label>
                            <label class="btn btn-ghost mb-0"><i class="bi bi-images" aria-hidden="true"></i> Choose photos
                                <input type="file" id="photo-gallery" accept="image/*" multiple hidden></label>
                        </div>
                        <div class="form-text" id="geo-status" aria-live="polite">Photos are stamped with the date, time and your location.</div>
                    </div>
                    <div class="row g-2 mb-3" id="photo-list"></div>
                    <div id="photo-ids"></div>

                    <div class="d-flex flex-wrap gap-2 justify-content-between pt-2 border-top">
                        <button type="submit" class="btn btn-primary" id="post-update" data-no-lock><i class="bi bi-send" aria-hidden="true"></i> Post update</button>
                        @if ($completeUrl)<button type="submit" formaction="{{ $completeUrl }}" class="btn btn-success" id="mark-complete" data-no-lock><i class="bi bi-check2-circle" aria-hidden="true"></i> Mark complete</button>@endif
                    </div>
                    @if ($completeUrl)<div class="form-text">Marking complete needs at least one photo of the finished work.</div>@endif
                </form>
<script type="application/json" id="work-drafts">{!! json_encode($draftData) !!}</script>