@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">Net Planning Details</h2>
                <div class="text-muted">Record ID: {{ $netplanning->id }}</div>
            </div>
            <div class="col-auto">
                <a href="{{ route('watershed.net-planning.index') }}" class="btn btn-secondary">
                    ⬅ Back
                </a>
                <a href="{{ route('watershed.net-planning.edit', $netplanning->id) }}" class="btn btn-warning ms-1">
                    ✎ Edit
                </a>
            </div>
        </div>
    </div>

    <div class="row">

        {{-- ================= LOCATION & FARMER DETAILS ================= --}}
        <div class="col-md-6">
            <div class="card mb-3">
                <div class="card-header bg-primary text-white">
                    Location & Farmer Details
                </div>
                <div class="card-body p-0">
                    <table class="table table-bordered mb-0">
                        <tr><th width="40%">Micro Watershed Code</th><td>{{ $netplanning->micro_watershed_code ?? '-' }}</td></tr>
                        <tr><th>District</th><td>{{ $netplanning->district->name ?? '-' }}</td></tr>
                        <tr><th>Block</th><td>{{ $netplanning->block->name ?? '-' }}</td></tr>
                        <tr><th>Panchayat</th><td>{{ $netplanning->panchayat->name ?? '-' }}</td></tr>
                        <tr><th>Village</th><td>{{ $netplanning->village->name ?? '-' }}</td></tr>
                        <tr><th>Farmer Name</th><td>{{ $netplanning->farmer_name ?? '-' }}</td></tr>
                        <tr><th>Plot No</th><td>{{ $netplanning->plot_no ?? '-' }}</td></tr>
                        <tr><th>Area (Acre)</th><td>{{ number_format($netplanning->area_acre ?? 0, 2) }}</td></tr>
                        <tr><th>Latitude</th><td>{{ $netplanning->lat ?? '-' }}</td></tr>
                        <tr><th>Longitude</th><td>{{ $netplanning->long ?? '-' }}</td></tr>
                        <tr><th>Slope (%)</th><td>{{ $netplanning->slope_percent ?? '-' }}</td></tr>
                    </table>
                </div>
            </div>
        </div>

        {{-- ================= SOIL & LAND DETAILS ================= --}}
        <div class="col-md-6">
            <div class="card mb-3">
                <div class="card-header bg-success text-white">
                    Soil & Land Information
                </div>
                <div class="card-body p-0">
                    <table class="table table-bordered mb-0">
                        <tr><th width="40%">Depth of Soil</th><td>{{ $netplanning->depth_of_soil ?? '-' }}</td></tr>
                        <tr><th>Texture Class</th><td>{{ $netplanning->texture_class ?? '-' }}</td></tr>
                        <tr><th>Erodibility Class</th><td>{{ $netplanning->erodibility_class ?? '-' }}</td></tr>
                        <tr><th>Land Class</th><td>{{ $netplanning->land_class ?? '-' }}</td></tr>
                        <tr><th>Present Land Use</th><td>{{ $netplanning->present_land_use ?? '-' }}</td></tr>
                        <tr><th>Proposed Land Use</th><td>{{ $netplanning->proposed_land_use ?? '-' }}</td></tr>
                    </table>
                </div>
            </div>
        </div>

        {{-- ================= EXISTING TREATMENT ================= --}}
        <div class="col-md-6">
            <div class="card mb-3">
                <div class="card-header bg-info text-white">
                    Existing Treatment
                </div>
                <div class="card-body p-0">
                    <table class="table table-bordered mb-0">
                        <tr><th width="40%">Physical Type</th><td>{{ $netplanning->existing_physical_type ?? '-' }}</td></tr>
                        <tr><th>Length</th><td>{{ $netplanning->existing_physical_length ?? '-' }}</td></tr>
                        <tr><th>Cross Section</th><td>{{ $netplanning->existing_physical_cs ?? '-' }}</td></tr>
                        <tr><th>Plant Name</th><td>{{ $netplanning->existing_plant_name ?? '-' }}</td></tr>
                        <tr><th>No. of Plants</th><td>{{ $netplanning->existing_no_of_plants ?? '-' }}</td></tr>
                    </table>
                </div>
            </div>
        </div>

        {{-- ================= PROPOSED TREATMENT ================= --}}
        <div class="col-md-6">
            <div class="card mb-3">
                <div class="card-header bg-warning text-dark">
                    Proposed Treatment
                </div>
                <div class="card-body p-0">
                    <table class="table table-bordered mb-0">
                        <tr><th width="40%">Physical Type</th><td>{{ $netplanning->proposed_physical_type ?? '-' }}</td></tr>
                        <tr><th>Length</th><td>{{ $netplanning->proposed_physical_length ?? '-' }}</td></tr>
                        <tr><th>Cross Section</th><td>{{ $netplanning->proposed_physical_cs ?? '-' }}</td></tr>
                        <tr><th>Plant Name</th><td>{{ $netplanning->proposed_plant_name ?? '-' }}</td></tr>
                        <tr><th>No. of Plants</th><td>{{ $netplanning->proposed_no_of_plants ?? '-' }}</td></tr>
                        <tr><th>Remark</th><td>{{ $netplanning->remark ?? '-' }}</td></tr>
                    </table>
                </div>
            </div>
        </div>

        {{-- ================= RECORD INFO ================= --}}
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    Record Information
                </div>
                <div class="card-body">
                    <p><strong>Created At:</strong> {{ $netplanning->created_at?->format('d-m-Y H:i') }}</p>
                    <p><strong>Updated At:</strong> {{ $netplanning->updated_at?->format('d-m-Y H:i') }}</p>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection