@extends('layouts.main')
@section('main-container')
<div class="container-xl">

    <div class="page-header d-print-none mb-3">
        <div class="row align-items-center">
            <div class="col">
                <h2 class="page-title">Household Survey</h2>
            </div>
            <div class="col-auto">
                
            </div>
        </div>
    </div>

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

    <div class="card">
        <div class="card-body table-responsive p-0">

            <table class="table table-bordered table-striped">
                 <thead class="bg-primary-lt text-center align-middle">
                    <tr>
                        <th class="bg-info text-white" style="width:60px">#</th>
                        <th class="bg-info text-white">State</th>
                        <th class="bg-info text-white">District</th>
                        <th class="bg-info text-white">Block</th>
                        <th class="bg-info text-white">Panchayat</th>
                        <th class="bg-info text-white">Village</th>
                        <th class="bg-info text-white">Micro Watershed<br>Code</th>
                        <th class="bg-info text-white">Head of Household</th>
                        <th class="bg-info text-white">Land (Acre)</th>
                        <th class="bg-info text-white" style="width:120px">Action</th>
                    </tr>
</thead>

                <tbody>
                @forelse ($surveys as $index => $survey)
                    <tr>
                        <td class="text-center">{{ $index + 1 }}</td>
                        <td>{{ $survey->state->name ?? '-' }}</td>
                        <td>{{ $survey->district->name ?? '-' }}</td>
                        <td>{{ $survey->block->name ?? '-' }}</td>
                        <td>{{ $survey->panchayat->name ?? '-' }}</td>
                        <td>{{ $survey->village->name ?? '-' }}</td>
                        <td>{{ $survey->micro_watershed_code ?? '-' }}</td>

                        <td>{{ $survey->head_of_household_name }}</td>

                        <td class="text-end">
                            {{ $survey->land_holding_acre ?? '-' }}
                        </td>

                        <td class="text-center">
      <a href="{{ route('watershed.agri_income.create', ['survey' => $survey->id,'watershed' => $survey->watershed_general_information_id]) }}" 
   class="btn btn-sm btn-success">
   Add
</a>
                            <a href="{{ route('watershed.household-survey.show', $survey->id) }}"
                            class="btn btn-sm btn-success">Show</a>


                            <form action="{{ route('watershed.household-survey.destroy', $survey->id) }}"
                                  method="POST"
                                  class="d-inline"
                                  onsubmit="return confirm('Are you sure?')">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-sm btn-danger">🗑</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="11" class="text-center text-muted">
                            No household survey data found
                        </td>
                    </tr>
                @endforelse
                </tbody>

            </table>

            {{-- Pagination --}}
            <div class="mt-3">
                {{ $surveys->links() }}
            </div>

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