@php
    /** @var string $fieldKey gps|consultants|contractors */
    /** @var string $mode */
    /** @var string $sectionLabel */
    $fieldKey = $fieldKey ?? 'gps';
    $mode = in_array((string) ($mode ?? ''), ['single', 'unit_wise'], true) ? (string) $mode : 'single';
    $sectionLabel = $sectionLabel ?? '';
    $gpsPairRows = is_array($gpsPairRows ?? null) && count($gpsPairRows) > 0 ? $gpsPairRows : [['lat' => '', 'lng' => '']];
    $gpsUnits = is_array($gpsUnits ?? null) ? $gpsUnits : [];
    $consultantUnits = is_array($consultantUnits ?? null) ? $consultantUnits : [];
    $contractorUnits = is_array($contractorUnits ?? null) ? $contractorUnits : [];
    $consultantSelected = is_array($consultantSelected ?? null) ? $consultantSelected : [];
    $consultantSelectedLower = is_array($consultantSelectedLower ?? null) ? $consultantSelectedLower : [];
    $contractorSelected = is_array($contractorSelected ?? null) ? $contractorSelected : [];
    $contractorSelectedLower = is_array($contractorSelectedLower ?? null) ? $contractorSelectedLower : [];
    $consultantOptions = is_array($consultantOptions ?? null) ? $consultantOptions : [];
    $contractorOptions = is_array($contractorOptions ?? null) ? $contractorOptions : [];
