@extends('layouts.main')

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

    {{-- Page Header --}}
    <div class="page-header d-print-none mb-3">
        <div class="row align-items-center">
            <div class="col">
                <h2 class="page-title">
                    General Information
                </h2>
            </div>
            <div class="col-auto">
               <a href="{{ route('watershed.general-information.create') }}"
                class="btn btn-primary">
                    ➕ Add Watershed Info
                </a>
                            </div>
        </div>
    </div>

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

    {{-- Table --}}
<div class="card">
    <div class="table-responsive">
        <table class="table card-table table-vcenter text-center">
        <thead>
            <tr class="bg-blue text-white">
                <th  class="bg-blue text-white">#</th>
                <th  class="bg-blue text-white">Watershed Name</th>
        
                <th class="bg-blue text-white">Block</th>
                <th class="bg-blue text-white">District</th>
                <th class="bg-blue text-white">River Basin</th>
                <th class="bg-blue text-white">Watershed Code</th>
        
            
                <th  class="bg-blue text-white" colspan="3">Action</th>
            </tr>
        </thead>

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

                {{-- Watershed Name --}}
                <td class="text-center">{{ $ws->watershed_name }}</td>

                {{-- Village --}}
                

                {{-- Block --}}
                <td class="text-center">{{ $ws->block->name ?? '-' }}</td>

                {{-- District --}}
                <td class="text-center">{{ $ws->district->name ?? '-' }}</td>

                {{-- River Basin --}}
                <td class="text-center">{{ $ws->river_basin_system ?? '-' }}</td>

                {{-- Watershed Code --}}
                <td class="text-center">{{ $ws->watershed_code ?? '-' }}</td>

                

                {{-- Action --}}
                <td class="text-center">
    <a href="{{ route('watershed.general-information.show', $ws->id) }}"
       class="btn btn-sm btn-outline-info me-1">
        View
    </a>
</td>
<td class="text-center">
    <a href="{{ route('watershed.general-information.edit', $ws->id) }}"
       class="btn btn-sm btn-outline-warning me-1">
        Edit
    </a>
</td>
<td class="text-center">
    
 <a href="{{ route('watershed.climatic-data.create', ['watershed_id' => $ws->id]) }}"
   class="btn btn-sm btn-outline-success-lt">
    Add Climate
</a>
    
</td>

            </tr>
        @empty
            <tr>
                <td colspan="11" class="text-center text-muted">
                    No watershed records found
                </td>
            </tr>
        @endforelse
    </tbody>
</table>

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

        </div>
    </div>

</div>
@endsection