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

@section('content')
@php
    $a = $assignment;
    $total = $a->total(); $paid = $a->paid(); $due = $a->due();
    $pct = $total > 0 ? min(100, round($paid / $total * 100)) : 0;
@endphp
<x-page-header :title="$a->number().' · '.$a->order->order_no" :subtitle="$a->vendor->name.' · '.$a->order->client->name">
    @if ($due > 0.004)
        @can('payments.create')
        <a href="{{ route('payments.create', ['direction' => 'paid', 'vendor_assignment_id' => $a->id]) }}" class="btn btn-danger"><i class="bi bi-cash-coin" aria-hidden="true"></i> Pay this assignment</a>
        @endcan
    @endif
    @can('vendor_assignments.edit')
    <a href="{{ route('vendor-assignments.edit', $a) }}" class="btn btn-ghost"><i class="bi bi-pencil" aria-hidden="true"></i> Edit</a>
    @endcan
    @can('vendor_assignments.delete')
    <x-delete-button :action="route('vendor-assignments.destroy', $a)" label="" title="Delete this assignment?" confirm="Assignments with payments can't be deleted. Extra costs are removed with it." />
    @endcan
</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">Amount</span><x-pay-status :total="$total" :paid="$paid" :bar="false" /></div>
            <div class="card-body">
                <div class="stat-value mb-3">{{ money($total) }}</div>
                <div class="mini-progress {{ $pct >= 100 ? '' : ($pct > 0 ? 'is-partial' : 'is-unpaid') }} mb-3" style="height:8px" role="progressbar" aria-valuenow="{{ $pct }}" aria-valuemin="0" aria-valuemax="100" aria-label="{{ $pct }}% paid"><span style="width: {{ $pct }}%"></span></div>
                <div class="d-flex justify-content-between mb-1"><span class="text-muted">Agreed</span><strong>{{ money($a->assigned_amount) }}</strong></div>
                <div class="d-flex justify-content-between mb-1"><span class="text-muted">Extra costs</span><strong>{{ money($a->extra()) }}</strong></div>
                <div class="d-flex justify-content-between mb-1"><span class="text-muted">Paid</span><strong class="text-success">{{ money($paid) }}</strong></div>
                <div class="d-flex justify-content-between"><span class="text-muted">Balance</span><strong class="{{ $due > 0.004 ? 'text-danger' : '' }}">{{ money($due) }}</strong></div>
            </div>
        </div>
        <div class="card mb-3">
            <div class="card-header"><span class="card-title">Details</span><span class="badge-soft badge-soft-{{ $a->statusColor() }}">{{ $a->statusLabel() }}</span></div>
            <div class="card-body">
                <dl class="dl-grid">
                    <dt>Vendor</dt><dd><a href="{{ route('vendors.show', $a->vendor) }}">{{ $a->vendor->name }}</a></dd>
                    <dt>Order</dt><dd><a href="{{ route('orders.show', $a->order) }}">{{ $a->order->order_no }}</a> · {{ $a->order->client->name }}</dd>
                    <dt>Assigned on</dt><dd>{{ $a->assigned_on->format('d M Y') }}</dd>
                    <dt>Due by</dt><dd>{{ $a->due_date?->format('d M Y') ?? '—' }}</dd>
                    <dt>Manager</dt><dd>{{ $a->manager->name ?? '—' }}</dd>
                    <dt>Work</dt><dd>{{ $a->description ?: '—' }}</dd>
                    @if ($a->notes)<dt>Notes</dt><dd>{!! nl2br(e($a->notes)) !!}</dd>@endif
                </dl>
            </div>
        </div>

        @can('vendor_assignments.edit')
        <div class="card">
            <div class="card-header"><span class="card-title">Add extra cost</span></div>
            <div class="card-body">
                <form method="POST" action="{{ route('vendor-assignments.extras.store', $a) }}" class="row g-2" novalidate>
                    @csrf
                    <div class="col-12"><label class="form-label" for="x-desc">What for?</label><input id="x-desc" name="description" class="form-control" maxlength="255" placeholder="e.g. extra transport, rework" required></div>
                    <div class="col-6"><label class="form-label" for="x-amount">Amount ({{ config('erp.currency') }})</label><input id="x-amount" name="amount" class="form-control text-end" inputmode="decimal" required autocomplete="off"></div>
                    <div class="col-6"><label class="form-label" for="x-date">Date</label><input id="x-date" type="date" name="bill_date" class="form-control" value="{{ now()->format('Y-m-d') }}" required></div>
                    <div class="col-12 text-end"><button class="btn btn-soft-primary"><i class="bi bi-plus-lg" aria-hidden="true"></i> Add extra cost</button></div>
                </form>
            </div>
        </div>
        @endcan
    </div>

    <div class="col-lg-7">
        @can('work.view_all')
        <div class="card mb-3">
            <div class="card-header flex-wrap gap-2"><div><span class="card-title">Work progress</span><div class="card-sub">{{ $a->manager ? 'Manager: '.$a->manager->name : 'No manager assigned' }}@if ($a->isStale()) · <span class="text-warning">no update for {{ config('erp.work.stale_days') }}+ days</span>@endif</div></div>
                <span class="d-flex align-items-center gap-2 ms-auto">
                    <span class="badge-soft badge-soft-{{ $a->statusColor() }} no-dot">{{ $a->isCompleted() ? 'Completed '.$a->completed_at?->timezone(config('erp.timezone'))->format('d M Y') : $a->progress.'% done' }}</span>
                    @if ($a->isCompleted())
                        @can('vendor_assignments.edit')
                        <form method="POST" action="{{ route('vendor-assignments.reopen', $a) }}">@csrf<button class="btn btn-sm btn-ghost" data-no-lock><i class="bi bi-arrow-counterclockwise"></i> Reopen</button></form>
                        @endcan
                    @endif
                </span></div>
            <div class="card-body">
                <div class="mini-progress {{ $a->progress >= 100 ? '' : 'is-partial' }} mb-3" 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>
                @include('partials.work-timeline', ['updates' => $updates])
            </div>
        </div>
        @endcan

        @if ($a->items->isNotEmpty())
        <div class="card mb-3">
            <div class="card-header"><span class="card-title">Products</span><span class="card-sub">Agreed amount per product</span></div>
            <div class="table-wrap"><table class="table table-modern table-cards table-sm align-middle mb-0">
                <thead><tr><th>Product</th><th class="num">Agreed</th><th class="num">Paid</th><th class="num">Balance</th></tr></thead>
                <tbody>
                @foreach ($a->items as $it)
                    <tr>
                        <td class="cell-title" data-label="Product"><span class="cell-main">{{ $it->label() }}</span></td>
                        <td class="num" data-label="Agreed">{{ money($it->amount) }}</td>
                        <td class="num text-success" data-label="Paid">{{ money($it->paid()) }}</td>
                        <td class="num fw-semibold" data-label="Balance">{{ money($it->due()) }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table></div>
        </div>
        @endif

        <div class="card mb-3">
            <div class="card-header"><span class="card-title">Extra costs</span></div>
            <div class="table-wrap"><table class="table table-modern table-cards table-sm align-middle mb-0">
                <thead><tr><th>Date</th><th>Description</th><th class="num">Amount</th><th></th></tr></thead>
                <tbody>
                @forelse ($a->extras as $x)
                    <tr>
                        <td class="cell-title" data-label="Date">{{ $x->bill_date->format('d M Y') }}</td>
                        <td data-label="Description">{{ $x->description }}</td>
                        <td class="num fw-semibold" data-label="Amount">{{ money($x->amount) }}</td>
                        <td class="actions-col">
                            @can('vendor_assignments.edit')
                            <x-delete-button :action="route('vendor-assignments.extras.destroy', [$a, $x])" label="" title="Remove this extra cost?" :confirm="'This removes '.money($x->amount).' from what you owe the vendor.'" />
                            @endcan
                        </td>
                    </tr>
                @empty
                    <tr class="empty-row"><td colspan="4"><x-empty icon="plus-circle" title="No extra costs" text="Anything extra you agree with the vendor later goes here." /></td></tr>
                @endforelse
                </tbody>
            </table></div>
        </div>

        @can('payments.view')
        <div class="card mb-3">
            <div class="card-header"><span class="card-title">Payments for this assignment</span></div>
            <div class="table-wrap"><table class="table table-modern table-cards table-sm align-middle mb-0">
                <thead><tr><th>Date</th><th>For</th><th>Method</th><th>Reference</th><th class="num">Amount</th></tr></thead>
                <tbody>
                @forelse ($payments as $p)
                    <tr>
                        <td class="cell-title" data-label="Date"><a href="{{ route('payments.edit', $p) }}" class="cell-main text-decoration-none">{{ $p->paid_on->format('d M Y') }}</a></td>
                        <td data-label="For">{{ $p->vendorAssignmentItem ? $p->vendorAssignmentItem->label() : 'Whole assignment' }}</td>
                        <td data-label="Method">{{ \App\Models\Payment::METHODS[$p->method] ?? $p->method }}</td>
                        <td data-label="Reference">{{ $p->reference ?: '—' }}</td>
                        <td class="num fw-semibold money-out" data-label="Amount">−{{ money($p->amount) }}</td>
                    </tr>
                @empty
                    <tr class="empty-row"><td colspan="5"><x-empty icon="cash-coin" title="Not paid yet" text="Payments made for this assignment will appear here." /></td></tr>
                @endforelse
                </tbody>
            </table></div>
        </div>

        @can('vendor_assignments.edit')
        @if ($due > 0.004 && $pool->isNotEmpty())
        <div class="card">
            <div class="card-header"><div><span class="card-title">Use a general payment</span><div class="card-sub">Money paid to {{ $a->vendor->name }} that is not tied to anything yet</div></div></div>
            <div class="card-body">
                <form method="POST" action="{{ route('vendor-assignments.allocate', $a) }}" class="row g-2 align-items-end">
                    @csrf
                    <div class="col-12 col-md-5"><label class="form-label" for="al-pay">Payment</label>
                        <select id="al-pay" name="payment_id" class="form-select" required>
                            @foreach ($pool as $p)<option value="{{ $p->id }}">{{ $p->paid_on->format('d M Y') }} — {{ money($p->amount) }}{{ $p->reference ? ' ('.$p->reference.')' : '' }}</option>@endforeach
                        </select></div>
                    @if ($a->items->isNotEmpty())
                    <div class="col-12 col-md-3"><label class="form-label" for="al-item">For</label>
                        <select id="al-item" name="item_id" class="form-select"><option value="">Whole assignment</option>@foreach ($a->items as $it)<option value="{{ $it->id }}">{{ $it->label() }}</option>@endforeach</select></div>
                    @endif
                    <div class="col-6 col-md-2"><label class="form-label" for="al-amt">Amount</label><input id="al-amt" name="amount" class="form-control text-end" inputmode="decimal" value="{{ min((float) $pool->first()->amount, $due) }}" required></div>
                    <div class="col-6 col-md-2"><button class="btn btn-soft-primary w-100" data-no-lock><i class="bi bi-link-45deg"></i> Allocate</button></div>
                </form>
                <div class="form-text mt-2">Allocating less than the full payment splits it; the rest stays general.</div>
            </div>
        </div>
        @endif
        @endcan
        @endcan
    </div>
</div>
@endsection