@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-3">

                {{-- LEFT COLUMN: Geographical / Identification --}}
                <div class="col-md-6">
                    <div class="p-2 mb-2 bg-info-lt rounded"><strong>Micro Watershed Code:</strong> {{ $household->micro_watershed_code ?? '-' }}</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>Farmer Name:</strong> {{ $household->farmer_name ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-info-lt rounded"><strong>Plot No:</strong> {{ $household->plot_no ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-info-lt rounded"><strong>Area (Acre):</strong> {{ $household->area_acre ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-info-lt rounded"><strong>Latitude:</strong> {{ $household->lat ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-info-lt rounded"><strong>Longitude:</strong> {{ $household->long ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-info-lt rounded"><strong>Slope %:</strong> {{ $household->slope_percent ?? '-' }}</div>
                </div>

                {{-- RIGHT COLUMN: Soil / Land Use / Treatments --}}
                <div class="col-md-6">
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Depth of Soil:</strong> {{ $household->depth_of_soil ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Texture Class:</strong> {{ $household->texture_class ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Erodibility Class:</strong> {{ $household->erodibility_class ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Land Class:</strong> {{ $household->land_class ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Present Land Use:</strong> {{ $household->present_land_use ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Proposed Land Use:</strong> {{ $household->proposed_land_use ?? '-' }}</div>

                    {{-- Existing Treatment --}}
                    <div class="p-2 mb-2 bg-success text-white rounded text-center"><strong>Existing Treatment</strong></div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Type:</strong> {{ $household->existing_physical_type ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Length:</strong> {{ $household->existing_physical_length ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Cross Section:</strong> {{ $household->existing_physical_cs ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Plant Name:</strong> {{ $household->existing_plant_name ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>No. of Plants:</strong> {{ $household->existing_no_of_plants ?? '-' }}</div>

                    {{-- Proposed Treatment --}}
                    <div class="p-2 mb-2 bg-success text-white rounded text-center"><strong>Proposed Treatment</strong></div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Type:</strong> {{ $household->proposed_physical_type ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Length:</strong> {{ $household->proposed_physical_length ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Cross Section:</strong> {{ $household->proposed_physical_cs ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Plant Name:</strong> {{ $household->proposed_plant_name ?? '-' }}</div>
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>No. of Plants:</strong> {{ $household->proposed_no_of_plants ?? '-' }}</div>

                    {{-- Remark --}}
                    <div class="p-2 mb-2 bg-success-lt rounded"><strong>Remark:</strong> {{ $household->remark ?? '-' }}</div>
                </div>

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

</div>
@endsection