@extends('layouts.app')
@section('title', $vehicle->stock_id)
@section('heading', $vehicle->stock_id)

@section('content')
@php $v = $vehicle; @endphp

<div class="flex flex-wrap items-start justify-between gap-3">
    <div>
        <h2 class="text-xl font-bold">{{ $v->display_name }}</h2>
        <p class="mt-1 flex flex-wrap items-center gap-3 text-sm text-muted">
            <x-status-badge :status="$v->status" />
            <span>{{ $v->branch->name }}</span>
            <span>In inventory: <x-aging-chip :vehicle="$v" /></span>
        </p>
        @if ($v->status === \App\Enums\VehicleStatus::Reserved)
            <p class="mt-2 text-sm">Reserved for <strong>{{ $v->reserved_for }}</strong> until {{ $v->reserved_until?->format('d M Y, H:i') }}
                @if ($v->reservation_expired)<span class="font-semibold text-stop">(hold has expired)</span>@endif</p>
        @endif
    </div>
    <div class="flex flex-wrap gap-2">
        <a href="{{ route('labels.print', ['ids' => [$v->id]]) }}" target="_blank" class="btn-quiet">Print label</a>
        @can('listing.manage')<a href="{{ route('listing.edit', $v) }}" class="btn-quiet">Website listing</a>@endcan
        @can('vehicles.edit')<a href="{{ route('vehicles.edit', $v) }}" class="btn-quiet">Edit</a>@endcan
        @can('vehicles.delete')
            @if (in_array($v->status, [\App\Enums\VehicleStatus::InTransit, \App\Enums\VehicleStatus::InStock]))
                <form method="POST" action="{{ route('vehicles.destroy', $v) }}" onsubmit="return confirm('Delete {{ $v->stock_id }}? It can be restored from the database later.')">
                    @csrf @method('DELETE')<button class="btn-quiet text-stop">Delete</button>
                </form>
            @endif
        @endcan
    </div>
</div>

{{-- Status actions: one disclosure per allowed move --}}
@can('vehicles.edit')
@if (count($v->status->allowedNext()))
<section class="mt-5 rounded-lg border border-line bg-panel p-4" aria-labelledby="move-h">
    <h2 id="move-h" class="text-sm font-semibold">Move this vehicle</h2>
    <div class="mt-3 flex flex-wrap items-start gap-3">
        @foreach ($v->status->allowedNext() as $next)
            @continue($v->status === \App\Enums\VehicleStatus::Sold && ! auth()->user()->can('vehicles.reverse_sale'))
            <details class="rounded-md border border-line">
                <summary class="cursor-pointer list-none px-3 py-2 text-sm font-medium hover:bg-ground">{{ $next->actionLabel() }}</summary>
                <form method="POST" action="{{ route('vehicles.status', $v) }}" class="space-y-3 border-t border-line p-3">
                    @csrf
                    <input type="hidden" name="status" value="{{ $next->value }}">
                    @if ($next === \App\Enums\VehicleStatus::Reserved)
                        <div><label class="mb-1 block text-xs font-medium">Reserved for (name or lead)</label><input name="reserved_for" required class="field"></div>
                        <div><label class="mb-1 block text-xs font-medium">Hold until (optional, default {{ \App\Models\Setting::get('stock.reservation_hours', 72) }} hours)</label><input type="datetime-local" name="reserved_until" class="field"></div>
                    @elseif ($next === \App\Enums\VehicleStatus::Sold)
                        <div><label class="mb-1 block text-xs font-medium">Sale price (KES)</label><input name="sold_price" type="number" step="0.01" min="0" class="field"></div>
                        <div><label class="mb-1 block text-xs font-medium">Sale date</label><input name="sold_at" type="date" max="{{ today()->toDateString() }}" value="{{ today()->toDateString() }}" class="field"></div>
                    @endif
                    <div><label class="mb-1 block text-xs font-medium">Note (optional)</label><input name="note" maxlength="500" class="field"></div>
                    <button class="btn-primary">Confirm: {{ $next->label() }}</button>
                </form>
            </details>
        @endforeach
    </div>
</section>
@endif
@endcan

