@extends('layouts.usermain')
@section('main-container')

<div class="page-header d-print-none">
    <div class="container-xl">
        <div class="row g-2 align-items-center">
            <div class="col">
                
                <h2 class="page-title">WHS: List</h2>
            </div>
            <div class="col-auto ms-auto d-print-none">
                <div class="btn-list">
                    <a href="#" class="btn btn-outline-primary d-none d-sm-inline">
                        <i class="ti ti-plus"></i>
                        New View
                    </a>
                    <a href="{{ url('reports/baseline-report') }}" class="btn btn-primary">
                        <i class="ti ti-file-report"></i>
                       Income List
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="page-body">
    <div class="container-xl">
        <div class="card mb-4 shadow-sm">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">WHS Impact: Agri Baseline</h5>
            </div>

            <div class="card-body">
                <div class="table-responsive">
                
                    <table class="table table-bordered table-striped text-center">
                        <thead class="bg-primary-lt text-dark">
            <tr>
                <th scope="col" class="bg-info text-light">District</th>
                <th scope="col" class="bg-info text-light">Block</th>
                <th scope="col" class="bg-info text-light">Village</th>
                <th scope="col" class="bg-info text-light">WHS Code</th>
                <th scope="col" class="bg-info text-light">Year</th>
                <th scope="col" class="bg-info text-light">Category</th>

                <th scope="col" class="bg-info text-light">Beneficiary Name</th>
                <th scope="col" class="bg-info text-light">Survey Date</th>
                <th scope="col" class="bg-info text-light">Add -Income </th>
                
                
            </tr>
</thead>
<tbody class="text-center">
    @foreach($members as $member)
<tr>
    <td>{{ $member->baseline->district->name ?? '-' }}</td>
    <td>{{ $member->baseline->block->name ?? '-' }}</td>
    <td>{{ $member->baseline->village->name ?? '-' }}</td>
    <td>{{ $member->baseline->application_code ?? '-' }}</td>
    <td>{{ $member->baseline->financialYear->name  ?? '-' }}</td>
    <td>{{ $member->category ?? '-' }}</td>
    <td>{{ $member->name_of_beneficiary ?? '-' }}</td>
    <td>{{ $member->baseline->date_of_survey ?? '-' }}{{ $member->id ?? '-' }}</td>
    <td><a href="{{ route('income.create', ['baseline_id' => $member->baseline_id, 'member_id' => $member->id]) }}"><span class="text-success">➕</span></a></td>


</a>
   
    
</tr>
@endforeach
</tbody>

                    </table>

                    
                <div class="d-flex justify-content-center">
                    {{ $members->links() }}
                </div>

                </div>
            </div>
        </div>
    </div>
</div>
@endsection