@extends('layouts.app')

@section('title', 'Upload Documents')

@section('content')
    <h1>Upload Documents</h1>
    <p class="subtitle">Step 3 of 4 — RFI #{{ $rfi->id }} · {{ $rfi->job_no }} · {{ $rfi->swo_no }}</p>

    <div class="card">
        <h3 style="margin-top:0">Signed RFI Sheet</h3>
        @if ($rfi->rfiSheet()->exists())
            <p class="hint">✓ Uploaded ({{ $rfi->rfiSheet()->latest()->first()->original_filename }})</p>
        @else
            <p class="hint">Not yet uploaded.</p>
        @endif

        <form method="POST" action="{{ route('rfi.upload.store', $rfi) }}" enctype="multipart/form-data">
            @csrf
            <div class="field">
                <label for="rfi_sheet">Capture / scan the signed RFI sheet, or upload from gallery</label>
                <input type="file" name="rfi_sheet" id="rfi_sheet" accept="image/*,application/pdf" capture="environment">
            </div>
            <button class="btn w-full" type="submit">Upload RFI Sheet</button>
        </form>
    </div>

    <div class="card">
        <h3 style="margin-top:0">Site Photographs</h3>
        @php $photos = $rfi->sitePhotographs; @endphp
        @if ($photos->count())
            <p class="hint">{{ $photos->count() }} photo(s) uploaded.</p>
            <div class="thumb-grid">
                @foreach ($photos as $p)
                    <div>{{ $p->original_filename }}</div>
                @endforeach
            </div>
        @else
            <p class="hint">No photographs uploaded yet.</p>
        @endif

        <form method="POST" action="{{ route('rfi.upload.store', $rfi) }}" enctype="multipart/form-data" style="margin-top:12px">
            @csrf
            <div class="field">
                <label for="site_photos">Take photo(s) with the camera, or choose from gallery (multiple allowed)</label>
                <input type="file" name="site_photos[]" id="site_photos" accept="image/*" capture="environment" multiple>
            </div>
            <button class="btn w-full" type="submit">Upload Photograph(s)</button>
        </form>
    </div>

    <div class="btn-row">
        <a class="btn secondary" href="{{ route('rfi.create', ['type' => $rfi->type]) }}">Back</a>
        <a class="btn {{ $rfi->hasRequiredDocuments() ? '' : 'secondary' }}"
           href="{{ route('rfi.review', $rfi) }}"
           @unless($rfi->hasRequiredDocuments()) aria-disabled="true" onclick="return confirm('Both the RFI sheet and at least one site photo are recommended before review. Continue anyway?')" @endunless>
            Continue to Review
        </a>
    </div>
@endsection