@once
@push('stylesheets')
<style>
    .pci-pc-v-ucmtv-section .pci-pc-v-target-yes-label {
        color: #1e7e34;
        font-weight: 600;
    }
    .pci-pc-v-ucmtv-section .pci-pc-v-target-no-label {
        color: #dc3545;
        font-weight: 600;
    }
    .pci-pc-v-ucmtv-section .pci-pc-v-ucmtv-sub-col .pci-gi-wrap {
        height: 100%;
    }
</style>
@endpush
@endonce

@php
    $pciVEdit = canField('pc-forms', 'project_brief_descriptions', 'edit');
    $pciVDisplayMillion = fn (mixed $raw): string => app(\App\Services\PC\PcFormService::class)->formatPcIiiMillionForFormDisplay($raw, $pciVEdit);
    $pciVSrc = $pcForm ?? null;
    $pciVFill = $pciCrudDraftFill ?? [];

    $pciVUcmtv = old('pc_v_unit_cost_market_target_validation');
    if (! is_array($pciVUcmtv)) {
        $pciVUcmtv = $pciVSrc?->pc_v_unit_cost_market_target_validation ?? ($pciVFill['pc_v_unit_cost_market_target_validation'] ?? []);
        if (! is_array($pciVUcmtv)) {
            $pciVUcmtv = [];
        }
    }

    $pciVUcmtvCost = is_array($pciVUcmtv['cost_per_unit'] ?? null) ? $pciVUcmtv['cost_per_unit'] : [];
    $pciVUcmtvMaintenance = is_array($pciVUcmtv['asset_maintenance'] ?? null) ? $pciVUcmtv['asset_maintenance'] : [];
    $pciVUcmtvTarget = is_array($pciVUcmtv['target_achievement_evaluation'] ?? null) ? $pciVUcmtv['target_achievement_evaluation'] : [];
    $pciVUcmtvTargetAchieved = strtolower((string) ($pciVUcmtvTarget['output_targets_completely_achieved'] ?? ''));

    $pciVUcmtvWizardStep = (int) ($pciVUcmtvWizardStep ?? 6);
    $pciVUcmtvStepTitle = $pciVUcmtvStepTitle ?? ($pciVUcmtvWizardStep . '. Unit Cost Analytics, Market Mechanisms & Target Validation');
@endphp

