@extends('layouts.main')

@section('main-container')

<div class="container-xl">

    <div class="page-header d-print-none mb-3">
        <h2 class="page-title">Plot To Plot Planning</h2>
    </div>

    <div class="card mb-4">
        <div class="card-header bg-primary text-white">
            Surveys List
        </div>

        <div class="card-body p-0">
            <table class="table table-bordered mb-0 text-center">
                <thead class="table-light">
                    <tr>
                        <th style="width:5%">SL.NO#</th>
                        <th>District</th>
                        <th>Block</th>
                        <th>Watershed Name</th>
                        <th>Micro Watershed Code</th>
                        <th>Plots</th>

                    </tr>
                </thead>
                <tbody>
                   @foreach($surveyData as $index => $survey)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $survey->district_id ?? '-' }}</td>
                            <td>{{ $survey->block_id  ?? '-' }}</td>
                        
                            <td>{{ $survey->watershed_name ?? '-' }}</td>

                            <td>{{ $survey->micro_watershed_code ?? '-' }}</td>

                            <td>
                                @foreach($survey->plots as $index => $plot)
                                    <a href="{{ $plot->plot_no }}"
                                    class="btn btn-sm {{ $index % 2 == 0 ? 'btn-primary' : 'btn-success' }} me-1 mb-1">
                                        {{ $plot->plot_no }}
                                    </a>
                                @endforeach
                            </td>

            
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

</div>

@endsection