@endphp
<tr class="report-a1-breakdown-section-row">
    <td colspan="4" class="report-a1-breakdown-section-cell p-0 border-top-0">
        <div class="report-a1-breakdown-section" id="report-a1-breakdown-{{ $fieldKey }}" data-a1-breakdown-field="{{ $fieldKey }}">
            <div class="report-a1-breakdown-section__header d-flex flex-wrap align-items-center justify-content-between">
                <div class="report-a1-breakdown-section__title mb-0">{{ $sectionLabel }}</div>
                @if (in_array($fieldKey, ['consultants', 'contractors'], true))
                    @php
                        $partyKind = $fieldKey === 'contractors' ? 'contractor' : 'consultant';
                        $partyAddTitle = $fieldKey === 'contractors'
                            ? __('Add contractor')
                            : __('Add consultant / design engineer');
                        $partyAddAria = $fieldKey === 'contractors'
                            ? __('Add contractor')
                            : __('Add consultant or design engineer');
                    @endphp
                    <button
                        type="button"
                        class="btn btn-sm btn-outline-secondary report-a1-party-add report-a1-party-add--universal"
                        data-party-kind="{{ $partyKind }}"
                        data-a1-field="{{ $fieldKey }}"
                        title="{{ $partyAddTitle }}"
                        aria-label="{{ $partyAddAria }}"
                    >
                        <i class="fas fa-plus mr-1" aria-hidden="true"></i>{{ __('Add '.$partyKind.'') }}
                    </button>
                @endif
            </div>
            @include('reports.partials.a1-field-mode-toggle', ['fieldKey' => $fieldKey, 'mode' => $mode])

            <div class="report-a1-breakdown-single-wrap mt-3" @if($mode === 'unit_wise') style="display:none" @endif>
                @if ($fieldKey === 'gps')
                    <div class="table-responsive">
                        <table class="table report-proc-table mb-0 report-a1-breakdown-single-table">
                            <tbody>
                                <tr data-report-a1-gps-pairs="1">
                                    <th scope="row" class="report-proc-label align-top" style="width:18%">
                                        <span class="d-inline-flex align-items-center">
                                            <i class="fas fa-crosshairs report-a1-gps-icon mr-2" aria-hidden="true"></i>{{ __('Lat (N)') }}
                                        </span>
                                    </th>
                                    <td class="report-proc-cell align-top" style="width:32%">
                                        <div id="report-a1-gps-lat-side" class="report-a1-location-stack report-a1-gps-pair-lat">
                                            <button type="button" class="report-a1-stack-add report-a1-gps-pair-add btn btn-sm btn-outline-secondary mb-2" title="{{ __('Add coordinate row') }}" aria-label="{{ __('Add coordinate row') }}">
                                                <i class="fas fa-plus" aria-hidden="true"></i>
                                            </button>
                                            <div class="report-a1-stack-rows report-a1-gps-lat-rows">
                                                @foreach ($gpsPairRows as $idx => $pair)
                                                    <div class="report-a1-stack-row d-flex align-items-center mb-2">
                                                        <button type="button" class="report-a1-stack-remove btn btn-sm btn-outline-danger mr-2 flex-shrink-0" title="{{ __('Remove this row') }}" aria-label="{{ __('Remove this row') }}">
                                                            <i class="fas fa-minus" aria-hidden="true"></i>
                                                        </button>
                                                        <div class="flex-grow-1">
                                                            <input
                                                                type="text"
                                                                name="report[part_a][scheme_unit][gps_lat_n][]"
                                                                id="{{ $idx === 0 ? 'report_a_s1_lat' : 'report_a_s1_lat_'.$idx }}"
                                                                value="{{ $pair['lat'] ?? '' }}"
                                                                autocomplete="off"
                                                                placeholder="00.000000"
                                                                inputmode="decimal"
                                                                class="form-control form-control-sm {{ ($errors->has('report.part_a.scheme_unit.gps_lat_n') || $errors->has('report.part_a.scheme_unit.gps_lat_n.'.$idx)) ? 'is-invalid' : '' }}"
                                                            >
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                        @error('report.part_a.scheme_unit.gps_lat_n')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                        @foreach ($gpsPairRows as $idx => $_)
                                            @error('report.part_a.scheme_unit.gps_lat_n.'.$idx)
                                                <span class="invalid-feedback d-block">{{ $message }}</span>
                                            @enderror
                                        @endforeach
                                    </td>
                                    <th scope="row" class="report-proc-label align-top" style="width:18%">
                                        <span class="d-inline-flex align-items-center">
                                            <i class="fas fa-crosshairs report-a1-gps-icon mr-2" aria-hidden="true"></i>{{ __('Long (E)') }}
                                        </span>
                                    </th>
                                    <td class="report-proc-cell align-top" style="width:32%">
                                        <div class="report-a1-gps-pair-lng-top-spacer" aria-hidden="true"></div>
                                        <div class="report-a1-stack-rows report-a1-gps-lng-rows">
                                            @foreach ($gpsPairRows as $idx => $pair)
                                                <div class="report-a1-stack-row d-flex align-items-center mb-2">
                                                    <span class="report-a1-gps-pair-spacer mr-2" aria-hidden="true"></span>
                                                    <div class="flex-grow-1">
                                                        <input
                                                            type="text"
                                                            name="report[part_a][scheme_unit][gps_long_e][]"
                                                            id="{{ $idx === 0 ? 'report_a_s1_long' : 'report_a_s1_long_'.$idx }}"
                                                            value="{{ $pair['lng'] ?? '' }}"
                                                            autocomplete="off"
                                                            placeholder="00.000000"
                                                            inputmode="decimal"
                                                            class="form-control form-control-sm {{ ($errors->has('report.part_a.scheme_unit.gps_long_e') || $errors->has('report.part_a.scheme_unit.gps_long_e.'.$idx)) ? 'is-invalid' : '' }}"
                                                        >
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                        @error('report.part_a.scheme_unit.gps_long_e')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                        @foreach ($gpsPairRows as $idx => $_)
                                            @error('report.part_a.scheme_unit.gps_long_e.'.$idx)
                                                <span class="invalid-feedback d-block">{{ $message }}</span>
                                            @enderror
                                        @endforeach
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                @elseif ($fieldKey === 'consultants')
                    <div class="d-flex report-a1-party-select-wrap">
                        <div class="flex-grow-1" style="min-width:0">
                            <select
                                name="report[part_a][scheme_unit][consultant_design_engineers][]"
                                id="report_a_s1_consultant"
                                class="form-control form-control-sm report-a1-party-select"
                                data-placeholder="{{ __('Select one or more consultants / design engineers…') }}"
                                data-party-kind="consultant"
                                multiple
                            >
                                @foreach ($consultantOptions as $opt)
                                    @php $optDisplay = report_scheme_party_name_display($opt); @endphp
                                    <option
                                        value="{{ $optDisplay }}"
                                        @selected(in_array(strtolower(trim((string) $opt)), $consultantSelectedLower, true))
                                    >{{ $optDisplay }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    @error('report.part_a.scheme_unit.consultant_design_engineers')
                        <span class="invalid-feedback d-block">{{ $message }}</span>
                    @enderror
                    @foreach ($consultantSelected as $idx => $_)
                        @error('report.part_a.scheme_unit.consultant_design_engineers.'.$idx)
                            <span class="invalid-feedback d-block">{{ $message }}</span>
                        @enderror
                    @endforeach
                @else
                    <div class="d-flex report-a1-party-select-wrap">
                        <div class="flex-grow-1" style="min-width:0">
                            <select
                                name="report[part_a][scheme_unit][contractors][]"
                                id="report_a_s1_contractors"
                                class="form-control form-control-sm report-a1-party-select"
                                data-placeholder="{{ __('Select one or more contractors…') }}"
                                data-party-kind="contractor"
                                multiple
                            >
                                @foreach ($contractorOptions as $opt)
                                    @php $optDisplay = report_scheme_party_name_display($opt); @endphp
                                    <option
                                        value="{{ $optDisplay }}"
                                        @selected(in_array(strtolower(trim((string) $opt)), $contractorSelectedLower, true))
                                    >{{ $optDisplay }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    @error('report.part_a.scheme_unit.contractors')
                        <span class="invalid-feedback d-block">{{ $message }}</span>
                    @enderror
                    @foreach ($contractorSelected as $idx => $_)
                        @error('report.part_a.scheme_unit.contractors.'.$idx)
                            <span class="invalid-feedback d-block">{{ $message }}</span>
                        @enderror
                    @endforeach
                @endif
            </div>

            <div class="report-a1-breakdown-units-wrap mt-3" @if($mode !== 'unit_wise') style="display:none" @endif>
                <div class="report-a1-breakdown-units-container" data-a1-units-container="{{ $fieldKey }}">
                    @if ($fieldKey === 'gps')
                        @foreach ($gpsUnits as $uIdx => $unit)
                            @php
                                $uRows = is_array($unit['rows'] ?? null) && count($unit['rows']) > 0 ? $unit['rows'] : [['lat' => '', 'lng' => '']];
                                $uName = old('report.part_a.scheme_unit.gps_units.'.$uIdx.'.unit_name', $unit['unit_name'] ?? '');
                            @endphp
                            <div class="report-a1-unit-block pms-report-unit-shell mb-3" data-a1-unit-block data-a1-field="gps">
                                <div class="pms-report-unit-header">
                                    <div class="pms-report-unit-header__field">
                                        <label class="report-b2-structure-title mb-2 d-block" style="font-size:9pt">{{ __('Unit name') }}</label>
                                        <input type="text" name="report[part_a][scheme_unit][gps_units][{{ $uIdx }}][unit_name]" value="{{ $uName }}" class="form-control form-control-sm report-b1-input report-a1-unit-name-input" placeholder="{{ __('e.g. Package A, Civil works') }}" autocomplete="off">
                                    </div>
                                    <div class="pms-report-unit-header__actions">
                                        <button type="button" class="pms-report-action-btn report-a1-add-unit" data-a1-field="gps">+ {{ __('ADD UNIT') }}</button>
                                        <button type="button" class="pms-report-action-btn pms-report-action-btn--danger report-a1-remove-unit">{{ __('REMOVE UNIT') }}</button>
                                    </div>
                                </div>
                                <div class="table-responsive">
                                    <table class="table report-b2-data-table report-proc-table mb-0">
                                        <thead>
                                            <tr class="report-b2-head-row report-b2-head-row--sub">
                                                <th class="report-b2-th-serial">S#</th>
                                                <th>{{ __('Lat (N)') }}</th>
                                                <th>{{ __('Long (E)') }}</th>
                                                <th class="report-b2-th-actions" aria-label="{{ __('Row actions') }}"></th>
                                            </tr>
                                        </thead>
                                        <tbody class="report-a1-unit-tbody">
                                            @foreach ($uRows as $rIdx => $row)
                                                <tr class="report-a1-unit-data-row">
                                                    <td class="report-b2-td report-b2-td-serial"><span class="report-a1-serial-num">{{ $rIdx + 1 }}</span></td>
                                                    <td class="report-b2-td">
                                                        <input type="text" name="report[part_a][scheme_unit][gps_units][{{ $uIdx }}][rows][{{ $rIdx }}][lat]" value="{{ old('report.part_a.scheme_unit.gps_units.'.$uIdx.'.rows.'.$rIdx.'.lat', $row['lat'] ?? '') }}" class="form-control form-control-sm report-b1-input" placeholder="00.000000" inputmode="decimal" autocomplete="off">
                                                    </td>
                                                    <td class="report-b2-td">
                                                        <input type="text" name="report[part_a][scheme_unit][gps_units][{{ $uIdx }}][rows][{{ $rIdx }}][lng]" value="{{ old('report.part_a.scheme_unit.gps_units.'.$uIdx.'.rows.'.$rIdx.'.lng', $row['lng'] ?? '') }}" class="form-control form-control-sm report-b1-input" placeholder="00.000000" inputmode="decimal" autocomplete="off">
                                                    </td>
                                                    <td class="report-b2-td report-b2-td-actions text-center align-middle">
                                                        <button type="button" class="btn btn-sm report-a1-remove-row" title="{{ __('Remove row') }}" aria-label="{{ __('Remove row') }}" @if(count($uRows) <= 1) style="visibility:hidden" @endif><i class="fas fa-times"></i></button>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <div class="report-b2-toolbar pms-report-toolbar-row pms-report-toolbar-row--bottom">
                                    <button type="button" class="pms-report-action-btn report-a1-unit-add-row" data-a1-field="gps">+ {{ __('ADD ROW') }}</button>
                                </div>
                            </div>
                        @endforeach
                    @elseif ($fieldKey === 'consultants')
                        @foreach ($consultantUnits as $uIdx => $unit)
                            @php
                                $uRows = is_array($unit['rows'] ?? null) && count($unit['rows']) > 0 ? $unit['rows'] : [['name' => '']];
                                $uName = old('report.part_a.scheme_unit.consultant_units.'.$uIdx.'.unit_name', $unit['unit_name'] ?? '');
                            @endphp
                            <div class="report-a1-unit-block pms-report-unit-shell mb-3" data-a1-unit-block data-a1-field="consultants">
                                <div class="pms-report-unit-header">
                                    <div class="pms-report-unit-header__field">
                                        <label class="report-b2-structure-title mb-2 d-block" style="font-size:9pt">{{ __('Unit name') }}</label>
                                        <input type="text" name="report[part_a][scheme_unit][consultant_units][{{ $uIdx }}][unit_name]" value="{{ $uName }}" class="form-control form-control-sm report-b1-input report-a1-unit-name-input" placeholder="{{ __('e.g. Package A, Civil works') }}" autocomplete="off">
                                    </div>
                                    <div class="pms-report-unit-header__actions">
                                        <button type="button" class="pms-report-action-btn report-a1-add-unit" data-a1-field="consultants">+ {{ __('ADD UNIT') }}</button>
                                        <button type="button" class="pms-report-action-btn pms-report-action-btn--danger report-a1-remove-unit">{{ __('REMOVE UNIT') }}</button>
                                    </div>
                                </div>
                                <div class="table-responsive">
                                    <table class="table report-b2-data-table report-proc-table mb-0">
                                        <thead>
                                            <tr class="report-b2-head-row report-b2-head-row--sub">
                                                <th class="report-b2-th-serial">S#</th>
                                                <th>{{ __('Consultant / Design Engineer') }}</th>
                                                <th class="report-b2-th-actions" aria-label="{{ __('Row actions') }}"></th>
                                            </tr>
                                        </thead>
                                        <tbody class="report-a1-unit-tbody">
                                            @foreach ($uRows as $rIdx => $row)
                                                @php $rowName = old('report.part_a.scheme_unit.consultant_units.'.$uIdx.'.rows.'.$rIdx.'.name', $row['name'] ?? ''); @endphp
                                                <tr class="report-a1-unit-data-row">
                                                    <td class="report-b2-td report-b2-td-serial"><span class="report-a1-serial-num">{{ $rIdx + 1 }}</span></td>
                                                    <td class="report-b2-td">
                                                        <select name="report[part_a][scheme_unit][consultant_units][{{ $uIdx }}][rows][{{ $rIdx }}][name]" class="form-control form-control-sm report-a1-party-row-select" data-party-kind="consultant" data-placeholder="{{ __('Select consultant / design engineer…') }}">
                                                            <option value=""></option>
                                                            @foreach ($consultantOptions as $opt)
                                                                @php $optDisplay = report_scheme_party_name_display($opt); @endphp
                                                                <option value="{{ $optDisplay }}" @selected(strcasecmp(trim((string) $rowName), (string) $opt) === 0 || strcasecmp(trim((string) $rowName), $optDisplay) === 0)>{{ $optDisplay }}</option>
                                                            @endforeach
                                                            @if ($rowName !== '' && ! in_array($rowName, $consultantOptions, true) && ! in_array(report_scheme_party_name_display($rowName), report_scheme_party_names_display($consultantOptions), true))
                                                                <option value="{{ report_scheme_party_name_display($rowName) }}" selected>{{ report_scheme_party_name_display($rowName) }}</option>
                                                            @endif
                                                        </select>
                                                    </td>
                                                    <td class="report-b2-td report-b2-td-actions text-center align-middle">
                                                        <button type="button" class="btn btn-sm report-a1-remove-row" title="{{ __('Remove row') }}" aria-label="{{ __('Remove row') }}" @if(count($uRows) <= 1) style="visibility:hidden" @endif><i class="fas fa-times"></i></button>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <div class="report-b2-toolbar pms-report-toolbar-row pms-report-toolbar-row--bottom">
                                    <button type="button" class="pms-report-action-btn report-a1-unit-add-row" data-a1-field="consultants">+ {{ __('ADD ROW') }}</button>
                                </div>
                            </div>
                        @endforeach
                    @else
                        @foreach ($contractorUnits as $uIdx => $unit)
                            @php
                                $uRows = is_array($unit['rows'] ?? null) && count($unit['rows']) > 0 ? $unit['rows'] : [['name' => '']];
                                $uName = old('report.part_a.scheme_unit.contractor_units.'.$uIdx.'.unit_name', $unit['unit_name'] ?? '');
                            @endphp
                            <div class="report-a1-unit-block pms-report-unit-shell mb-3" data-a1-unit-block data-a1-field="contractors">
                                <div class="pms-report-unit-header">
                                    <div class="pms-report-unit-header__field">
                                        <label class="report-b2-structure-title mb-2 d-block" style="font-size:9pt">{{ __('Unit name') }}</label>
                                        <input type="text" name="report[part_a][scheme_unit][contractor_units][{{ $uIdx }}][unit_name]" value="{{ $uName }}" class="form-control form-control-sm report-b1-input report-a1-unit-name-input" placeholder="{{ __('e.g. Package A, Civil works') }}" autocomplete="off">
                                    </div>
                                    <div class="pms-report-unit-header__actions">
                                        <button type="button" class="pms-report-action-btn report-a1-add-unit" data-a1-field="contractors">+ {{ __('ADD UNIT') }}</button>
                                        <button type="button" class="pms-report-action-btn pms-report-action-btn--danger report-a1-remove-unit">{{ __('REMOVE UNIT') }}</button>
                                    </div>
                                </div>
                                <div class="table-responsive">
                                    <table class="table report-b2-data-table report-proc-table mb-0">
                                        <thead>
                                            <tr class="report-b2-head-row report-b2-head-row--sub">
                                                <th class="report-b2-th-serial">S#</th>
                                                <th>{{ __('Contractor (s)') }}</th>
                                                <th class="report-b2-th-actions" aria-label="{{ __('Row actions') }}"></th>
                                            </tr>
                                        </thead>
                                        <tbody class="report-a1-unit-tbody">
                                            @foreach ($uRows as $rIdx => $row)
                                                @php $rowName = old('report.part_a.scheme_unit.contractor_units.'.$uIdx.'.rows.'.$rIdx.'.name', $row['name'] ?? ''); @endphp
                                                <tr class="report-a1-unit-data-row">
                                                    <td class="report-b2-td report-b2-td-serial"><span class="report-a1-serial-num">{{ $rIdx + 1 }}</span></td>
                                                    <td class="report-b2-td">
                                                        <select name="report[part_a][scheme_unit][contractor_units][{{ $uIdx }}][rows][{{ $rIdx }}][name]" class="form-control form-control-sm report-a1-party-row-select" data-party-kind="contractor" data-placeholder="{{ __('Select contractor…') }}">
                                                            <option value=""></option>
                                                            @foreach ($contractorOptions as $opt)
                                                                @php $optDisplay = report_scheme_party_name_display($opt); @endphp
                                                                <option value="{{ $optDisplay }}" @selected(strcasecmp(trim((string) $rowName), (string) $opt) === 0 || strcasecmp(trim((string) $rowName), $optDisplay) === 0)>{{ $optDisplay }}</option>
                                                            @endforeach
                                                            @if ($rowName !== '' && ! in_array($rowName, $contractorOptions, true) && ! in_array(report_scheme_party_name_display($rowName), report_scheme_party_names_display($contractorOptions), true))
                                                                <option value="{{ report_scheme_party_name_display($rowName) }}" selected>{{ report_scheme_party_name_display($rowName) }}</option>
                                                            @endif
                                                        </select>
                                                    </td>
                                                    <td class="report-b2-td report-b2-td-actions text-center align-middle">
                                                        <button type="button" class="btn btn-sm report-a1-remove-row" title="{{ __('Remove row') }}" aria-label="{{ __('Remove row') }}" @if(count($uRows) <= 1) style="visibility:hidden" @endif><i class="fas fa-times"></i></button>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <div class="report-b2-toolbar pms-report-toolbar-row pms-report-toolbar-row--bottom">
                                    <button type="button" class="pms-report-action-btn report-a1-unit-add-row" data-a1-field="contractors">+ {{ __('ADD ROW') }}</button>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </td>
</tr>