@extends('layouts.app')

@php
    $dec = static fn ($v): string => html_entity_decode((string) ($v ?? ''), ENT_QUOTES | ENT_HTML5, 'UTF-8');
    $paper = is_array($positionPaper ?? null) ? $positionPaper : [];
    $edit = is_array($editDefaults ?? null) ? $editDefaults : $paper;
    $costRows = is_array($paper['cost_rows'] ?? null) ? $paper['cost_rows'] : [];
    $observations = is_array($paper['observations'] ?? null) ? $paper['observations'] : [];
    if ($observations === [] && ! empty($canEdit)) {
        $observations = [['pd_observation' => '', 'ad_reply' => '', 'compliance_remarks' => '']];
    }
    $schemeLabel = trim((string) ($paper['scheme_uid'] ?? ''));
    if ($schemeLabel === '') {
        $schemeLabel = 'PC Form #'.(int) ($pcForm->id ?? 0);
    }
    $titleLine = trim($dec($paper['project_title'] ?? '—').' '.$dec($paper['adp_reference'] ?? ''));
@endphp

@section('title', 'Position Paper — '.$schemeLabel)

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/pc-iv-position-paper.css') }}">
@endpush
@push('styles_after_adminlte')
    <style>
        @media print {
            @page { size: A4; margin: 12mm; }
            html, body { background: #fff !important; height: auto !important; overflow: visible !important; }
            body.pc-pp-print-page .wrapper,
            body.pc-pp-print-page .content-wrapper,
            body.pc-pp-print-page .content { margin: 0 !important; padding: 0 !important; }
        }
    </style>
@endpush

@section('contents')
    <section class="content">
        <div id="pcIvPositionPaperRoot"
             class="pc-pp-root"
             data-save-url="{{ $saveUrl }}"
             data-can-edit="{{ ! empty($canEdit) ? '1' : '0' }}">
            <div class="pc-pp-actions no-print d-flex flex-wrap gap-2 mb-2 align-items-center">
                <a href="{{ $returnUrl }}" class="btn btn-default btn-sm">← Back to PC Forms</a>
                <button type="button" class="btn btn-default btn-sm" onclick="window.print()"><i class="fas fa-print mr-1"></i>Print</button>
                @if (! empty($canEdit))
                    <button type="button" class="btn btn-primary btn-sm" id="pcIvPpSaveBtn">Save Position Paper</button>
                @endif
            </div>
            @if (! empty($canEdit))
                <p class="small text-muted no-print mb-2">Part-A is taken from the PC-IV (read-only). Light-blue fields are for Planning Officer narrative and observations.</p>
            @endif

            <div class="pc-pp-sheet">
                <header class="pc-pp-head">
                    <div class="gov">{{ $dec($paper['government_line'] ?? 'GOVERNMENT OF SINDH') }}</div>
                    <div class="gov">{{ $dec($paper['department_line'] ?? 'PLANNING AND DEVELOPMENT DEPARTMENT') }}</div>
                    <div class="pc-pp-sector-box">
                        <div><strong>SECTOR:</strong> {{ $dec($paper['sector'] ?? '—') }}</div>
                        <div><strong>SUB SECTOR:</strong> {{ $dec($paper['sub_sector'] ?? '—') }}</div>
                    </div>
                </header>

                <div class="pc-pp-title">Position Paper</div>

                <div class="pc-pp-part-bar">
                    PART-A
                    <small>(Project Profile)</small>
                </div>

                <table class="pc-pp-profile">
                    <tr>
                        <td class="num">1.</td>
                        <td class="lbl">Project Title:</td>
                        <td>{{ $titleLine }}</td>
                    </tr>
                    <tr>
                        <td class="num">2.</td>
                        <td class="lbl">Location:</td>
                        <td>{!! nl2br(e($dec($paper['location'] ?? '—'))) !!}</td>
                    </tr>
                    <tr>
                        <td class="num">3.</td>
                        <td class="lbl">Authorities Responsible for;</td>
                        <td>
                            <div><strong>(i) Sponsoring Agency</strong><br>{{ $dec($paper['sponsoring_agency'] ?? '—') }}</div>
                            <div class="mt-2"><strong>(ii) Executing Agency</strong><br>{{ $dec($paper['executing_agency'] ?? '—') }}</div>
                            <div class="mt-2"><strong>(iii) Operation &amp; Maintenance</strong><br>{!! nl2br(e($dec($paper['om_agency'] ?? '—'))) !!}</div>
                        </td>
                    </tr>
                    <tr>
                        <td class="num">4.</td>
                        <td class="lbl">Date of Receipt of PC-IV in P&amp;D:</td>
                        <td>{{ $dec($paper['receipt_date'] ?? '—') }}</td>
                    </tr>
                    <tr>
                        <td class="num">5.</td>
                        <td class="lbl">Cost of Project:<br><span style="font-weight:normal;">(Rs. in million)</span></td>
                        <td>
                            <table class="pc-pp-nested">
                                <thead>
                                    <tr>
                                        <th>Source</th>
                                        <th>Local</th>
                                        <th>FPA</th>
                                        <th>Total</th>
                                        <th>FEC</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($costRows as $row)
                                        @if (trim((string) ($row['label'] ?? '')) === '' && trim((string) ($row['total'] ?? '')) === '')
                                            @continue
                                        @endif
                                        <tr>
                                            <td>{{ $dec($row['label'] ?? '') }}</td>
                                            <td class="num">{{ $dec($row['local'] ?? '') }}</td>
                                            <td class="num">{{ $dec($row['fpa'] ?? '') }}</td>
                                            <td class="num">{{ $dec($row['total'] ?? '') }}</td>
                                            <td class="num">{{ $dec($row['fec'] ?? '') }}</td>
                                        </tr>
                                    @empty
                                        <tr><td colspan="5">—</td></tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="num">6.</td>
                        <td class="lbl">Expenditure Incurred:</td>
                        <td>{{ $dec($paper['expenditure_incurred'] ?? '—') }}</td>
                    </tr>
                    <tr>
                        <td class="num">7.</td>
                        <td class="lbl">Period of Implementation:</td>
                        <td>{!! nl2br(e($dec($paper['implementation_periods'] ?? '—'))) !!}</td>
                    </tr>
                    <tr>
                        <td class="num">8.</td>
                        <td class="lbl">Plan Framework:</td>
                        <td>
                            <div><strong>a. Sector Strategy:</strong></div>
                            <div class="pc-pp-narrative mb-0">{{ $dec($paper['sector_strategy'] ?? '') !== '' ? $dec($paper['sector_strategy']) : '—' }}</div>
                        </td>
                    </tr>
                </table>

                <div class="pc-pp-h">9. Project Scope and Brief Description:</div>
                <div class="pc-pp-narrative">{{ $dec($paper['project_scope'] ?? '') !== '' ? $dec($paper['project_scope']) : '—' }}</div>

                <div class="pc-pp-h">History of PC-IV:</div>
                @if (! empty($canEdit))
                    <textarea class="pc-pp-field-textarea" data-field="history_of_pc_iv" rows="8" placeholder="Record submissions, observations communicated, meetings, and modified PC-IV dates.">{{ $dec($edit['history_of_pc_iv'] ?? '') }}</textarea>
                @else
                    <div class="pc-pp-narrative">{{ $dec($paper['history_of_pc_iv'] ?? '') !== '' ? $dec($paper['history_of_pc_iv']) : '—' }}</div>
                @endif

                <div class="pc-pp-h">10. {{ $dec($paper['section_comments_heading'] ?? 'COMMENTS OF CONCERNED SECTION:') }}</div>
                <table class="pc-pp-obs" id="pcIvPpObsTable">
                    <thead>
                        <tr>
                            <th style="width:8%">S.No.</th>
                            <th style="width:31%">P&amp;D Observation</th>
                            <th style="width:31%">AD’s Reply</th>
                            <th style="width:30%">Status of Compliance / Remarks</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($observations as $idx => $obs)
                            <tr data-obs-row="{{ $idx }}">
                                <td class="text-center">{{ $idx + 1 }}</td>
                                @foreach (['pd_observation', 'ad_reply', 'compliance_remarks'] as $col)
                                    <td>
                                        @if (! empty($canEdit))
                                            <textarea class="pc-pp-field-textarea" data-obs-col="{{ $col }}" rows="4">{{ $dec($edit['observations'][$idx][$col] ?? ($obs[$col] ?? '')) }}</textarea>
                                        @else
                                            <div class="pc-pp-narrative mb-0">{{ $dec($obs[$col] ?? '') !== '' ? $dec($obs[$col]) : '—' }}</div>
                                        @endif
                                    </td>
                                @endforeach
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                @if (! empty($canEdit))
                    <div class="no-print mb-3">
                        <button type="button" class="btn btn-default btn-sm" id="pcIvPpAddObsRow">+ Add observation row</button>
                    </div>
                @endif

                <div class="pc-pp-h">11. CONCLUSION / RECOMMENDATIONS:</div>
                @if (! empty($canEdit))
                    <textarea class="pc-pp-field-textarea" data-field="conclusion" rows="3">{{ $dec($edit['conclusion'] ?? $paper['conclusion'] ?? '') }}</textarea>
                @else
                    <div class="pc-pp-narrative">{{ $dec($paper['conclusion'] ?? '') }}</div>
                @endif
            </div>
        </div>
    </section>
@endsection

@push('scripts')
<script>
(function () {
    document.body.classList.add('pc-pp-print-page');
    var $root = $('#pcIvPositionPaperRoot');
    if (!$root.length) return;
    var saveUrl = String($root.data('save-url') || '');

    function collectPayload() {
        var payload = {};
        $root.find('[data-field]').each(function () {
            payload[$(this).data('field')] = $(this).val();
        });
        payload.observations = [];
        $('#pcIvPpObsTable tbody tr').each(function () {
            var $tr = $(this);
            payload.observations.push({
                pd_observation: $tr.find('[data-obs-col="pd_observation"]').val() || '',
                ad_reply: $tr.find('[data-obs-col="ad_reply"]').val() || '',
                compliance_remarks: $tr.find('[data-obs-col="compliance_remarks"]').val() || ''
            });
        });
        return payload;
    }

    $('#pcIvPpAddObsRow').on('click', function () {
        var idx = $('#pcIvPpObsTable tbody tr').length;
        var html = '<tr data-obs-row="' + idx + '"><td class="text-center">' + (idx + 1) + '</td>';
        ['pd_observation', 'ad_reply', 'compliance_remarks'].forEach(function (col) {
            html += '<td><textarea class="pc-pp-field-textarea" data-obs-col="' + col + '" rows="4"></textarea></td>';
        });
        html += '</tr>';
        $('#pcIvPpObsTable tbody').append(html);
    });

    $('#pcIvPpSaveBtn').on('click', function () {
        if (!saveUrl) return;
        var $btn = $(this).prop('disabled', true);
        $.ajax({
            url: saveUrl,
            method: 'PATCH',
            data: JSON.stringify(collectPayload()),
            contentType: 'application/json',
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'), 'Accept': 'application/json' }
        }).done(function (res) {
            if (res && res.redirect_url) {
                window.location.href = res.redirect_url;
            } else {
                window.location.reload();
            }
        }).fail(function (xhr) {
            alert((xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Unable to save Position Paper.');
        }).always(function () { $btn.prop('disabled', false); });
    });
})();
</script>
@endpush