@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">Rainwater Structures / Openwells</h2>
            </div>
            <div class="col-auto">
                <a href="{{ route('watershed.rainwater-structures.create') }}" class="btn btn-primary">
                    ➕ Add Structure
                </a>
            </div>
        </div>
    </div>

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

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

            <table class="table table-bordered table-striped">
                <thead class="bg-primary-lt text-center">
                    <tr>
                        <th style="width:60px">#</th>
                        <th>State</th>
                        <th>District</th>
                        <th>Block</th>
                        <th>Panchayat</th>
                        <th>Village</th>
                        <th>Head of Household</th>
                        <th>Category</th>
                        <th>Family Members</th>
                        <th>Land (Acre)</th>
                        <th style="width:120px">Action</th>
                    </tr>
                </thead>

                <tbody>
                @forelse ($structures as $index => $structure)
                    <tr>
                        <td class="text-center">{{ $index + 1 }}</td>

                        <td>{{ $structure->state->name ?? '-' }}</td>
                        <td>{{ $structure->district->name ?? '-' }}</td>
                        <td>{{ $structure->block->name ?? '-' }}</td>
                        <td>{{ $structure->panchayat->name ?? '-' }}</td>
                        <td>{{ $structure->village->name ?? '-' }}</td>

                        <td>{{ $structure->head_of_household_name ?? '-' }}</td>

                        <td class="text-center">{{ $structure->category ?? '-' }}</td>
                        <td class="text-center">{{ $structure->family_members ?? '-' }}</td>
                        <td class="text-end">{{ $structure->land_holding_acre ?? '-' }}</td>

                        <td class="text-center">
                            <a href="{{ route('watershed.rainwater-structures.edit', $structure->id) }}"
                               class="btn btn-sm btn-warning">✏️</a>

                            <form action="{{ route('watershed.rainwater-structures.destroy', $structure->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 structures found
                        </td>
                    </tr>
                @endforelse
                </tbody>

            </table>

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

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