@extends('layouts.main')

@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">
                <div class="page-pretitle">
                    Watershed
                </div>
                <h2 class="page-title">
                    Land Use / Land Cover (LULC)
                </h2>
            </div>

            <div class="col-auto ms-auto d-print-none">
                <a href="#"
                   class="btn btn-primary">
                    Downlaod
                </a>
            </div>
        </div>
    </div>
</div>

<div class="page-body">
<div class="container-xl p-0">

    {{-- Success Message --}}
    @if(session('success'))
        <div id="success-message" class="alert alert-success">
            {{ session('success') }}
        </div>
        <script>
            setTimeout(() => {
                document.getElementById('success-message').style.display = 'none';
            }, 4000);
        </script>
    @endif

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

            <table class="table table-bordered table-striped">
    <thead class="table-light text-center">
        <tr>
            <th class="bg-success-lt">#</th>
            <th class="bg-success-lt">Block</th>
            <th class="bg-success-lt">Panchayat</th>
            <th class="bg-success-lt">Village</th>
            <th class="bg-success-lt">Watershed</th>
            <th class="bg-success-lt">microWatershed</th>
            <th class="bg-success-lt">Head of th house</th>
            <th class="bg-success-lt" class="text-center">Action</th>
        </tr>
    </thead>

    <tbody>
    @forelse($watersheds as $index => $watershed)
        <tr>
            <td class="text-center">
                {{ $watersheds->firstItem() + $index }}
            </td>

            <td>
                {{ $watershed->block->name ?? '-' }}
            </td>

            <td>
                {{ $watershed->panchayat->name ?? '-' }}
            </td>

            <td>
                {{ $watershed->village->name ?? '-' }}
            </td>

            <td>
                {{ $watershed->watershed_general_information_id ?? '-' }}
            </td>
                <td>
                {{ $watershed->micro_watershed_code ?? '-' }}
            </td>
                <td>
                {{ $watershed->head_of_household_name ?? '-' }}
            </td>

             

            

            <td class="text-center">

                {{-- Edit Watershed --}}
                <a href="{{ route('watershed.land-use-categories.show', $watershed->id) }}" 
                    class="btn btn-sm btn-warning">
                        👁 View
                    </a>
                    <a href="{{ route('watershed.land-use-categories.create', ['household_survey_id' => $watershed->id]) }}"
                class="btn btn-sm btn-primary">
                    Add LULC
                </a>

            </td>
        </tr>
    @empty
        <tr>
            <td colspan="6" class="text-center text-muted">
                No Watershed Found
            </td>
        </tr>
    @endforelse
    </tbody>
</table>

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


        

        </div>
    </div>

</div>
</div>

@endsection