@extends('layouts.app')

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

@section('content')
    <h1>Safety &amp; Quality Reports</h1>
    <p class="subtitle">Summary of reported issues, by Responsible Officer and by Project. Tap a row to see the issues.</p>

    <div class="card">
        <h3 style="margin-top:0">Overall</h3>
        <div class="report-stats">
            <div class="report-stat">
                <div class="report-stat-value">{{ $overall['total'] }}</div>
                <div class="report-stat-label">Total Issues</div>
            </div>
            <div class="report-stat">
                <div class="report-stat-value">{{ $overall['safety'] }}</div>
                <div class="report-stat-label">Safety</div>
            </div>
            <div class="report-stat">
                <div class="report-stat-value">{{ $overall['quality'] }}</div>
                <div class="report-stat-label">Quality</div>
            </div>
        </div>
    </div>

    <div class="card">
        <h3 style="margin-top:0">By Responsible Officer</h3>
        @if ($byOfficer->isEmpty())
            <p class="hint">No issues reported yet.</p>
        @else
            @foreach ($byOfficer as $row)
                <details class="report-group">
                    <summary>
                        <span class="report-group-title">{{ $row['officer'] }}</span>
                        <span class="report-group-counts">
                            <strong>{{ $row['total'] }}</strong> total ·
                            {{ $row['safety'] }} safety ·
                            {{ $row['quality'] }} quality
                        </span>
                    </summary>
                    <div class="report-group-issues">
                        @foreach ($row['issues'] as $issue)
                            @include('safety-quality._issue-row', ['issue' => $issue])
                        @endforeach
                    </div>
                </details>
            @endforeach
        @endif
    </div>

    <div class="card">
        <h3 style="margin-top:0">By Project</h3>
        @if ($byProject->isEmpty())
            <p class="hint">No issues reported yet.</p>
        @else
            @foreach ($byProject as $row)
                <details class="report-group">
                    <summary>
                        <span class="report-group-title">
                            {{ $row['job_no'] }}
                            @if ($row['job_description'])
                                <span class="report-group-subtitle">{{ $row['job_description'] }}</span>
                            @endif
                        </span>
                        <span class="report-group-counts">
                            <strong>{{ $row['total'] }}</strong> total ·
                            {{ $row['safety'] }} safety ·
                            {{ $row['quality'] }} quality ·
                            {{ $row['open'] }} open
                        </span>
                    </summary>
                    <div class="report-group-issues">
                        @foreach ($row['issues'] as $issue)
                            @include('safety-quality._issue-row', ['issue' => $issue])
                        @endforeach
                    </div>
                </details>
            @endforeach
        @endif
    </div>

    <a class="btn secondary w-full" href="{{ route('safety-quality.index') }}">Back to List</a>
@endsection