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

@section('content')
@php
    $client = $order->client;
    $cancelled = $order->isCancelled();
    $paid = $order->paid();
    $due = $cancelled ? 0 : $order->due();
    $pct = (float) $order->total > 0 ? min(100, round($paid / (float) $order->total * 100)) : 0;
    $cost = $order->cost();
    $netSales = (float) $order->total - (float) $order->tax_amount;
    $margin = $netSales - $cost;
    $marginPct = $netSales > 0 ? round($margin / $netSales * 100) : null;

    $flow = ['pending' => 'Pending', 'in_production' => 'In production', 'ready' => 'Ready', 'delivered' => 'Delivered'];
    $keys = array_keys($flow);
    $currentIdx = array_search($order->status, $keys, true);
    $nextKey = $currentIdx !== false ? ($keys[$currentIdx + 1] ?? null) : null;

    $days = $order->delivery_date ? (int) now()->startOfDay()->diffInDays($order->delivery_date->copy()->startOfDay(), false) : null;
    $late = ! in_array($order->status, ['delivered', 'cancelled']) && $days !== null && $days < 0;
    $deliveryNote = match (true) {
        $cancelled => 'Order cancelled',
        $order->status === 'delivered' => 'Delivered',
        $days === null => 'No date set',
        $days < 0 => abs($days).' '.\Illuminate\Support\Str::plural('day', abs($days)).' overdue',
        $days === 0 => 'Due today',
        default => 'In '.$days.' '.\Illuminate\Support\Str::plural('day', $days),
    };

    $pcs = rtrim(rtrim(number_format($order->items->sum('quantity'), 2), '0'), '.');
    $area = $order->items->sum(fn ($i) => $i->totalArea());
    $phone = $client->phone;
@endphp

{{-- ===== Header ===== --}}
<div class="page-head">
    <div class="min-w-0">
        <h1 class="d-flex flex-wrap align-items-center gap-2">
            <span class="tabular">{{ $order->order_no }}</span>
            <x-order-status :order="$order" />
            @if ($late)<span class="badge-soft badge-soft-danger no-dot">Overdue</span>@endif
        </h1>
        <div class="subtitle">
            <a href="{{ route('clients.show', $client) }}" class="fw-semibold">{{ $client->name }}</a>
            · Placed {{ $order->order_date->format('d M Y') }}
        </div>
    </div>
    <div class="actions">
        @unless ($cancelled)
            @can('payments.create')
            <a href="{{ route('payments.create', ['direction' => 'received', 'order_id' => $order->id]) }}" class="btn btn-success"><i class="bi bi-cash-coin" aria-hidden="true"></i> Receive payment</a>
            @endcan
        @endunless
        @can('amounts.view')
        <a href="{{ route('orders.invoice', $order) }}" class="btn btn-ghost"><i class="bi bi-printer" aria-hidden="true"></i> Invoice</a>
        @endcan
        @can('orders.edit')
        <a href="{{ route('orders.edit', $order) }}" class="btn btn-ghost"><i class="bi bi-pencil" aria-hidden="true"></i> Edit</a>
        @endcan
        @canany(['orders.status', 'orders.delete'])
        <div class="dropdown">
            <button class="btn btn-ghost" type="button" data-bs-toggle="dropdown" data-bs-boundary="viewport" aria-expanded="false"><i class="bi bi-three-dots" aria-hidden="true"></i> More</button>
            <ul class="dropdown-menu dropdown-menu-end sheet-menu">
                @can('orders.status')
                    @unless ($cancelled)
                        <li><h6 class="dropdown-header">Set status</h6></li>
                        @foreach ($flow as $key => $label)
                            @continue($key === $order->status)
                            <li>
                                <form method="POST" action="{{ route('orders.status', $order) }}">@csrf @method('PATCH')
                                    <input type="hidden" name="status" value="{{ $key }}">
                                    <button class="dropdown-item"><i class="bi bi-{{ array_search($key, $keys, true) < $currentIdx ? 'arrow-counterclockwise' : 'arrow-right-circle' }}" aria-hidden="true"></i>{{ $label }}</button>
                                </form>
                            </li>
                        @endforeach
                        <li><hr class="dropdown-divider"></li>
                        @if ($paid > 0)
                            <li><span class="dropdown-item disabled" title="Move or delete the payments first"><i class="bi bi-x-octagon" aria-hidden="true"></i>Cancel order <small>(has payments)</small></span></li>
                        @else
                            <li>
                                <form method="POST" action="{{ route('orders.status', $order) }}" data-confirm="It will be excluded from sales, receivables and reports. You can reopen it later." data-confirm-title="Cancel order {{ $order->order_no }}?" data-confirm-label="Cancel order">@csrf @method('PATCH')
                                    <input type="hidden" name="status" value="cancelled">
                                    <button class="dropdown-item text-danger"><i class="bi bi-x-octagon" aria-hidden="true"></i>Cancel order</button>
                                </form>
                            </li>
                        @endif
                    @else
                        <li>
                            <form method="POST" action="{{ route('orders.status', $order) }}">@csrf @method('PATCH')
                                <input type="hidden" name="status" value="pending">
                                <button class="dropdown-item"><i class="bi bi-arrow-counterclockwise" aria-hidden="true"></i>Reopen order</button>
                            </form>
                        </li>
                    @endunless
                @endcan
                @can('orders.delete')
                    @can('orders.edit')<li><hr class="dropdown-divider"></li>@endcan
                    <li><x-delete-button item label="Delete order" :action="route('orders.destroy', $order)" :title="'Delete order '.$order->order_no.'?'" confirm="Orders with payments can't be deleted — cancel them instead." /></li>
                @endcan
            </ul>
        </div>
        @endcanany
    </div>
