@extends('layouts.app')

@php
    $dec = static fn ($v): string => mws_notice_decode_plain((string) ($v ?? ''));
    $schemeLabel = trim($dec($letter['scheme_name'] ?? ''));
    if ($schemeLabel === '') {
        $schemeLabel = 'PC Form #'.(int) ($pcForm->id ?? 0);
    }
    $table = is_array($letter['table'] ?? null) ? $letter['table'] : [];
    $bodyHtml = trim((string) ($letter['body_html'] ?? ''));
    if ($bodyHtml === '') {
        $bodyHtml = 'I am directed to enclose herewith Administrative Approval, Office Memorandum, Minutes of PDWP meeting and Modified PC-I for the scheme namely <strong><u>'
            .e($schemeLabel).'</u></strong>'
            .(trim((string) ($letter['adp_no'] ?? '')) !== '' ? ' <strong>'.e($letter['adp_no']).'</strong>' : '')
            .' at the cost of <strong><u>Rs.'.e($letter['cost_million'] ?? '—').' Million</u></strong> with nil FEC for authentication &amp; return.';
    }
    $enclLines = preg_split('/\R+/u', (string) ($letter['enclosures'] ?? '')) ?: [];
    $ccLines = preg_split('/\R+/u', (string) ($letter['cc_list'] ?? '')) ?: [];
@endphp

@section('title', 'AA Cover Letter — '.$schemeLabel)

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/pc-aa-letter.css') }}">
    <link rel="stylesheet" href="{{ asset('css/pc-aa-cover-letter.css') }}">
@endpush

