@php
    use App\Services\PC\PcFormPcIiiBLandingService;

    $pciIiiBEditGi = canField('pc-forms', 'project_brief_descriptions', 'edit');
    $pciIiiBPeriodGi = old('pc_iii_b_reporting_period');
    if (! is_array($pciIiiBPeriodGi)) {
        $pciIiiBPeriodGi = $pcForm?->pc_iii_b_reporting_period ?? ($pciCrudDraftFill['pc_iii_b_reporting_period'] ?? []);
        if (! is_array($pciIiiBPeriodGi)) {
            $pciIiiBPeriodGi = [];
        }
    }
    $pciIiiBYearOptions = app(PcFormPcIiiBLandingService::class)->announceBudgetCalendarYearOptions();
    if ($pciIiiBYearOptions === []) {
        $pciIiiBYearOptions = [(int) date('Y')];
    }
    $pciIiiBCurrentYear = (int) ($pciIiiBYearOptions[0] ?? date('Y'));
    $pciIiiBSelectedYear = (int) ($pciIiiBPeriodGi['year'] ?? $pciIiiBCurrentYear);
    if (! in_array($pciIiiBSelectedYear, $pciIiiBYearOptions, true)) {
        $pciIiiBSelectedYear = $pciIiiBCurrentYear;
    }
    $pciIiiBMonths = ['January','February','March','April','May','June','July','August','September','October','November','December'];
    $pciIiiBSubmittedMonths = [];
    $pciIiiBProjectForMonths = (int) ($pcForm?->project_id ?? $pciSeedProjectId ?: 0);
    if ($pciIiiBProjectForMonths > 0) {
        $pciIiiBSubmittedMonths = app(\App\Services\PC\PcFormService::class)
            ->pcIiiBSubmittedMonthsForProject(
                $pciIiiBProjectForMonths,
                $pciIiiBSelectedYear,
                $pcForm?->id ? (int) $pcForm->id : null
            );
    }
    $pciIiiBSelectedMonth = (string) ($pciIiiBPeriodGi['month'] ?? '');
    $pciIiiBAdminDept = trim((string) ($pciIiiBPeriodGi['administrative_department'] ?? ''));
    if ($pciIiiBAdminDept === '' || $pciIiiBAdminDept === '—') {
        $seedPid = (int) ($pcForm?->project_id ?? $pciSeedProjectId ?: 0);
        $seedDetails = $initialProjectDetails ?? ($projects ?? []);
        if ($seedPid > 0 && is_array($seedDetails)) {
            $seedDetail = $seedDetails[$seedPid] ?? $seedDetails[(string) $seedPid] ?? null;
            if (is_array($seedDetail)) {
                $fromScheme = trim((string) ($seedDetail['administrative_department'] ?? ''));
                if ($fromScheme === '' || $fromScheme === '—') {
                    // Fallback: department name if exposed separately
                    $fromScheme = trim((string) ($seedDetail['department_name'] ?? $seedDetail['department'] ?? ''));
                }
                if ($fromScheme !== '' && $fromScheme !== '—') {
                    $pciIiiBAdminDept = $fromScheme;
                }
            }
        }
    }
    $pciIiiBExecAgency = trim((string) ($pciIiiBPeriodGi['executing_agency'] ?? ''));
    $pciIiiBAgencyOptions = app(PcFormPcIiiBLandingService::class)->executingAgencyOptions();
    if ($pciIiiBExecAgency !== '' && ! array_key_exists($pciIiiBExecAgency, $pciIiiBAgencyOptions)) {
        $pciIiiBAgencyOptions = [$pciIiiBExecAgency => $pciIiiBExecAgency] + $pciIiiBAgencyOptions;
    }
@endphp