</div>

{{-- ===== Progress ===== --}}
<div class="card mb-3">
    <div class="card-body py-3">
        @if ($cancelled)
            <div class="d-flex align-items-center gap-3"><span class="icon-chip chip-danger"><i class="bi bi-x-octagon" aria-hidden="true"></i></span><div><div class="fw-semibold">This order was cancelled</div><div class="small text-muted">It is excluded from sales, receivables and reports. Use <em>More → Reopen order</em> to bring it back.</div></div></div>
        @else
            <div class="d-flex flex-column flex-md-row align-items-md-center gap-3 gap-md-4">
                <ol class="stepper flex-grow-1 mb-0" aria-label="Order progress">
                    @foreach ($flow as $key => $label)
                        @php($i = array_search($key, $keys, true))
                        <li class="{{ $i < $currentIdx ? 'done' : ($i === $currentIdx ? 'current' : '') }}" @if ($i === $currentIdx) aria-current="step" @endif>
                            <div class="dot">@if ($i < $currentIdx)<i class="bi bi-check-lg" aria-hidden="true"></i>@elseif ($i === $currentIdx)<i class="bi bi-circle-fill" style="font-size:.45rem" aria-hidden="true"></i>@endif</div>
                            {{ $label }}
                        </li>
                    @endforeach
                </ol>
                @can('orders.edit')
                    @if ($nextKey)
                    <form method="POST" action="{{ route('orders.status', $order) }}" class="flex-none d-print-none">@csrf @method('PATCH')
                        <input type="hidden" name="status" value="{{ $nextKey }}">
                        <button class="btn btn-primary w-100 text-nowrap"><i class="bi bi-arrow-right-circle" aria-hidden="true"></i> Move to {{ $flow[$nextKey] }}</button>
                    </form>
                    @endif
                @endcan
            </div>
        @endif
    </div>
</div>

{{-- ===== Key figures ===== --}}
<div class="row g-3 mb-3">
    <div class="col-6 col-lg-3"><div class="card card-body py-3 h-100"><div class="d-flex align-items-center gap-3">
        <span class="icon-chip"><i class="bi bi-receipt" aria-hidden="true"></i></span>
        <div class="min-w-0"><div class="stat-label">Order total</div><div class="stat-value stat-sm">{{ money($order->total) }}</div>
            <div class="stat-sub">{{ $order->items->count() }} {{ \Illuminate\Support\Str::plural('item', $order->items->count()) }} · {{ $pcs }} pcs</div></div>
    </div></div></div>

    <div class="col-6 col-lg-3"><div class="card card-body py-3 h-100"><div class="d-flex align-items-center gap-3">
        <span class="icon-chip chip-success"><i class="bi bi-arrow-down-left-circle" aria-hidden="true"></i></span>
        <div class="min-w-0 flex-grow-1"><div class="stat-label">Received</div><div class="stat-value stat-sm text-success">{{ money($paid) }}</div>
            <div class="mini-progress {{ $pct >= 100 ? '' : ($pct > 0 ? 'is-partial' : 'is-unpaid') }} mt-1" style="height:6px" role="progressbar" aria-valuenow="{{ $pct }}" aria-valuemin="0" aria-valuemax="100" aria-label="{{ $pct }}% paid"><span style="width: {{ $pct }}%"></span></div>
            <div class="stat-sub">{{ $pct }}% of total</div></div>
    </div></div></div>

    <div class="col-6 col-lg-3"><div class="card card-body py-3 h-100 {{ $due > 0.004 ? 'border-danger-subtle' : '' }}"><div class="d-flex align-items-center gap-3">
        <span class="icon-chip {{ $due > 0.004 ? 'chip-danger' : 'chip-success' }}"><i class="bi bi-{{ $due > 0.004 ? 'hourglass-split' : 'check-circle' }}" aria-hidden="true"></i></span>
        <div class="min-w-0"><div class="stat-label">Balance due</div><div class="stat-value stat-sm {{ $due > 0.004 ? 'text-danger' : 'text-success' }}">{{ money($due) }}</div>
            <div class="stat-sub">{{ $cancelled ? 'Order cancelled' : ($due > 0.004 ? ($paid > 0 ? 'Partly paid' : 'Nothing received yet') : 'Settled in full') }}</div></div>
    </div></div></div>

    <div class="col-6 col-lg-3"><div class="card card-body py-3 h-100"><div class="d-flex align-items-center gap-3">
        <span class="icon-chip {{ $late ? 'chip-danger' : 'chip-info' }}"><i class="bi bi-truck" aria-hidden="true"></i></span>
        <div class="min-w-0"><div class="stat-label">Delivery</div><div class="stat-value stat-sm {{ $late ? 'text-danger' : '' }}">{{ $order->delivery_date?->format('d M Y') ?? '—' }}</div>
            <div class="stat-sub {{ $late ? 'text-danger fw-semibold' : '' }}">{{ $deliveryNote }}</div></div>
    </div></div></div>
