@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">
                    Household Survey Details
                </h2>
            </div>

            <div class="col-auto">
                <a href="{{ route('watershed.household-survey.index') }}"
                   class="btn btn-secondary">
                    ← Back to List
                </a>
            </div>

        </div>
    </div>

    {{-- ================= LOOP HOUSEHOLDS ================= --}}
    @forelse($household as $item)

    {{-- ================= MAIN CARD ================= --}}
    <div class="card mb-4">

        <div class="card-header">

            <h3 class="card-title">
                {{ $item->head_of_household ?? 'Household Details' }}
            </h3>

            <div class="card-actions">
                <a href="{{ route('watershed.household-survey.edit', $item->id) }}"
                   class="btn btn-warning btn-sm">
                    ✎ Edit
                </a>
            </div>

        </div>

        <div class="card-body">

            <div class="row">

                {{-- ================= LEFT SECTION ================= --}}
                <div class="col-md-6">

                    <div class="p-2 mb-2 bg-info-lt rounded">
                        <strong>State:</strong>
                        {{ $item->watershed->state->name ?? '-' }}
                    </div>

                    <div class="p-2 mb-2 bg-info-lt rounded">
                        <strong>District:</strong>
                        {{ $item->watershed->district->name ?? '-' }}
                    </div>

                    <div class="p-2 mb-2 bg-info-lt rounded">
                        <strong>Block:</strong>
                        {{ $item->watershed->block->name ?? '-' }}
                    </div>

                    <div class="p-2 mb-2 bg-info-lt rounded">
                        <strong>Village:</strong>
                        {{ $item->village->name ?? '-' }}
                    </div>

                    <div class="p-2 mb-2 bg-info-lt rounded">
                        <strong>Watershed Name:</strong>
                        {{ $item->watershed->watershed_name ?? '-' }}
                    </div>

                    <div class="p-2 mb-2 bg-info-lt rounded">
                        <strong>Watershed Code:</strong>
                        {{ $item->watershed->watershed_code ?? '-' }}
                    </div>

                </div>

                {{-- ================= RIGHT SECTION ================= --}}
                <div class="col-md-6">

                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Micro Watershed Code:</strong>
                        {{ $item->micro_watershed_code ?? '-' }}
                    </div>

                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Head of Household:</strong>
                        {{ $item->head_of_household ?? '-' }}
                    </div>

                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Category:</strong>
                        {{ $item->category ?? '-' }}
                    </div>

                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Land Holding:</strong>
                        {{ $item->land_holding ?? '-' }}
                    </div>

                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Farmer Type:</strong>
                        {{ $item->farmer_type ?? '-' }}
                    </div>

                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Total Family Members:</strong>
                        {{ $item->familyMembers->count() ?? 0 }}
                    </div>

                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Created At:</strong>
                        {{ optional($item->created_at)->format('d M Y h:i A') }}
                    </div>

                </div>

            </div>

        </div>
    </div>

    {{-- ================= FAMILY MEMBERS ================= --}}
    <div class="card mb-4">

        <div class="card-header">
            <h3 class="card-title">
                Family Members
            </h3>
        </div>

        <div class="card-body">

            <div class="table-responsive">

                <table class="table table-bordered table-striped">

                    <thead class="table-light">
                        <tr>
                            <th width="5%">#</th>
                            <th>Name</th>
                            <th>Sex</th>
                            <th>Age</th>
                        </tr>
                    </thead>

                    <tbody>

                        @forelse($item->familyMembers as $key => $member)

                            <tr>
                                <td>{{ $key + 1 }}</td>
                                <td>{{ $member->name ?? '-' }}</td>
                                <td>{{ $member->sex ?? '-' }}</td>
                                <td>{{ $member->age ?? '-' }}</td>
                            </tr>

                        @empty

                            <tr>
                                <td colspan="4" class="text-center text-muted">
                                    No family members found
                                </td>
                            </tr>

                        @endforelse

                    </tbody>

                </table>

            </div>

        </div>

    </div>

    {{-- ================= PLOT DETAILS ================= --}}
    <div class="card mb-5">

        <div class="card-header">
            <h3 class="card-title">
                Plot Details
            </h3>
        </div>

        <div class="card-body">

            <div class="table-responsive">

                <table class="table table-bordered table-striped">

                    <thead class="table-light">
                        <tr>
                            <th width="5%">#</th>
                            <th>Plot No</th>
                            <th>Area (Acre)</th>
                            <th>Irrigation Status</th>
                        </tr>
                    </thead>

                    <tbody>

                        @forelse($item->household_plots as $key => $plot)

                            <tr>
                                <td>{{ $key + 1 }}</td>
                                <td>{{ $plot->plot_no ?? '-' }}</td>
                                <td>{{ $plot->area_acre ?? '-' }}</td>
                                <td>{{ $plot->irrigation_status ?? '-' }}</td>
                            </tr>

                        @empty

                            <tr>
                                <td colspan="4" class="text-center text-muted">
                                    No plot details found
                                </td>
                            </tr>

                        @endforelse

                    </tbody>

                </table>

            </div>

        </div>

    </div>

    @empty

        <div class="alert alert-warning">
            No household survey records found.
        </div>

    @endforelse

</div>
@endsection