@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>
                <a href="{{ route('watershed.household-survey.edit', $household->id) }}" class="btn btn-warning ms-1">
                    ✎ Edit
                </a>
            </div>
        </div>
    </div>

    {{-- Details Card --}}
    <div class="card">
        <div class="card-body">
            <div class="row g-2">

                {{-- LEFT COLUMN: Geographical Data --}}
                <div class="col-md-6">
                    <div class="p-2 mb-2 bg-info-lt rounded">
                        <strong>State:</strong> {{ $household->state->name ?? '-' }}
                    </div>
                    <div class="p-2 mb-2 bg-info-lt rounded">
                        <strong>District:</strong> {{ $household->district->name ?? '-' }}
                    </div>
                    <div class="p-2 mb-2 bg-info-lt rounded">
                        <strong>Block:</strong> {{ $household->block->name ?? '-' }}
                    </div>
                    <div class="p-2 mb-2 bg-info-lt rounded">
                        <strong>Panchayat:</strong> {{ $household->panchayat->name ?? '-' }}
                    </div>
                    <div class="p-2 mb-2 bg-info-lt rounded">
                        <strong>Village:</strong> {{ $household->village->name ?? '-' }}
                    </div>
                    <div class="p-2 mb-2 bg-info-lt rounded">
                        <strong>Micro Watershed Code:</strong> {{ $household->micro_watershed_code }}
                    </div>
                </div>

                {{-- RIGHT COLUMN: Watershed + Household Info --}}
                <div class="col-md-6">
                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Watershed Name:</strong> {{ $household->watershed->watershed_name ?? '-' }}
                    </div>
                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Head of Household:</strong> {{ $household->head_of_household_name }}
                    </div>
                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Category:</strong> {{ $household->category ?? '-' }}
                    </div>
                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Family Members:</strong> {{ $household->family_members ?? 0 }}
                    </div>
                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Male Count:</strong> {{ $household->male_count ?? 0 }}
                    </div>
                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Female Count:</strong> {{ $household->female_count ?? 0 }}
                    </div>
                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Land Holding (Acre):</strong> {{ $household->land_holding_acre ?? '-' }}
                    </div>
                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Farmer Type:</strong> {{ $household->farmer_type ?? '-' }}
                    </div>
                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Created By:</strong> {{ $household->user->name ?? '-' }}
                    </div>
                    <div class="p-2 mb-2 bg-success-lt rounded">
                        <strong>Created At:</strong> {{ $household->created_at->format('d M Y, h:i A') }}
                    </div>
                </div>

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

</div>
@endsection