</div>

<div class="row g-3">
    {{-- ===== Side: client + delivery (first on phones, sticky on desktop) ===== --}}
    <div class="col-lg-4 order-first order-lg-last">
        <div class="side-sticky d-flex flex-column gap-3">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex align-items-center gap-3 mb-3">
                        <x-avatar :name="$client->name" :size="44" />
                        <div class="min-w-0">
                            <a href="{{ route('clients.show', $client) }}" class="fw-semibold fs-6 d-block text-truncate">{{ $client->name }}</a>
                            <div class="small text-muted text-truncate">{{ $client->location() ?: ($client->contact_person ?: 'Client') }}</div>
                        </div>
                    </div>
                    <dl class="dl-grid mb-0">
                        @if ($client->contact_person)<dt>Contact</dt><dd>{{ $client->contact_person }}</dd>@endif
                        <dt>Phone</dt>
                        <dd>@if ($phone)<a href="tel:{{ preg_replace('/[^\d+]/', '', $phone) }}"><i class="bi bi-telephone me-1" aria-hidden="true"></i>{{ $phone }}</a>@else<span class="text-muted">—</span>@endif</dd>
                        @if ($client->email)<dt>Email</dt><dd><a href="mailto:{{ $client->email }}">{{ $client->email }}</a></dd>@endif
                    </dl>
                </div>
            </div>

            <div class="card">
                <div class="card-header"><span class="card-title">Delivery &amp; notes</span></div>
                <div class="card-body">
                    <dl class="dl-grid mb-0">
                        <dt>Ship to</dt><dd>{!! nl2br(e($order->shipping_address ?: ($client->shipping_address ?: $client->billing_address ?: '—'))) !!}</dd>
                        <dt>Placed</dt><dd>{{ $order->order_date->format('d M Y') }}</dd>
                        <dt>Delivery</dt><dd class="{{ $late ? 'text-danger fw-semibold' : '' }}">{{ $order->delivery_date?->format('d M Y') ?? '—' }}</dd>
                        <dt>Notes</dt><dd>@if ($order->notes){!! nl2br(e($order->notes)) !!}@else<span class="text-muted">—</span>@endif</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>

    {{-- ===== Main: items, payments, costs ===== --}}
    <div class="col-lg-8 d-flex flex-column gap-3">
        <div class="card" id="timeline">
            <div class="card-header flex-wrap gap-2">
                <div><span class="card-title">Work progress &amp; timeline</span><div class="card-sub">What was done, how much is finished, and when</div></div>
                <span class="badge-soft badge-soft-{{ $progress >= 100 ? 'success' : ($progress > 0 ? 'warning' : 'secondary') }} no-dot ms-auto">{{ $progress }}% done</span>
            </div>
            <div class="card-body">
                <div class="mini-progress {{ $progress >= 100 ? '' : 'is-partial' }} mb-3" style="height:10px" role="progressbar" aria-valuenow="{{ $progress }}" aria-valuemin="0" aria-valuemax="100" aria-label="{{ $progress }}% done"><span style="width: {{ $progress }}%"></span></div>

                @can('orders.update')
                @unless ($cancelled)
                <details class="mb-3" {{ $errors->any() || $drafts->isNotEmpty() ? 'open' : '' }}>
                    <summary class="btn btn-soft-primary btn-sm"><i class="bi bi-plus-lg" aria-hidden="true"></i> Post an update</summary>
                    <div class="mt-3 p-3 border rounded">
                        @include('partials.work-form', ['action' => route('orders.updates.store', $order), 'uploadUrl' => route('orders.photos.store', $order), 'discardUrl' => route('orders.photos.destroy', [$order, '__ID__']), 'progress' => $progress, 'drafts' => $drafts, 'completeUrl' => null])
                    </div>
                </details>
                @endunless
                @endcan

                @include('partials.work-timeline', ['updates' => $updates, 'showAssignment' => true])
            </div>
        </div>

        <div class="card">
            <div class="card-header"><span class="card-title">Items</span>
                <span class="items-summary">
                    <span class="chip-stat"><i class="bi bi-box-seam" aria-hidden="true"></i><b>{{ $pcs }}</b> pcs</span>
                    @if ($area > 0)<span class="chip-stat"><i class="bi bi-bounding-box" aria-hidden="true"></i><b>{{ number_format($area, 2) }}</b> sq ft</span>@endif
                </span></div>
            <div class="table-wrap">
                <table class="table table-modern table-cards align-middle mb-0">
                    <thead><tr><th>Design</th><th>Size</th><th class="num">Qty</th><th class="num">Rate</th><th class="num">Amount</th></tr></thead>
                    <tbody>
                    @foreach ($order->items as $i)
                        @php($spec = collect([$i->material, $i->color])->filter()->join(' · '))
                        <tr>
                            <td class="cell-title" data-label="Design"><span class="cell-main">{{ $i->design_name }}</span>@if ($spec)<span class="cell-sub">{{ $spec }}</span>@endif</td>
                            <td data-label="Size">{{ $i->sizeText() ?: '—' }}@if ($i->area_sqft)<span class="cell-sub">{{ number_format($i->area_sqft, 2) }} sq ft each</span>@endif</td>
                            <td class="num" data-label="Qty">{{ rtrim(rtrim(number_format($i->quantity, 2), '0'), '.') }} pcs @if ($i->totalArea())<span class="cell-sub">{{ number_format($i->totalArea(), 2) }} sq ft</span>@endif</td>
                            <td class="num" data-label="Rate">{{ $i->rateText() }}@if (! $i->isPerSqft() && $i->ratePerSqft())<span class="cell-sub">≈ {{ money($i->ratePerSqft()) }} / sq ft</span>@endif</td>
                            <td class="num fw-semibold" data-label="Amount">{{ money($i->line_total) }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            <div class="card-footer">
                <dl class="order-totals mb-0">
                    <div><dt>Subtotal</dt><dd class="tabular">{{ money($order->subtotal) }}</dd></div>
                    @if ($order->discount > 0)<div><dt>Discount</dt><dd class="tabular">−{{ money($order->discount) }}</dd></div>@endif
                    @if ($order->tax_amount > 0)<div><dt>{{ config('erp.tax_label') }} ({{ $order->tax_percent + 0 }}%)</dt><dd class="tabular">{{ money($order->tax_amount) }}</dd></div>@endif
                    <div class="grand"><dt>Total</dt><dd class="tabular">{{ money($order->total) }}</dd></div>
                </dl>
            </div>
        </div>

        @can('payments.view')
        <div class="card">
            <div class="card-header flex-wrap gap-2"><span class="card-title">Payments received</span>
                <span class="d-flex flex-wrap align-items-center justify-content-end gap-2 ms-auto">
                    @if ($order->payments->isNotEmpty())<span class="chip-stat"><i class="bi bi-check2-circle" aria-hidden="true"></i><b>{{ money($paid) }}</b></span>@endif
                    @unless ($cancelled)@can('payments.create')<a href="{{ route('payments.create', ['direction' => 'received', 'order_id' => $order->id]) }}" class="btn btn-sm btn-soft-primary"><i class="bi bi-plus-lg" aria-hidden="true"></i> Add</a>@endcan @endunless
                </span></div>
            @if ($order->payments->isEmpty())
                <div class="inline-empty"><i class="bi bi-cash-coin" aria-hidden="true"></i><span>No payments yet. Money received for this order will show up here.</span></div>
            @else
            <div class="table-wrap"><table class="table table-modern table-cards table-sm align-middle mb-0">
                <thead><tr><th>Date</th><th>Method</th><th>Reference</th><th class="num">Amount</th></tr></thead>
                <tbody>
                @foreach ($order->payments as $p)
                    <tr>
                        <td class="cell-title" data-label="Date">@can('payments.edit')<a href="{{ route('payments.edit', $p) }}" class="cell-main text-decoration-none">{{ $p->paid_on->format('d M Y') }}</a>@else<span class="cell-main">{{ $p->paid_on->format('d M Y') }}</span>@endcan</td>
                        <td data-label="Method">{{ \App\Models\Payment::METHODS[$p->method] ?? $p->method }}</td>
                        <td data-label="Reference">{{ $p->reference ?: '—' }}</td>
                        <td class="num money-in fw-semibold" data-label="Amount">+{{ money($p->amount) }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table></div>
            @endif
        </div>
        @endcan

        @can('vendor_assignments.view')
        <div class="card mb-3">
            <div class="card-header flex-wrap gap-2"><span class="card-title">Vendor assignments</span>
                <span class="d-flex flex-wrap align-items-center justify-content-end gap-2 ms-auto">
                    @can('vendor_assignments.create')<a href="{{ route('vendor-assignments.create', ['order_id' => $order->id]) }}" class="btn btn-sm btn-soft-primary"><i class="bi bi-plus-lg" aria-hidden="true"></i> Assign to vendor</a>@endcan
                </span></div>
            @if ($order->vendorAssignments->isEmpty())
                <div class="inline-empty"><i class="bi bi-diagram-2" aria-hidden="true"></i><span>Not assigned to any vendor yet.</span></div>
            @else
            <div class="table-wrap"><table class="table table-modern table-cards table-sm align-middle mb-0">
                <thead><tr><th>Vendor</th><th>No.</th><th class="num">Agreed</th><th class="num">Extra</th><th class="num">Paid</th><th class="num">Balance</th></tr></thead>
                <tbody>
                @foreach ($order->vendorAssignments as $x)
                    <tr>
                        <td class="cell-title" data-label="Vendor"><span class="cell-main">{{ $x->vendor->name }}</span></td>
                        <td data-label="No."><a href="{{ route('vendor-assignments.show', $x) }}">{{ $x->number() }}</a></td>
                        <td class="num" data-label="Agreed">{{ money($x->assigned_amount) }}</td>
                        <td class="num" data-label="Extra">{{ $x->extra() > 0.004 ? money($x->extra()) : '—' }}</td>
                        <td class="num text-success" data-label="Paid">{{ money($x->paid()) }}</td>
                        <td class="num fw-semibold {{ $x->due() > 0.004 ? 'text-danger' : '' }}" data-label="Balance">{{ money($x->due()) }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table></div>
            @endif
        </div>
        @endcan

        @can('vendor_bills.view')
        <div class="card">
            <div class="card-header flex-wrap gap-2"><span class="card-title">Vendor costs</span>
                <span class="d-flex flex-wrap align-items-center justify-content-end gap-2 ms-auto">
                    @if ($order->vendorBills->isNotEmpty())
                        <span class="chip-stat">Cost <b>{{ money($cost) }}</b></span>
                        <span class="chip-stat" title="Sales excluding {{ config('erp.tax_label') }}, minus vendor costs">Margin <b class="{{ $margin < 0 ? 'text-danger' : 'text-success' }}">{{ money($margin) }}@if ($marginPct !== null) · {{ $marginPct }}%@endif</b></span>
                    @endif
                    @can('vendor_bills.create')<a href="{{ route('vendor-bills.create', ['order_id' => $order->id]) }}" class="btn btn-sm btn-soft-primary"><i class="bi bi-plus-lg" aria-hidden="true"></i> Add bill</a>@endcan
                </span></div>
            @if ($order->vendorBills->isEmpty())
                <div class="inline-empty"><i class="bi bi-receipt" aria-hidden="true"></i><span>No vendor costs yet. Link vendor bills to this order to see its margin.</span></div>
            @else
            <div class="table-wrap"><table class="table table-modern table-cards table-sm align-middle mb-0">
                <thead><tr><th>Vendor</th><th>Bill</th><th>Description</th><th class="num">Amount</th></tr></thead>
                <tbody>
                @foreach ($order->vendorBills as $b)
                    <tr>
                        <td class="cell-title" data-label="Vendor"><span class="cell-main">{{ $b->vendor->name }}</span></td>
                        <td data-label="Bill"><a href="{{ route('vendor-bills.show', $b) }}">{{ $b->bill_no ?: '#'.$b->id }}</a></td>
                        <td data-label="Description">{{ $b->description ?: '—' }}</td>
                        <td class="num fw-semibold" data-label="Amount">{{ money($b->amount) }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table></div>
            @endif
        </div>
        @endcan
    </div>
</div>
@endsection