@once
@push('stylesheets')
<style>
    .pci-p3b-gi {
        --p3b-green: #0f4c6e;
        --p3b-teal: #1a6b8a;
        --p3b-ink: #0f172a;
        --p3b-muted: #64748b;
        --p3b-line: #dbe4ee;
        --p3b-soft: #f4f8fb;
    }
    .pci-p3b-gi-panel {
        border: 1px solid var(--p3b-line);
        border-radius: 12px;
        background: #fff;
        overflow: hidden;
        box-shadow: 0 8px 22px rgba(15, 76, 110, 0.05);
        margin-bottom: 1.1rem;
    }
    .pci-p3b-gi-panel__head {
        padding: .7rem 1rem;
        background: linear-gradient(180deg, #f8fcff 0%, #eef5fa 100%);
        border-bottom: 1px solid var(--p3b-line);
        color: #0f4c6e;
        font-size: .78rem;
        font-weight: 700;
        letter-spacing: .05em;
        text-transform: uppercase;
    }
    .pci-p3b-gi-panel__body { padding: 1rem 1rem .85rem; }
    .pci-p3b-gi .form-group label {
        font-size: .68rem;
        font-weight: 700;
        letter-spacing: .05em;
        text-transform: uppercase;
        color: var(--p3b-muted);
        margin-bottom: .28rem;
    }
    .pci-p3b-gi .form-control,
    .pci-p3b-gi .select2-container--default .select2-selection--single {
        border-color: var(--p3b-line);
        border-radius: 8px;
        min-height: 40px;
        font-size: .92rem;
        font-weight: 650;
        color: var(--p3b-ink);
    }
    .pci-p3b-gi .form-control:focus {
        border-color: var(--p3b-teal);
        box-shadow: 0 0 0 .15rem rgba(26, 107, 138, 0.18);
    }
    .pci-p3b-gi .form-control.pci-readonly,
    .pci-p3b-gi .form-control[readonly] {
        background: var(--p3b-soft);
        color: var(--p3b-ink);
        font-weight: 650;
    }
    .pci-p3b-gi .form-text { color: var(--p3b-muted); font-size: .75rem; }
    .pci-p3b-gi-divider {
        height: 1px;
        background: linear-gradient(90deg, transparent, #c5dce8, transparent);
        margin: .35rem 0 1rem;
    }
</style>
@endpush
@endonce

<div class="pci-p3b-gi">
    <div class="pci-p3b-gi-panel mb-3">
        <div class="pci-p3b-gi-panel__head">Reporting period</div>
        <div class="pci-p3b-gi-panel__body">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group mb-md-0">
                        <label for="pci-iii-b-report-month">MPR Month <span class="text-danger">*</span></label>
                        <select name="pc_iii_b_reporting_period[month]" id="pci-iii-b-report-month"
                                class="form-control {{ ! $pciIiiBEditGi ? 'pci-readonly' : '' }}"
                                data-pci-iii-b-submitted-months='@json($pciIiiBSubmittedMonths)'
                                @if(! $pciIiiBEditGi) disabled @endif>
                            <option value="">Choose month…</option>
                            @foreach($pciIiiBMonths as $mName)
                                @php
                                    $mTaken = in_array($mName, $pciIiiBSubmittedMonths, true)
                                        && $mName !== $pciIiiBSelectedMonth;
                                @endphp
                                <option value="{{ $mName }}"
                                    @selected($pciIiiBSelectedMonth === $mName)
                                    @disabled($mTaken)
                                >{{ $mName }}{{ $mTaken ? ' (already submitted)' : '' }}</option>
                            @endforeach
                        </select>
                        @if(! $pciIiiBEditGi && $pciIiiBSelectedMonth !== '')
                            <input type="hidden" name="pc_iii_b_reporting_period[month]" value="{{ $pciIiiBSelectedMonth }}" />
                        @endif
                        <small class="form-text">Only months without a submitted MPR for the selected year are enabled. Previous calendar month must already be submitted (except the scheme’s first MPR).</small>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group mb-0">
                        <label for="pci-iii-b-report-year">MPR Year <span class="text-danger">*</span></label>
                        <select name="pc_iii_b_reporting_period[year]" id="pci-iii-b-report-year"
                                class="form-control {{ ! $pciIiiBEditGi ? 'pci-readonly' : '' }}"
                                @if(! $pciIiiBEditGi) disabled @endif>
                            @foreach($pciIiiBYearOptions as $yOpt)
                                <option value="{{ $yOpt }}" @selected($pciIiiBSelectedYear === (int) $yOpt)>{{ $yOpt }}</option>
                            @endforeach
                        </select>
                        @if(! $pciIiiBEditGi)
                            <input type="hidden" name="pc_iii_b_reporting_period[year]" value="{{ $pciIiiBSelectedYear }}" />
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="pci-p3b-gi-panel">
        <div class="pci-p3b-gi-panel__head">Department &amp; executing agency</div>
        <div class="pci-p3b-gi-panel__body">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group mb-md-0">
                        <label for="pci-administrative-department">Administrative Department</label>
                        <input type="text"
                               id="pci-administrative-department"
                               name="pc_iii_b_reporting_period[administrative_department]"
                               class="form-control pci-readonly"
                               value="{{ $pciIiiBAdminDept }}"
                               placeholder="Scheme department"
                               readonly>
                        <small class="form-text">Filled from the scheme’s department.</small>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group mb-0">
                        <label for="pci-iii-b-executing-agency">Executing Agency</label>
                        <select id="pci-iii-b-executing-agency"
                                name="pc_iii_b_reporting_period[executing_agency]"
                                class="form-control select2-pci-iii-b-agency {{ ! $pciIiiBEditGi ? 'pci-readonly' : '' }}"
                                data-placeholder="Select or type executing agency"
                                @if(! $pciIiiBEditGi) disabled @endif>
                            <option value=""></option>
                            @foreach($pciIiiBAgencyOptions as $optVal => $optLabel)
                                <option value="{{ $optVal }}" @selected($pciIiiBExecAgency === (string) $optVal)>{{ $optLabel }}</option>
                            @endforeach
                        </select>
                        @if(! $pciIiiBEditGi && $pciIiiBExecAgency !== '')
                            <input type="hidden" name="pc_iii_b_reporting_period[executing_agency]" value="{{ $pciIiiBExecAgency }}" />
                        @endif
                        <small class="form-text">Select an existing agency or type a new name to save it for future use.</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@once
@push('scripts')
<script>
(function ($) {
    if (window.__pciP3bGiAgencyBound) return;
    window.__pciP3bGiAgencyBound = true;

    function initPciIiiBAgencySelect() {
        var $el = $('#pci-iii-b-executing-agency');
        if (!$el.length || $el.prop('disabled')) return;
        if ($el.hasClass('select2-hidden-accessible')) {
            $el.select2('destroy');
        }
        $el.select2({
            width: '100%',
            placeholder: $el.data('placeholder') || 'Select or type executing agency',
            allowClear: true,
            tags: true,
            createTag: function (params) {
                var term = $.trim(params.term || '');
                if (term === '') return null;
                return { id: term, text: term, newTag: true };
            }
        });
    }

    $(function () { initPciIiiBAgencySelect(); });
    $(document).on('pci:project-detail-loaded', function () { initPciIiiBAgencySelect(); });
})(jQuery);
</script>
@endpush
@endonce