@extends('Admin.layout')

@section('content')

<div class="container-fluid">

<div class="card">

    <div class="card-header">

        <div class="d-flex justify-content-between align-items-center">

            <div>

                <h5 class="mb-1">
                    Project: {{ $project }}
                </h5>

                <div class="text-muted">
                    Staff:
                    <strong>
                        {{ $staffName }}
                    </strong>
                </div>

            </div>

            <div>

                <a
                    href="{{ route('project_work_detail', ['project' => $project]) }}"
                    class="btn btn-secondary btn-sm"
                >
                    ← Back
                </a>

            </div>

        </div>

    </div>


    <div class="card-body">

        @if(count($staffRows) === 0)

            <div class="alert alert-warning">
                No records found for this staff member.
            </div>

        @else

            <div class="table-responsive">

                <table class="table table-bordered table-hover">

                    <thead>

                        <tr>

                            <th style="width: 80px;">
                                S.No
                            </th>

                            <th>
                                Date
                            </th>

                            <th>
                                Expense
                            </th>

                        </tr>

                    </thead>

                    <tbody>

                        @foreach($staffRows as $index => $row)

                            <tr>

                                <td>
                                    {{ $index + 1 }}
                                </td>

                                <td>
                                    {{ $row['date'] ?? '-' }}
                                </td>

                                <td>
                                    ₹{{ number_format((float) ($row['expense'] ?? 0), 2) }}
                                </td>

                            </tr>

                        @endforeach

                        <tr class="table-light">

                            <td colspan="2">

                                <strong>
                                    Total Expense
                                </strong>

                            </td>

                            <td>

                                <strong>
                                    ₹{{ number_format($totalExpense, 2) }}
                                </strong>

                            </td>

                        </tr>

                    </tbody>

                </table>

            </div>

        @endif

    </div>

</div>

</div>

@endsection