<div class="mt-5 grid gap-5 lg:grid-cols-3">
    <section class="rounded-lg border border-line bg-panel p-4 lg:col-span-2" aria-labelledby="profile-h">
        <h2 id="profile-h" class="text-sm font-semibold">Profile</h2>
        <dl class="mt-3 grid gap-x-6 gap-y-3 text-sm sm:grid-cols-3">
            @foreach ([
                'VIN / chassis' => $v->vin, 'Registration' => $v->registration_no ?: 'Not registered', 'Color' => $v->color,
                'Transmission' => config('inventory.transmissions')[$v->transmission] ?? $v->transmission,
                'Fuel' => config('inventory.fuel_types')[$v->fuel_type] ?? $v->fuel_type,
                'Engine' => $v->engine_cc ? number_format($v->engine_cc).' cc' : 'Not set',
                'Mileage' => number_format($v->mileage).' '.$v->mileage_unit,
                'Body' => config('inventory.body_types')[$v->body_type] ?? 'Not set',
                'Drive' => config('inventory.drive_types')[$v->drive_type] ?? 'Not set',
                'Condition' => config('inventory.conditions')[$v->condition] ?? $v->condition,
                'Duty status' => config('inventory.duty_statuses')[$v->duty_status] ?? $v->duty_status,
                'Supplier' => $v->supplier?->name ?? 'None',
                'Auction lot / grade' => trim(($v->auction_lot_no ?: '').' '.($v->auction_grade ? '· grade '.$v->auction_grade : '')) ?: 'Not set',
            ] as $label => $value)
                <div><dt class="text-xs text-muted">{{ $label }}</dt><dd class="font-medium">{{ $value }}</dd></div>
            @endforeach
            <div>
                <dt class="text-xs text-muted">Shipment</dt>
                <dd class="font-medium">@if ($v->shipment)@can('shipments.view')<a class="underline" href="{{ route('shipments.show', $v->shipment) }}">{{ $v->shipment->reference }}</a>@else{{ $v->shipment->reference }}@endcan @else None @endif</dd>
            </div>
        </dl>
        @if ($v->notes)<p class="mt-4 whitespace-pre-line border-t border-line pt-3 text-sm">{{ $v->notes }}</p>@endif
    </section>

    <section class="rounded-lg border border-line bg-panel p-4" aria-labelledby="price-h">
        <h2 id="price-h" class="text-sm font-semibold">Pricing</h2>
        <dl class="mt-3 space-y-2 text-sm">
            <div class="flex justify-between"><dt class="text-muted">Selling price</dt><dd class="font-semibold">@include('partials.kes', ['amount' => $v->selling_price])</dd></div>
            <div class="flex justify-between"><dt class="text-muted">Minimum price</dt><dd>@include('partials.kes', ['amount' => $v->minimum_price])</dd></div>
            @if ($v->status === \App\Enums\VehicleStatus::Sold)
                <div class="flex justify-between"><dt class="text-muted">Sold for</dt><dd>@include('partials.kes', ['amount' => $v->sold_price]) on {{ $v->sold_at?->format('d M Y') }}</dd></div>
            @endif
            @can('vehicles.view_cost')
                <div class="flex justify-between border-t border-line pt-2"><dt class="text-muted">Landed cost</dt><dd class="font-semibold">@include('partials.kes', ['amount' => $v->landed_cost])</dd></div>
                @if ($v->expected_margin !== null)
                    <div class="flex justify-between"><dt class="text-muted">Margin at asking price</dt>
                        <dd class="font-semibold {{ bccomp($v->expected_margin, '0', 2) < 0 ? 'text-stop' : 'text-go' }}">@include('partials.kes', ['amount' => $v->expected_margin])</dd></div>
                @endif
            @endcan
        </dl>
    </section>
</div>

