@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</h2>
    </div>

    <div class="card mb-4">
        <div class="card-header bg-primary text-white">
            🌾 Farmer Wise Planning
        </div>

        <div class="card-body p-0">
            <table class="table table-bordered mb-0">
                <thead class="table-light">
                    <tr>
                        <th style="width:5%">SL.NO#</th>
                        <th>Village</th>
                        <th>Household Survey ID</th>
                        <th>Micro Watershed Code</th>
                        <th>Head of the Family</th>
                        <th style="width:15%">Action</th>
                    </tr>
                </thead>

                <tbody>
                    @foreach($plots as $plot)
                        <tr>
                            <td>{{ $loop->iteration }}</td>

                            <td>{{ $plot->householdSurvey->village_id ?? '-' }}</td>

                            <td>{{ $plot->household_survey_id ?? '-' }}</td>

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

                            <td>{{ $plot->householdSurvey->head_of_household_name ?? '-' }}</td>

                            <td>
                                <!-- Add -->
                                <a href=""
                                   class="btn btn-sm btn-primary me-1">
                                    Add
                                </a>

                                <!-- View -->
                                <a href=""
                                   class="btn btn-sm btn-info me-1">
                                    View
                                </a>

                                <!-- Delete -->
                                <form action=""
                                      method="POST"
                                      style="display:inline-block;">
                                    @csrf
                                    @method('DELETE')

                                    <button type="submit"
                                            class="btn btn-sm btn-danger"
                                            onclick="return confirm('Are you sure?')">
                                        Delete
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @endforeach

                    @if($plots->isEmpty())
                        <tr>
                            <td colspan="6" class="text-center">No data found</td>
                        </tr>
                    @endif
                </tbody>

            </table>
        </div>
    </div>

</div>

@endsection