@extends('shop.layout')
@section('title', 'Căutare după VIN')
@section('content')

<div class="card">
    <h1 style="font-size:20px;margin-bottom:6px;">Caută piese după VIN</h1>
    <p class="muted" style="margin-bottom:16px;">Introdu codul VIN (17 caractere) ca să identificăm mașina. Apoi caută piesele în catalog.</p>

    <form method="GET" action="/shop/vin" style="display:flex;gap:8px;flex-wrap:wrap;">
        <input type="text" name="vin" value="{{ $vin }}" maxlength="17" placeholder="ex: WVWZZZ1JZXW000001"
               style="flex:1;min-width:240px;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-family:monospace;text-transform:uppercase;">
        <button class="btn" type="submit">Decodează</button>
    </form>
</div>

@if ($decoded)
    <div class="card" style="margin-top:14px;">
        @if (! ($decoded['valid_length'] ?? false))
            <p class="stock out">{{ $decoded['reason'] ?? 'VIN invalid — trebuie 17 caractere.' }}</p>
        @else
            <h3 style="font-size:16px;margin-bottom:10px;">Mașină identificată</h3>
            <table class="cart">
                <tr><td>Producător</td><td class="r"><strong>{{ $decoded['manufacturer'] ?? '—' }}</strong></td></tr>
                <tr><td>An model</td><td class="r"><strong>{{ $decoded['year'] ?? '—' }}</strong></td></tr>
                <tr><td>Țară</td><td class="r">{{ $decoded['country'] ?? '—' }}</td></tr>
                <tr><td>Regiune</td><td class="r">{{ $decoded['region'] ?? '—' }}</td></tr>
            </table>
            <div style="margin-top:14px;">
                <a class="btn outline" href="/shop?q={{ urlencode($decoded['manufacturer'] ?? '') }}">
                    Caută piese pentru {{ $decoded['manufacturer'] ?? 'această mașină' }} →
                </a>
            </div>
            <p class="muted" style="margin-top:12px;">
                Pentru compatibilitate exactă pe model/motorizare, contactează service-ul cu acest VIN.
            </p>
        @endif
    </div>
@endif
@endsection