@extends('layouts.app')
@php
    $editing = $assignment->exists;
    $title = $editing ? 'Edit '.$assignment->number() : 'Assign orders to a vendor';
    $formData = [
        'single' => $editing,
        'rows' => array_values(array_map(fn ($r) => $editing ? array_merge($r, ['order_id' => $assignment->order_id]) : $r, $rows)),
        'orders' => $orders->map(fn ($o) => [
            'id' => $o->id,
            'label' => $o->order_no.' — '.$o->client->name.' ('.money($o->total).')',
            'items' => $o->items->map(fn ($i) => ['id' => $i->id, 'label' => trim($i->design_name.($i->sizeText() ? ' · '.$i->sizeText() : '').($i->color ? ' · '.$i->color : '').' ×'.rtrim(rtrim((string) $i->quantity, '0'), '.'))])->values(),
        ])->values(),
    ];
@endphp
@section('title', $title)

@section('content')
<x-page-header :title="$title" :subtitle="$editing ? $assignment->vendor->name : 'Give one or more orders to a vendor and agree the amount for each'" />

<form method="POST" action="{{ $editing ? route('vendor-assignments.update', $assignment) : route('vendor-assignments.store') }}" data-validate novalidate>
    @csrf
    @if ($editing) @method('PUT') @endif
    @include('partials.error-summary')

    <div class="row g-3">
        <div class="col-xl-8">
            <x-form-section title="Vendor and dates" icon="truck">
                @if ($editing)
                    <div class="col-12"><div class="form-control-plaintext fw-semibold">{{ $assignment->vendor->name }}</div></div>
                @else
                    <x-select name="vendor_id" label="Vendor" required ts placeholder="Search vendors…" quickAdd="vendor">
                        <option value="">Select vendor…</option>
                        @foreach ($vendors as $v)<option value="{{ $v->id }}" @selected(old('vendor_id', $assignment->vendor_id) == $v->id)>{{ $v->name }}</option>@endforeach
                    </x-select>
                @endif
                <x-field name="assigned_on" type="date" label="Assigned on" :value="$assignment->assigned_on?->format('Y-m-d')" col="3" required />
                <x-field name="due_date" type="date" label="Finish / due by" :value="$assignment->due_date?->format('Y-m-d')" col="3" data-not-before="#assigned_on" data-not-before-message="Due date cannot be earlier than the assigned date." />
                <x-select name="manager_id" label="Site manager" ts placeholder="Search managers…" :col="$editing ? 6 : 6" hint="Posts progress updates and photos. Leave empty if nobody is overseeing this work.">
                    <option value="">No manager</option>
                    @foreach ($managers as $m)<option value="{{ $m->id }}" @selected(old('manager_id', $assignment->manager_id) == $m->id)>{{ $m->name }}</option>@endforeach
                </x-select>
                @if ($editing)
                    <x-select name="status" label="Status" col="6">
                        @foreach (\App\Models\VendorAssignment::STATUSES as $key => [$label])<option value="{{ $key }}" @selected(old('status', $assignment->status) === $key)>{{ $label }}</option>@endforeach
                    </x-select>
                @endif
            </x-form-section>

            <x-form-section :title="$editing ? 'Order and amount' : 'Orders to assign'" icon="bag-check">
                <div class="col-12">
                    <div id="assignment-rows"></div>
                    @unless ($editing)
                    <button type="button" class="btn btn-soft-primary btn-sm mt-1" id="add-assignment-row"><i class="bi bi-plus-lg" aria-hidden="true"></i> Add another order</button>
                    @endunless
                    <div class="form-text mt-2">Type the agreed amount for the whole order, or open <em>Specific products only</em> to agree an amount per product.</div>
                </div>
            </x-form-section>
        </div>
        <div class="col-xl-4">
            <x-form-section title="Notes" icon="journal-text">
                <x-textarea name="notes" label="Internal notes" :value="$assignment->notes" rows="3" maxlength="2000" col="12" />
            @include('partials.assign-to', ['value' => $assignment->assigned_to])
            </x-form-section>
            <div class="card card-body" style="background: var(--app-primary-soft); border-color: transparent">
                <div class="small"><strong>How this works</strong>
                    <ul class="ps-3 mb-0 mt-1">
                        <li>The agreed amount is what you will owe the vendor for the order.</li>
                        <li>Extra costs can be added later from the assignment page.</li>
                        <li>Pay for a specific order, or pay the vendor in general and allocate later.</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="form-actions">
        <a href="{{ $editing ? route('vendor-assignments.show', $assignment) : route('vendor-assignments.index') }}" class="btn btn-ghost">Cancel</a>
        <span class="spacer"></span>
        <button class="btn btn-primary">{{ $editing ? 'Save changes' : 'Assign' }}</button>
    </div>
</form>
<script type="application/json" id="assignment-data">@json($formData)</script>
@endsection

@push('modals') @include('partials.quick-add', ['type' => 'vendor']) @endpush