<div class="pci-page pci-pc-v-ucmtv-section" data-page="{{ $pciVUcmtvWizardStep }}" data-pci-nav-key="pc-v-unit-cost-market-target-validation" data-pci-step-title="{{ $pciVUcmtvStepTitle }}" data-pci-step-theme="5" data-pci-step-icon="chart-line" id="pci-pc-v-ucmtv-section">
    <div class="pci-gi-wrap">
        <button type="button" class="pci-gi-bar pci-gi-bar-primary" data-toggle="collapse" data-target="#pci-pc-v-ucmtv-body" aria-expanded="true" id="pci-pc-v-ucmtv-toggle">
            <span class="pci-gi-bar-title">{{ $pciVUcmtvWizardStep }}. Unit Cost Analytics, Market Mechanisms &amp; Target Validation</span>
            <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
        </button>
        <div id="pci-pc-v-ucmtv-body" class="collapse show">
            <div class="pci-gi-mint">
                <div class="pci-gi-divider"></div>

                {{-- Subsections 10 & 11: side-by-side --}}
                <div class="row mb-3">
                    <div class="col-12 col-lg-6 mb-3 mb-lg-0 pci-pc-v-ucmtv-sub-col">
                        <div class="pci-gi-wrap mb-0 h-100">
                            <button type="button" class="pci-gi-bar pci-gi-bar-secondary" data-toggle="collapse" data-target="#pci-pc-v-ucmtv-cost-per-unit-body" aria-expanded="true" id="pci-pc-v-ucmtv-cost-per-unit-toggle">
                                <span class="pci-gi-bar-title pci-gi-bar-title-plain">10. Planned vs Actual Cost Per Unit Produced/Sold</span>
                                <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                            </button>
                            <div id="pci-pc-v-ucmtv-cost-per-unit-body" class="collapse show">
                                <div class="pci-gi-mint">
                                    <div class="form-group mb-2">
                                        <label class="sr-only" for="pci-pc-v-ucmtv-baseline-unit-cost">Baseline Unit Cost Structure (As per PC-I)</label>
                                        <input type="text"
                                            name="pc_v_unit_cost_market_target_validation[cost_per_unit][baseline_unit_cost]"
                                            id="pci-pc-v-ucmtv-baseline-unit-cost"
                                            value="{{ $pciVDisplayMillion($pciVUcmtvCost['baseline_unit_cost'] ?? '') }}"
                                            class="form-control form-control-sm pci-pc-v-uc-million text-right {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                            placeholder="Baseline Unit Cost Structure (As per PC-I)"
                                            inputmode="decimal"
                                            {{ !$pciVEdit ? 'readonly' : '' }} />
                                    </div>
                                    <div class="form-group mb-0">
                                        <label class="sr-only" for="pci-pc-v-ucmtv-realized-unit-cost">Realized Actual Unit Cost (Current Financial Year)</label>
                                        <input type="text"
                                            name="pc_v_unit_cost_market_target_validation[cost_per_unit][realized_actual_unit_cost]"
                                            id="pci-pc-v-ucmtv-realized-unit-cost"
                                            value="{{ $pciVDisplayMillion($pciVUcmtvCost['realized_actual_unit_cost'] ?? '') }}"
                                            class="form-control form-control-sm pci-pc-v-uc-million text-right {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                            placeholder="Realized Actual Unit Cost (Current Financial Year)"
                                            inputmode="decimal"
                                            {{ !$pciVEdit ? 'readonly' : '' }} />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 pci-pc-v-ucmtv-sub-col">
                        <div class="pci-gi-wrap mb-0 h-100">
                            <button type="button" class="pci-gi-bar pci-gi-bar-secondary" data-toggle="collapse" data-target="#pci-pc-v-ucmtv-marketing-body" aria-expanded="true" id="pci-pc-v-ucmtv-marketing-toggle">
                                <span class="pci-gi-bar-title pci-gi-bar-title-plain">11. Operational Marketing Mechanism</span>
                                <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                            </button>
                            <div id="pci-pc-v-ucmtv-marketing-body" class="collapse show">
                                <div class="pci-gi-mint">
                                    <div class="form-group mb-0">
                                        <label class="sr-only" for="pci-pc-v-ucmtv-operational-marketing">Operational Marketing Mechanism</label>
                                        <textarea
                                            name="pc_v_unit_cost_market_target_validation[operational_marketing_mechanism]"
                                            id="pci-pc-v-ucmtv-operational-marketing"
                                            rows="5"
                                            class="form-control form-control-sm {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                            placeholder="Detail institutional outreach models, value chain distribution grids, or institutional supply mechanics used during operation..."
                                            {{ !$pciVEdit ? 'readonly' : '' }}>{{ $pciVUcmtv['operational_marketing_mechanism'] ?? '' }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Subsection 12: Institutional Arrangement for Long-term Asset Maintenance --}}
                <div class="pci-gi-wrap mb-3">
                    <button type="button" class="pci-gi-bar pci-gi-bar-secondary" data-toggle="collapse" data-target="#pci-pc-v-ucmtv-maintenance-body" aria-expanded="true" id="pci-pc-v-ucmtv-maintenance-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">12. Institutional Arrangement for Long-term Asset Maintenance</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-v-ucmtv-maintenance-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <div class="row">
                                <div class="col-12 col-md-6 mb-3 mb-md-0">
                                    <label class="small font-weight-bold d-block mb-1" for="pci-pc-v-ucmtv-building-preservation">Building Structure Preservation Models:</label>
                                    <textarea
                                        name="pc_v_unit_cost_market_target_validation[asset_maintenance][building_structure_preservation_models]"
                                        id="pci-pc-v-ucmtv-building-preservation"
                                        rows="4"
                                        class="form-control form-control-sm {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                        placeholder="Civil maintenance schedules..."
                                        {{ !$pciVEdit ? 'readonly' : '' }}>{{ $pciVUcmtvMaintenance['building_structure_preservation_models'] ?? '' }}</textarea>
                                </div>
                                <div class="col-12 col-md-6">
                                    <label class="small font-weight-bold d-block mb-1" for="pci-pc-v-ucmtv-machinery-overhaul">Machinery / Advanced Equipment Overhauling:</label>
                                    <textarea
                                        name="pc_v_unit_cost_market_target_validation[asset_maintenance][machinery_equipment_overhauling]"
                                        id="pci-pc-v-ucmtv-machinery-overhaul"
                                        rows="4"
                                        class="form-control form-control-sm {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                        placeholder="SOP execution models..."
                                        {{ !$pciVEdit ? 'readonly' : '' }}>{{ $pciVUcmtvMaintenance['machinery_equipment_overhauling'] ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Subsection 13: Target Achievement Evaluation Verification --}}
                <div class="pci-gi-wrap mb-0">
                    <button type="button" class="pci-gi-bar pci-gi-bar-secondary" data-toggle="collapse" data-target="#pci-pc-v-ucmtv-target-body" aria-expanded="true" id="pci-pc-v-ucmtv-target-toggle">
                        <span class="pci-gi-bar-title pci-gi-bar-title-plain">13. Target Achievement Evaluation Verification</span>
                        <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
                    </button>
                    <div id="pci-pc-v-ucmtv-target-body" class="collapse show">
                        <div class="pci-gi-mint">
                            <p class="small mb-2">Have the absolute output targets as explicitly envisaged in the PC-I baseline been completely achieved?</p>
                            <div class="form-group mb-3" role="radiogroup" aria-label="Target achievement evaluation">
                                @if($pciVEdit)
                                <div class="d-flex flex-wrap align-items-center" style="gap: 1.5rem;">
                                    <div class="form-check form-check-inline mb-0">
                                        <input class="form-check-input" type="radio"
                                            name="pc_v_unit_cost_market_target_validation[target_achievement_evaluation][output_targets_completely_achieved]"
                                            id="pci-pc-v-ucmtv-target-yes"
                                            value="yes"
                                            {{ $pciVUcmtvTargetAchieved === 'yes' ? 'checked' : '' }} />
                                        <label class="form-check-label pci-pc-v-target-yes-label mb-0" for="pci-pc-v-ucmtv-target-yes">Yes, Target Achieved completely</label>
                                    </div>
                                    <div class="form-check form-check-inline mb-0">
                                        <input class="form-check-input" type="radio"
                                            name="pc_v_unit_cost_market_target_validation[target_achievement_evaluation][output_targets_completely_achieved]"
                                            id="pci-pc-v-ucmtv-target-no"
                                            value="no"
                                            {{ $pciVUcmtvTargetAchieved === 'no' ? 'checked' : '' }} />
                                        <label class="form-check-label pci-pc-v-target-no-label mb-0" for="pci-pc-v-ucmtv-target-no">No, Variations Identified</label>
                                    </div>
                                </div>
                                @else
                                <div class="d-flex flex-wrap align-items-center" style="gap: 1.5rem;">
                                    <span class="pci-pc-v-target-yes-label {{ $pciVUcmtvTargetAchieved === 'yes' ? '' : 'text-muted' }}">
                                        {{ $pciVUcmtvTargetAchieved === 'yes' ? '● ' : '○ ' }}Yes, Target Achieved completely
                                    </span>
                                    <span class="pci-pc-v-target-no-label {{ $pciVUcmtvTargetAchieved === 'no' ? '' : 'text-muted' }}">
                                        {{ $pciVUcmtvTargetAchieved === 'no' ? '● ' : '○ ' }}No, Variations Identified
                                    </span>
                                </div>
                                <input type="hidden" name="pc_v_unit_cost_market_target_validation[target_achievement_evaluation][output_targets_completely_achieved]" value="{{ $pciVUcmtvTargetAchieved }}" />
                                @endif
                            </div>
                            <div class="form-group mb-0">
                                <label class="sr-only" for="pci-pc-v-ucmtv-root-cause">Root-cause analysis and operational justifications</label>
                                <textarea
                                    name="pc_v_unit_cost_market_target_validation[target_achievement_evaluation][root_cause_analysis]"
                                    id="pci-pc-v-ucmtv-root-cause"
                                    rows="4"
                                    class="form-control form-control-sm {{ !$pciVEdit ? 'pci-readonly' : '' }}"
                                    placeholder="If output targets were not achieved, provide comprehensive root-cause analysis and operational justifications..."
                                    {{ !$pciVEdit ? 'readonly' : '' }}>{{ $pciVUcmtvTarget['root_cause_analysis'] ?? '' }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>