@extends('layouts.app')

@section('title', 'QA Review')

@section('content')
    <h1>QA Review</h1>
    <p class="subtitle">Step 4 of 4 — RFI #{{ $rfi->id }} · {{ ucfirst($rfi->type) }} RFI</p>

    <div class="card">
        <p><strong>Job:</strong> {{ $rfi->job_no }} @if($rfi->job_description) — {{ $rfi->job_description }} @endif</p>
        <p><strong>Responsible Officer:</strong> {{ $rfi->responsible_officer }}</p>
        <p><strong>Sub Work Order:</strong> {{ $rfi->swo_no }}</p>
        <p><strong>Current Status:</strong>
            <span class="badge {{ $rfi->qa_status }}">{{ ucfirst($rfi->qa_status) }}</span>
        </p>
        @if ($rfi->erp_synced_at)
            <p><small class="hint">Synced to ERP at {{ $rfi->erp_synced_at->format('Y-m-d H:i') }}</small></p>
        @elseif ($rfi->erp_sync_error)
            <p><small class="hint" style="color:var(--danger)">ERP sync failed: {{ $rfi->erp_sync_error }}</small></p>
        @endif
    </div>

    <div class="card">
        <h3 style="margin-top:0">Uploaded Documents</h3>
        <ul class="doc-list">
            <li>RFI Sheet: {{ $rfi->rfiSheet()->exists() ? '✓ Uploaded' : '✗ Missing' }}</li>
            <li>Site Photographs: {{ $rfi->sitePhotographs->count() }} uploaded</li>
        </ul>
        @unless ($rfi->hasRequiredDocuments())
            <p class="status error" style="margin-top:12px">
                Both the RFI sheet and at least one site photograph are required before a review decision can be saved and pushed to the ERP.
            </p>
            <a class="btn secondary w-full" href="{{ route('rfi.upload', $rfi) }}">Go to Upload</a>
        @endunless
    </div>

    @if ($rfi->hasRequiredDocuments())
        <div class="card">
            <h3 style="margin-top:0">Inspection Result</h3>
            <form method="POST" action="{{ route('rfi.review.store', $rfi) }}">
                @csrf
                <div class="btn-row">
                    <button class="btn ok" type="submit" name="qa_status" value="approved">Approve</button>
                    <button class="btn danger" type="submit" name="qa_status" value="rejected">Reject</button>
                </div>
            </form>
        </div>
    @endif
@endsection