@section('contents')
<section class="content">
    <div class="pc-aa-letter-root pc-aa-cover-root"
         id="pcAaCoverRoot"
         data-save-url="{{ $saveUrl }}"
         data-can-edit="{{ !empty($canEdit) ? '1' : '0' }}"
         data-csrf="{{ csrf_token() }}">
        <div class="pc-aa-letter-actions no-print">
            <a href="{{ $returnUrl }}" class="btn btn-default btn-sm">← Back to AA letter</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="pcAaCoverSaveBtn">Save cover letter</button>
            @endif
        </div>

        <div class="pc-aa-letter-sheet pc-aa-cover-sheet">
            <header class="aa-cover-header">
                <div class="aa-cover-logo">
                    <img src="{{ $letter['logo_url'] ?? asset('assets/dist/img/gos22.png') }}" alt="Government of Sindh">
                </div>
                <div class="aa-cover-ref">
                    @if (!empty($canEdit))
                        <input type="text" class="aa-field-input" id="pcAaCoverRef" value="{{ $editDefaults['reference_no'] ?? ($letter['reference_no'] ?? '') }}">
                    @else
                        <div>{{ $dec($letter['reference_no'] ?? '') }}</div>
                    @endif
                    <div><strong>GOVERNMENT OF SINDH</strong></div>
                    <div><strong>{{ $dec($letter['department_upper'] ?? '') }}</strong></div>
                    <div>Karachi dated the {{ $dec($letter['letter_date_long'] ?? '________ 2026') }}</div>
                </div>
            </header>

            <div class="aa-cover-to">
                <div>To,</div>
                <div>The Secretary,</div>
                <div>Finance Department,</div>
                <div>Government of Sindh,</div>
                <div><strong><u>KARACHI</u></strong>.</div>
            </div>

            <div class="aa-cover-subject">
                <strong>SUBJECT: <u>ADMINISTRATIVE APPROVAL.</u></strong>
            </div>

            <div class="aa-cover-body">
                @if (!empty($canEdit))
                    <div id="pcAaCoverBody" class="aa-cover-body-editor" contenteditable="true">{!! $bodyHtml !!}</div>
                @else
                    <div>{!! $bodyHtml !!}</div>
                @endif
            </div>

            <table class="aa-cover-table">
                <thead>
                    <tr>
                        <th>ADP No.</th>
                        <th>Name of Scheme</th>
                        <th>Location/ District of Scheme</th>
                        <th>Executive Agency</th>
                        <th>Concerned Executive Engineer</th>
                        <th>Fund Centre Code / Cost Centre</th>
                        <th>Approved Cost</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        @foreach (['adp_no','name','location','agency','executive_engineer','fund_centre','approved_cost'] as $col)
                            <td>
                                @if (!empty($canEdit))
                                    <input type="text" class="aa-field-input" data-cover-table="{{ $col }}" value="{{ $table[$col] ?? '' }}">
                                @else
                                    {{ $dec($table[$col] ?? '') }}
                                @endif
                            </td>
                        @endforeach
                    </tr>
                </tbody>
            </table>

            <div class="aa-cover-sig">
                @if (!empty($letter['letter_signature_url']))
                    <div class="notice-sign-img-wrap"><img class="notice-sign-img" src="{{ $letter['letter_signature_url'] }}" alt=""></div>
                @else
                    <div class="sign-line" aria-hidden="true"></div>
                @endif
                <div><strong>({{ strtoupper($dec($letter['signatory_name'] ?: '________________')) }})</strong></div>
                <div>{{ strtoupper($dec($letter['signatory_designation'] ?: 'DEPUTY DIRECTOR-TECHNICAL')) }}</div>
            </div>

            <div class="aa-cover-encl">
                <strong>Encl:</strong>
                @if (!empty($canEdit))
                    <textarea id="pcAaCoverEncl" class="aa-line-textarea" rows="3">{{ $editDefaults['enclosures'] ?? ($letter['enclosures'] ?? '') }}</textarea>
                @else
                    <ul>
                        @foreach ($enclLines as $line)
                            @if (trim($line) !== '')
                                <li>{{ $dec($line) }}</li>
                            @endif
                        @endforeach
                    </ul>
                @endif
            </div>

            <div class="aa-cover-cc">
                <div>A copy is forwarded for information and necessary action to:-</div>
                @if (!empty($canEdit))
                    <textarea id="pcAaCoverCc" class="aa-line-textarea" rows="3">{{ $editDefaults['cc_list'] ?? ($letter['cc_list'] ?? '') }}</textarea>
                @else
                    <ul>
                        @foreach ($ccLines as $line)
                            @if (trim($line) !== '')
                                <li>{{ $dec($line) }}</li>
                            @endif
                        @endforeach
                    </ul>
                @endif
            </div>

            <div class="aa-cover-sig aa-cover-sig--bottom">
                <div>{{ strtoupper($dec($letter['signatory_designation'] ?: 'DEPUTY DIRECTOR-TECHNICAL')) }}</div>
            </div>
        </div>
    </div>
</section>
@endsection

@push('scripts')
<script>
(function () {
    var root = document.getElementById('pcAaCoverRoot');
    if (!root || root.getAttribute('data-can-edit') !== '1') return;
    var btn = document.getElementById('pcAaCoverSaveBtn');
    if (!btn) return;
    btn.addEventListener('click', function () {
        var table = {};
        root.querySelectorAll('[data-cover-table]').forEach(function (el) {
            table[el.getAttribute('data-cover-table')] = el.value || '';
        });
        var payload = {
            reference_no: (document.getElementById('pcAaCoverRef') || {}).value || '',
            body_html: (document.getElementById('pcAaCoverBody') || {}).innerHTML || '',
            enclosures: (document.getElementById('pcAaCoverEncl') || {}).value || '',
            cc_list: (document.getElementById('pcAaCoverCc') || {}).value || '',
            table: table,
        };
        fetch(root.getAttribute('data-save-url'), {
            method: 'PATCH',
            headers: {
                'Content-Type': 'application/json',
                'Accept': 'application/json',
                'X-CSRF-TOKEN': root.getAttribute('data-csrf'),
                'X-Requested-With': 'XMLHttpRequest',
            },
            credentials: 'same-origin',
            body: JSON.stringify(payload),
        }).then(function (r) { return r.json(); }).then(function (json) {
            if (!json.ok) throw new Error(json.message || 'Save failed');
            alert(json.message || 'Saved');
        }).catch(function (err) {
            alert(err.message || 'Could not save cover letter');
        });
    });
})();
</script>
@endpush