@extends('layouts.master')
@section('content')
<div class="container">
    <h2>Payslip Mismatches for Pay Run ID: {{ $payRunId }}</h2>

    @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 }} |
                    <strong>Gross Amount:</strong> {{ number_format($row->gross_earnings, 2) }} |
                    <strong>Deductions:</strong> {{ number_format($row->deductions, 2) }} |
                    <strong>Net Amount:</strong> {{ number_format($row->net_pay, 2) }}

                </div>
                <div class="card-body">
                    
                    {{-- Earnings Section --}}
                    <h5 class="text-primary">Earnings</h5>
                    <table class="table table-sm table-bordered">
                        <thead>
                            <tr>
                                <th></th>
                                <th>Count</th>
                                <th>Total Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><strong>Earn Defs</strong></td>
                                <td>{{ $row->earn_defs_count }}</td>
                                <td>{{ number_format($row->earn_defs_total, 2) }}</td>
                            </tr>
                            <tr>
                                <td><strong>Earns</strong></td>
                                <td>{{ $row->earns_count }}</td>
                                <td>{{ number_format($row->earns_total, 2) }}</td>
                            </tr>
                        </tbody>
                    </table>

                    {{-- Deductions Section --}}
                    <h5 class="text-primary mt-4">Deductions</h5>
                    <table class="table table-sm table-bordered">
                        <thead>
                            <tr>
                                <th></th>
                                <th>Count</th>
                                <th>Total Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><strong>Dedu Defs</strong></td>
                                <td>{{ $row->dedu_defs_count }}</td>
                                <td>{{ number_format($row->dedu_defs_total, 2) }}</td>
                            </tr>
                            <tr>
                                <td><strong>Dedus</strong></td>
                                <td>{{ $row->dedus_count }}</td>
                                <td>{{ number_format($row->dedus_total, 2) }}</td>
                            </tr>
                        </tbody>
                    </table>

                    {{-- Contributions Section --}}
                    <h5 class="text-primary mt-4">Contributions</h5>
                    <table class="table table-sm table-bordered">
                        <thead>
                            <tr>
                                <th></th>
                                <th>Count</th>
                                <th>Total Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><strong>Cont Defs</strong></td>
                                <td>{{ $row->cont_defs_count }}</td>
                                <td>{{ number_format($row->cont_defs_total, 2) }}</td>
                            </tr>
                            <tr>
                                <td><strong>Conts</strong></td>
                                <td>{{ $row->conts_count }}</td>
                                <td>{{ number_format($row->conts_total, 2) }}</td>
                            </tr>
                        </tbody>
                    </table>

                </div>
            </div>
        @endforeach
    @endif
</div>
@endsection