@extends('layouts.master')

@section('content')
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div>
                    Payroll Employees Approved Claims
                </div>
            </div>

        </div>

        @if (isset($error) || session('error'))
            <div class="alert alert-danger">
                {{ $error ?? session('error') }}
            </div>
        @endif

        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif
    </div>

    <div class="main-card mb-3 card">
        <div class="card-body">
            <table id="example1" class="table table-hover table-striped table-bordered">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Period</th>
                        <th>Pending Claims</th>
                        <th>Processed Claims</th>
                        <th>Total Pending Amount</th>
                        <th>Total Processed Amount</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($summaryData as $item)
                        <tr>
                            <td>{{ $item['payroll_name'] }}</td>
                            <td>{{ $item['payroll_period'] }}</td>
                            <td>{{ $item['pending_claims'] }}</td>
                            <td>{{ $item['processed_claims'] }}</td>
                            <td>{{ number_format($item['total_pending_amount'], 2) }}</td> <!-- Format for currency -->
                            <td>{{ number_format($item['total_processed_amount'], 2) }}</td> <!-- Format for currency -->
                            <td>
                                <!-- Actions can be added here -->
                                <a href="{{ route('pam-payroll-approved-claims.show', $item['payroll_id']) }}"
                                    class="btn-shadow fbtn-wide btn-pill me-3 btn btn-outline-success">View</a>

                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection