@extends('layouts.main')

@section('main-container')

<!-- Page Header -->

@php $info = $assethandovers; @endphp
<div class="page-header d-print-none">
    <div class="container-xl">
        <div class="row g-2 align-items-center">
            <!-- Left column can be empty or contain a title -->
            <div class="col">
                <h2 class="page-title">Asset Handover</h2>
            </div>

            <!-- Right-aligned buttons -->
            <div class="col-auto ms-auto">
                <span class="d-none d-sm-inline">
                    <a href="{{ url('/assethandover/pdf/' . $info->baseline_id) }}" class="btn btn-1">
                        PDF-Download
                    </a>
                </span>
                <a href="/farmers/create" class="btn btn-primary btn-5 d-none d-sm-inline-block">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 
                         viewBox="0 0 24 24" fill="none" stroke="currentColor" 
                         stroke-width="2" stroke-linecap="round" stroke-linejoin="round" 
                         class="icon icon-2">
                        <path d="M12 5l0 14" />
                        <path d="M5 12l14 0" />
                    </svg>
                    Add Baseline
                </a>
            </div>
        </div>
    </div>
</div>








<!-- Page Body -->
<div class="page-body">
    
    <div class="container-xl">
<div class="card">
            <div class="card-header bg-primary text-white">
                <h3 class="card-title">Handover Records</h3>
            </div>
        <div class="card shadow-sm border-0">
            <!-- Card Header -->
            <div class="text-center py-4">
    <h3 class="fw-bold mb-1">Asset Handover to Beneficiary</h3>
    <p class="text-muted mb-0">Water Harvesting for Climate Resilience Project</p>
</div>

            <!-- Card Body -->
            <div class="card-body">
                <!-- Section: Baseline Information -->
                <h4 class="mb-3 text-uppercase text-muted">Baseline Information</h4>
                <div class="row g-3 bg-light p-4 rounded shadow-sm mb-4">
                    

                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Baseline Respondent</label>
                        <div class="form-control-plaintext">{{ $info->name_of_respondent }}</div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Unit</label>
                        <div class="form-control-plaintext">{{ $info->unit->name ?? 'N/A' }}</div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">State</label>
                        <div class="form-control-plaintext">{{ $info->state->name ?? 'N/A' }}</div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">District</label>
                        <div class="form-control-plaintext">{{ $info->district->name ?? 'N/A' }}</div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Block</label>
                        <div class="form-control-plaintext">{{ $info->block->name ?? 'N/A' }}</div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Panchayat</label>
                        <div class="form-control-plaintext">{{ $info->panchayat->name ?? 'N/A' }}</div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Village</label>
                        <div class="form-control-plaintext">{{ $info->village->name ?? 'N/A' }}</div>
                    </div>
                </div>

                <!-- Section: Asset Details -->
                <h4 class="mb-3 text-uppercase text-muted">Asset Details</h4>
                <div class="row g-3">
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Asset Name</label>
                        <div class="form-control-plaintext">Farm-Pond</div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Dimension (Size in mtr)</label>
                        <div class="form-control-plaintext">{{ $info->dimension ?? 'N/A' }}</div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Plot No</label>
                        <div class="form-control-plaintext">{{ $info->plot_no ?? 'N/A' }}</div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Agency</label>
                        <div class="form-control-plaintext">{{ $info->agency ?? 'N/A' }}</div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Date of Handover</label>
                        <div class="form-control-plaintext">
                            {{ \Carbon\Carbon::parse($info->date_of_handover)->format('d-m-Y') }}
                        </div>
                    </div>
                </div>
            </div>

            <!-- Card Footer -->
            <div class="card-footer bg-light text-end">
                <a href="{{ route('assethandover.index') }}" class="btn btn-secondary">
                    <i class="ti ti-arrow-left"></i> Back
                </a>
            </div>
        </div>
    </div>
</div>
</div>
@endsection