@extends('layouts.app')

@section('title', 'Safety & Quality Issues')

@section('content')
    <h1>Safety &amp; Quality Issues</h1>
    <p class="subtitle">All reported issues, across every project.</p>

    @if (auth()->user()->hasPermission('add_safety_issue') || auth()->user()->hasPermission('add_quality_issue'))
        <a class="btn w-full" href="{{ route('safety-quality.create') }}" style="margin-bottom:16px;">+ Report Issue</a>
    @endif
    <a class="btn secondary w-full" href="{{ route('safety-quality.reports') }}" style="margin-bottom:16px;">📊 View Report</a>

    @forelse ($issues as $issue)
        <a class="card list-item" href="{{ route('safety-quality.show', $issue) }}">
            <div class="list-item-row">
                <div>
                    <strong>#{{ $issue->id }} · {{ $issue->subcategory }}</strong>
                    <div class="hint">{{ $issue->job_no }} · {{ $issue->responsible_officer }} · {{ $issue->photos_count }} photo(s)</div>
                </div>
                <div class="list-item-meta">
                    <span class="badge {{ $issue->category }}">{{ ucfirst($issue->category) }}</span>
                </div>
            </div>
        </a>
    @empty
        <div class="card">
            <p class="hint">No Safety or Quality issues have been reported yet.</p>
        </div>
    @endforelse
@endsection