@can('vehicles.view_cost')
<section class="mt-5 rounded-lg border border-line bg-panel p-4" aria-labelledby="cost-h">
    <h2 id="cost-h" class="text-sm font-semibold">Landed cost breakdown</h2>
    <dl class="mt-3 grid gap-3 sm:grid-cols-3 lg:grid-cols-5">
        @foreach ($breakdown as $label => $amount)
            <div><dt class="text-xs text-muted">{{ $label }}</dt><dd class="text-lg font-semibold">@include('partials.kes', ['amount' => $amount])</dd></div>
        @endforeach
    </dl>

    <div class="mt-4 overflow-x-auto">
        <table class="min-w-full text-left text-sm">
            <caption class="sr-only">Cost lines</caption>
            <thead class="border-b border-line text-xs text-muted"><tr>
                <th scope="col" class="py-2 pr-3 font-medium">Date</th><th scope="col" class="py-2 pr-3 font-medium">Type</th><th scope="col" class="py-2 pr-3 font-medium">Description</th>
                <th scope="col" class="py-2 pr-3 text-right font-medium">Original</th><th scope="col" class="py-2 pr-3 text-right font-medium">KES</th><th scope="col" class="py-2"><span class="sr-only">Actions</span></th>
            </tr></thead>
            <tbody class="divide-y divide-line">
            @forelse ($v->costs as $c)
                <tr>
                    <td class="py-2 pr-3">{{ $c->incurred_on->format('d M Y') }}</td>
                    <td class="py-2 pr-3">{{ $c->cost_type->label() }}</td>
                    <td class="py-2 pr-3 text-muted">{{ $c->description }}</td>
                    <td class="py-2 pr-3 text-right">{{ $c->currency_code }} {{ number_format($c->amount, 2) }}@if ($c->currency_code !== 'KES')<span class="block text-xs text-muted">@ {{ rtrim(rtrim($c->exchange_rate, '0'), '.') }}</span>@endif</td>
                    <td class="py-2 pr-3 text-right font-medium">{{ number_format($c->amount_kes, 2) }}</td>
                    <td class="py-2 text-right">
                        @can('vehicles.manage_costs')
                            @if ($c->is_allocated)<span class="text-xs text-muted">From shipment</span>
                            @else<form method="POST" action="{{ route('vehicles.costs.destroy', [$v, $c]) }}" onsubmit="return confirm('Remove this cost line?')">@csrf @method('DELETE')<button class="text-xs text-stop underline">Remove</button></form>@endif
                        @endcan
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" class="py-6 text-center text-muted">No costs recorded yet.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>

    @can('vehicles.manage_costs')
    <form method="POST" action="{{ route('vehicles.costs.store', $v) }}" x-data="{ cur: 'KES', rates: @js($rates) }" class="mt-4 grid gap-3 border-t border-line pt-4 sm:grid-cols-6">
        @csrf
        <div class="sm:col-span-1"><label class="mb-1 block text-xs font-medium" for="cost_type">Type</label>
            <select id="cost_type" name="cost_type" class="field">@foreach ($costTypes as $t)<option value="{{ $t->value }}">{{ $t->label() }}</option>@endforeach</select></div>
        <div class="sm:col-span-2"><label class="mb-1 block text-xs font-medium" for="cost_desc">Description</label><input id="cost_desc" name="description" class="field" maxlength="255"></div>
        <div><label class="mb-1 block text-xs font-medium" for="cost_amount">Amount</label><input id="cost_amount" name="amount" type="number" step="0.01" min="0.01" required class="field"></div>
        <div><label class="mb-1 block text-xs font-medium" for="cost_cur">Currency</label>
            <select id="cost_cur" name="currency_code" x-model="cur" class="field">@foreach (array_keys($rates) as $code)<option>{{ $code }}</option>@endforeach</select></div>
        <div><label class="mb-1 block text-xs font-medium" for="cost_date">Date</label><input id="cost_date" name="incurred_on" type="date" value="{{ today()->toDateString() }}" max="{{ today()->toDateString() }}" required class="field"></div>
        <div x-show="cur !== 'KES'" x-cloak class="sm:col-span-2"><label class="mb-1 block text-xs font-medium" for="cost_rate">KES per 1 <span x-text="cur"></span></label>
            <input id="cost_rate" name="exchange_rate" type="number" step="0.00000001" min="0" :placeholder="rates[cur] ? 'Stored: ' + rates[cur] : 'Enter the rate'" class="field"></div>
        <div class="sm:col-span-6"><button class="btn-primary">Add cost</button></div>
    </form>
    @endcan
</section>
@endcan

<section class="mt-5 rounded-lg border border-line bg-panel p-4" aria-labelledby="hist-h">
    <h2 id="hist-h" class="text-sm font-semibold">Status history</h2>
    <ol class="mt-3 space-y-2 text-sm">
        @foreach ($v->statusHistories as $h)
            <li class="flex flex-wrap gap-x-3">
                <time class="w-40 text-muted" datetime="{{ $h->created_at->toIso8601String() }}">{{ $h->created_at->format('d M Y, H:i') }}</time>
                <span>{{ $h->from_status ? $h->from_status->label().' → ' : '' }}<strong>{{ $h->to_status->label() }}</strong></span>
                <span class="text-muted">{{ $h->user?->name ?? 'System' }}{{ $h->note ? ' · '.$h->note : '' }}</span>
            </li>
        @endforeach
    </ol>
</section>
@endsection