@extends('layouts.master')

@section('content')
<div class="container">
    <h2>{{ $reportTitle }} for Pay Run ID: {{ $payRunId }}</h2>

    {{-- Stats --}}
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card text-white bg-danger shadow">
                <div class="card-body">
                    <h5>Total Mismatches</h5>
                    <h3>{{ $totalMismatches }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card text-white bg-warning shadow">
                <div class="card-body">
                    <h5>People Affected</h5>
                    <h3>{{ $uniquePeople }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card text-white bg-info shadow">
                <div class="card-body">
                    <h6>Gross Errors</h6>
                    <h4>{{ $grossMismatches }}</h4>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card text-black bg-primary shadow">
                <div class="card-body">
                    <h6>Net Errors</h6>
                    <h4>{{ $netMismatches }}</h4>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card text-white bg-secondary shadow">
                <div class="card-body">
                    <h6>Deductions Errors</h6>
                    <h4>{{ $deduMismatches }}</h4>
                </div>
            </div>
        </div>
    </div>

    {{-- Results --}}
    @if($results->isEmpty())
        <div class="alert alert-success">No mismatches found ✅</div>
    @else
        @foreach($results as $row)
            <div class="card mb-4">
                <div class="card-header bg-danger text-white">
                    <strong>Man Number:</strong> {{ $row->man_number }}
                </div>
                <div class="card-body">
                    <table class="table table-sm table-bordered">
                        <thead>
                            <tr>
                                <th>Field</th>
                                <th>Payroll (Old)</th>
                                <th>Payroll Updated (New)</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><strong>Gross Earnings</strong></td>
                                <td>{{ number_format($row->old_gross, 2) }}</td>
                                <td>{{ number_format($row->new_gross, 2) }}</td>
                            </tr>
                            <tr>
                                <td><strong>Net Pay</strong></td>
                                <td>{{ number_format($row->old_net, 2) }}</td>
                                <td>{{ number_format($row->new_net, 2) }}</td>
                            </tr>
                            <tr>
                                <td><strong>Deductions</strong></td>
                                <td>{{ number_format($row->old_deductions, 2) }}</td>
                                <td>{{ number_format($row->new_deductions, 2) }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        @endforeach
    @endif
</div>
@endsection