@extends('layouts.main')

@section('main-container')

<!-- Page Header -->
<div class="page-header d-print-none">
    <div class="container-xl">
        <div class="row g-2 align-items-center">
            <div class="col">
                <div class="page-pretitle">WHS</div>
                <h2 class="page-title">Create Asset Handover</h2>
            </div>
        </div>
    </div>
</div>

<!-- Page Body -->
<div class="page-body">
    <div class="container-xl">
        <form action="{{ route('assethandover.store') }}" method="POST" class="card shadow-sm">
            @csrf

            <!-- Hidden Inputs -->
            <input type="hidden" name="baseline_id" value="{{ $handovers->baseline_id }}">
            <input type="hidden" name="unit_id" value="{{ $handovers->unit_id }}">
            <input type="hidden" name="state_id" value="{{ $handovers->state_id }}">
            <input type="hidden" name="district_id" value="{{ $handovers->district_id }}">
            <input type="hidden" name="block_id" value="{{ $handovers->block_id }}">
            <input type="hidden" name="panchayat_id" value="{{ $handovers->panchayat_id }}">
            <input type="hidden" name="village_id" value="{{ $handovers->village_id }}">
            <input type="hidden" name="name_of_respondent" value=" {{ $handovers->name_of_respondent ?? 'N/A' }}">

            <!-- Card Header -->
            <div class="card-header bg-primary text-white">
                <h3 class="card-title">Asset Handover Form</h3>
            </div>

            <!-- Card Body -->
            <div class="card-body">

                <!-- Section: Baseline Information -->
                <h4 class="text-muted border-bottom pb-2 mb-4">Baseline Information</h4>
                <div class="row g-3 mb-3 bg-light p-3 rounded">
                    <div class="col-md-4">
                        <label class="form-label fw-bold">Baseline Respondent</label>
                        <div class="form-control-plaintext">{{ $handovers->name_of_respondent }}</div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold">Unit</label>
                        <div class="form-control-plaintext">{{ $handovers->unit->name ?? 'N/A' }}</div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold">State</label>
                        <div class="form-control-plaintext">{{ $handovers->state->name ?? 'N/A' }}</div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label fw-bold">District</label>
                        <div class="form-control-plaintext">{{ $handovers->district->name ?? 'N/A' }}</div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold">Block</label>
                        <div class="form-control-plaintext">{{ $handovers->block->name ?? 'N/A' }}</div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold">Panchayat</label>
                        <div class="form-control-plaintext">{{ $handovers->panchayat->name ?? 'N/A' }}</div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label fw-bold">Village</label>
                        <div class="form-control-plaintext">{{ $handovers->village->name ?? 'N/A' }}</div>
                    </div>
                </div>

                <!-- Section: Asset Details -->
                <h4 class="text-muted border-bottom pb-2 mb-4">Asset Details</h4>
                <div class="row g-3 mb-3">
                    <div class="col-md-4">
                        <label class="form-label">Asset Name</label>
                        <input type="text" value="Farm-Pond" name="asset_name" class="form-control" required>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Dimension (Size in mtr)</label>
                        <input type="text" name="dimension" value="{{ $handovers->measurement_book->dimension ?? '' }}" class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Plot No</label>
                        <input type="text" name="plot_no" value="{{ $handovers->measurement_book->plot_no ?? '' }}" class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Agency</label>
                        <input type="text" name="agency" value="{{ $handovers->measurement_book->agency ?? '' }}" class="form-control">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Date of Handover</label>
                <input type="date" name="date_of_handover" class="form-control" value="{{ old('date_of_handover') }}" required>


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

            <!-- Card Footer -->
            <div class="card-footer text-center">
                <button type="submit" class="btn btn-primary">
                    Submit
                </button>
                <a href="{{ route('assethandover.index') }}" class="btn btn-secondary">
                    Reset
                </a>
            </div>
        </form>
    </div>
</div>
@endsection