@php
    $pciEoTypeOptions = ['Substantive Charge', 'Additional Charge', 'Look After Charge'];
    $pciEoLegacyTypeMap = [
        'Full Time' => 'Substantive Charge',
        'Addl Charges' => 'Additional Charge',
        'Part Time' => 'Look After Charge',
    ];
@endphp

{{-- Step 9: Executing Officer --}}
<div class="pci-page" data-page="{{ $pciIiiABase + 8 }}" data-pci-nav-key="pc-iii-a-executing-officer" data-pci-step-title="9. Executing Officer" data-pci-step-theme="5" data-pci-step-icon="user-tie">
    <div class="pci-gi-wrap">
        <button type="button" class="pci-gi-bar pci-gi-bar-primary" data-toggle="collapse" data-target="#pci-pc-iii-a-executing-officer-body" aria-expanded="true" id="pci-pc-iii-a-executing-officer-toggle">
            <span class="pci-gi-bar-title">9. Executing Officer</span>
            <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
        </button>
        <div id="pci-pc-iii-a-executing-officer-body" class="collapse show">
            <div class="pci-gi-mint">
                @if($pciIiiAEdit)
                <div class="d-flex justify-content-end mb-2">
                    <button type="button" class="btn btn-sm btn-primary" id="pci-iii-a-executing-officer-add">+ Add Officer</button>
                </div>
                @endif
                <div class="table-responsive">
                    <table class="pci-table table table-bordered mb-0 pci-pc-iii-a-eo-table">
                        <thead>
                            <tr>
                                <th class="text-left" style="min-width:8rem;">Name</th>
                                <th class="text-left" style="min-width:8rem;">Designation</th>
                                <th style="width:4.5rem;">BPS</th>
                                <th class="text-left" style="min-width:7rem;">Contact</th>
                                <th class="text-left" style="min-width:9rem;">Email</th>
                                <th style="width:9rem;">Charge Type</th>
                                <th style="width:8rem;">Date of Posting</th>
                                <th style="width:8rem;">Relieved Date</th>
                                <th class="text-left" style="min-width:7rem;">Remarks</th>
                                @if($pciIiiAEdit)<th style="width:3rem;"></th>@endif
                            </tr>
                        </thead>
                        <tbody id="pci-iii-a-executing-officer-tbody">
                            @foreach($pciIiiAExecutingOfficerRows as $ei => $eRow)
                            @php
                                $pciEoCharge = $eRow['charge_type'] ?? ($eRow['type'] ?? '');
                                if (isset($pciEoLegacyTypeMap[$pciEoCharge])) {
                                    $pciEoCharge = $pciEoLegacyTypeMap[$pciEoCharge];
                                }
                                $pciEoPosting = $eRow['date_of_posting'] ?? ($eRow['appointment_date'] ?? '');
                                if ($pciEoPosting !== '' && $pciEoPosting !== null && ! preg_match('/^\d{4}-\d{2}-\d{2}$/', (string) $pciEoPosting)) {
                                    try {
                                        $pciEoPosting = \Illuminate\Support\Carbon::parse($pciEoPosting)->format('Y-m-d');
                                    } catch (\Throwable $e) {
                                        $pciEoPosting = '';
                                    }
                                }
                                $pciEoRelieved = $eRow['relieved_date'] ?? '';
                                if ($pciEoRelieved !== '' && $pciEoRelieved !== null && ! preg_match('/^\d{4}-\d{2}-\d{2}$/', (string) $pciEoRelieved)) {
                                    try {
                                        $pciEoRelieved = \Illuminate\Support\Carbon::parse($pciEoRelieved)->format('Y-m-d');
                                    } catch (\Throwable $e) {
                                        $pciEoRelieved = '';
                                    }
                                }
                                $pciEoRemarks = $eRow['remarks'] ?? ($eRow['leave'] ?? '');
                            @endphp
                            <tr class="pci-iii-a-executing-officer-row">
                                <td><input type="text" name="pc_iii_a_executing_officers[{{ $ei }}][name]" value="{{ $eRow['name'] ?? '' }}" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="Full Name" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                <td><input type="text" name="pc_iii_a_executing_officers[{{ $ei }}][designation]" value="{{ $eRow['designation'] ?? '' }}" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="Designation" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                <td><input type="text" name="pc_iii_a_executing_officers[{{ $ei }}][bps]" value="{{ $eRow['bps'] ?? '' }}" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="BPS" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                <td><input type="text" name="pc_iii_a_executing_officers[{{ $ei }}][contact]" value="{{ $eRow['contact'] ?? '' }}" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="Phone" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                <td><input type="email" name="pc_iii_a_executing_officers[{{ $ei }}][email]" value="{{ $eRow['email'] ?? '' }}" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" placeholder="email@domain.com" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                <td>
                                    <select name="pc_iii_a_executing_officers[{{ $ei }}][charge_type]" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" {{ !$pciIiiAEdit ? 'disabled' : '' }}>
                                        <option value="">Charge Type</option>
                                        @foreach($pciEoTypeOptions as $pciEoType)
                                        <option value="{{ $pciEoType }}" @selected($pciEoCharge === $pciEoType)>{{ $pciEoType }}</option>
                                        @endforeach
                                    </select>
                                    @if(!$pciIiiAEdit && $pciEoCharge !== '')
                                    <input type="hidden" name="pc_iii_a_executing_officers[{{ $ei }}][charge_type]" value="{{ $pciEoCharge }}" />
                                    @endif
                                </td>
                                <td><input type="date" name="pc_iii_a_executing_officers[{{ $ei }}][date_of_posting]" value="{{ $pciEoPosting }}" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                <td><input type="date" name="pc_iii_a_executing_officers[{{ $ei }}][relieved_date]" value="{{ $pciEoRelieved }}" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                <td><input type="text" name="pc_iii_a_executing_officers[{{ $ei }}][remarks]" value="{{ $pciEoRemarks }}" class="form-control form-control-sm {{ !$pciIiiAEdit ? 'pci-readonly' : '' }}" {{ !$pciIiiAEdit ? 'readonly' : '' }} /></td>
                                @if($pciIiiAEdit)
                                <td class="text-center align-middle">
                                    <button type="button" class="btn btn-link text-danger btn-sm pci-iii-a-eo-remove" title="Remove row"><i class="fas fa-trash-alt"></i></button>
                                </td>
                                @endif
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>