@php
$data['leave_management_alert_emails'] = $data['leave_management_alert_emails'] ?? [];
$data['incident_report_alert_emails'] = $data['incident_report_alert_emails'] ?? [];
$data['management_meeting_alert_emails'] = $data['management_meeting_alert_emails'] ?? [];
$data['staff_meeting_alert_emails'] = $data['staff_meeting_alert_emails'] ?? [];
$data['weekly_house_meeting_alert_emails'] = $data['weekly_house_meeting_alert_emails'] ?? [];
$data['expense_reimbursement_request_alert_emails'] = $data['expense_reimbursement_request_alert_emails'] ?? [];
$data['pending_expense_reimbursement_summary_alert_emails'] = $data['pending_expense_reimbursement_summary_alert_emails'] ?? [];
$data['user_documents_expiry_alert_emails'] = $data['user_documents_expiry_alert_emails'] ?? [];
$data['participant_documents_expiry_alert_emails'] = $data['participant_documents_expiry_alert_emails'] ?? [];
$data['maintenance_module_alert_emails'] = $data['maintenance_module_alert_emails'] ?? [];
$data['notification_alert'] = $data['notification_alert'] ?? [];
$data['task_updates'] = $data['task_updates'] ?? [];
$data['pending_task_updates'] = $data['pending_task_updates'] ?? [];
$data['cron_send_time'] = $data['cron_send_time'] ?? [];

$sendTimeOptions = $email_alerts_config['send_time_options'] ?? array_map(fn ($h) => str_pad((string)$h, 2, '0', STR_PAD_LEFT) . ':00', range(0, 23));

$userAlerts = $email_alerts_config['user'] ?? [];
$adminAlerts = $email_alerts_config['admin'] ?? [];
$cronSchedules = $email_alerts_config['cron_schedules'] ?? [];
foreach (array_merge($userAlerts, $adminAlerts) as $a) {
    if (!empty($a['name'])) {
        $data[$a['name']] = $data[$a['name']] ?? [];
    }
}
@endphp

<div class="tab-pane show" id="kt_user_edit_tab_4" role="tabpanel">
    <div class="row">
        <div class="col-xl-12">
            {{-- Sub-tabs: User Email Alerts | Admin Email Alerts | CRON Schedules --}}
            <ul class="nav nav-tabs nav-line-tabs nav-stretch mb-5 fs-6 border-0">
                <li class="nav-item">
                    <a class="nav-link active" data-bs-toggle="tab" href="#email_alerts_user_tab">
                        <span class="nav-text font-size-lg">User Email Alerts</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-bs-toggle="tab" href="#email_alerts_admin_tab">
                        <span class="nav-text font-size-lg">Admin Email Alerts</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-bs-toggle="tab" href="#email_alerts_cron_tab">
                        <span class="nav-text font-size-lg">CRON Schedules (without alerts)</span>
                    </a>
                </li>
            </ul>

            <div class="d-flex justify-content-end mb-3">
                <button type="button" class="btn btn-sm btn-primary me-2" id="expandAllAccordions">Expand All</button>
                <button type="button" class="btn btn-sm btn-secondary" id="collapseAllAccordions">Collapse All</button>
            </div>
            <div class="tab-content">
                {{-- User Email Alerts --}}
                <div class="tab-pane fade show active" id="email_alerts_user_tab" role="tabpanel">
                    <div class="accordion accordion-icon-collapse" id="accordion_user_alerts">
                        @foreach($userAlerts as $key => $alert)
                        <div class="accordion-item mb-3">
                            <h2 class="accordion-header" id="user_heading_{{ $key }}">
                                <button class="accordion-button collapsed fs-6 fw-semibold d-flex align-items-center" type="button" data-bs-toggle="collapse" data-bs-target="#user_collapse_{{ $key }}" aria-expanded="false" aria-controls="user_collapse_{{ $key }}">
                                    <span>{{ $alert['title'] }}</span>
                                    @if(!empty($alert['has_email_field']) && empty($data[$alert['name']]))
                                    <span class="badge badge-light-warning ms-2" title="No email addresses configured">No emails</span>
                                    @endif
                                </button>
                            </h2>
                            <div id="user_collapse_{{ $key }}" class="accordion-collapse collapse" aria-labelledby="user_heading_{{ $key }}" data-bs-parent="#accordion_user_alerts">
                                <div class="accordion-body">
                                    <div class="mb-4">
                                        <span class="form-label text-muted small d-block">Description</span>
                                        <span class="text-dark">{{ $alert['description'] }}</span>
                                    </div>
                                    @php $showFormInUserTab = empty($alert['form_only_in']) || $alert['form_only_in'] === 'user'; @endphp
                                    @if($showFormInUserTab && !empty($alert['has_email_field']))
                                    <div class="form-group fv-row mb-4">
                                        <label class="col-form-label text-lg-right text-left">Emails</label>
                                        <div class="col-12">
                                            <select class="form-control kt_select2_11" style="width: 100%" multiple="" name="{{ $alert['name'] }}[]">
                                                @foreach($data[$alert['name']] ?? [] as $tags)
                                                <option value="{{ $tags }}" selected>{{ $tags }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="mb-4">
                                        <span class="form-label text-muted small d-block">Frequency</span>
                                        <span class="text-dark">{{ $alert['frequency_text'] }}</span>
                                    </div>
                                    @if(!empty($alert['has_send_time']))
                                    <div class="form-group fv-row mb-4">
                                        <label class="col-form-label text-lg-right text-left">Send Time</label>
                                        <div class="col-12">
                                            <select class="form-control form-select" name="{{ $key }}_send_time">
                                                <option value="">— Select —</option>
                                                @foreach($sendTimeOptions as $opt)
                                                <option value="{{ $opt }}" {{ (($data[$key.'_send_time'] ?? '') == $opt) ? 'selected' : '' }}>{{ $opt }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    @endif
                                    @elseif($showFormInUserTab && empty($alert['has_email_field']))
                                    <div class="mb-4">
                                        <span class="form-label text-muted small d-block">Frequency</span>
                                        <span class="text-dark">{{ $alert['frequency_text'] }}</span>
                                    </div>
                                    @if(!empty($alert['has_send_time']))
                                    <div class="form-group fv-row mb-4">
                                        <label class="col-form-label text-lg-right text-left">Send Time</label>
                                        <div class="col-12">
                                            <select class="form-control form-select" name="{{ $key }}_send_time">
                                                <option value="">— Select —</option>
                                                @foreach($sendTimeOptions as $opt)
                                                <option value="{{ $opt }}" {{ (($data[$key.'_send_time'] ?? '') == $opt) ? 'selected' : '' }}>{{ $opt }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    @endif
                                    @else
                                    <p class="text-muted small mb-2">This alert is also listed under <strong>Admin Email Alerts</strong>. Recipients are configured there.</p>
                                    <div class="mb-4">
                                        <span class="form-label text-muted small d-block">Frequency</span>
                                        <span class="text-dark">{{ $alert['frequency_text'] }}</span>
                                    </div>
                                    @endif
                                    {{-- Table for this User Alert --}}
                                    <table class="table table-bordered mt-4" style="table-layout:fixed;border-collapse:collapse;">
                                        <thead>
                                            <tr>
                                                <th style="width:22%">Alert Name</th>
                                                <th style="width:38%">Description</th>
                                                <th style="width:20%">Recipients</th>
                                                <th style="width:20%">Frequency</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>{{ $alert['title'] }}</td>
                                                <td>{{ $alert['description'] }}</td>
                                                <td>User</td>
                                                <td>{{ $alert['frequency_text'] }}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>

                {{-- Admin Email Alerts --}}
                <div class="tab-pane fade" id="email_alerts_admin_tab" role="tabpanel">
                    <div class="accordion accordion-icon-collapse" id="accordion_admin_alerts">
                        @foreach($adminAlerts as $key => $alert)
                        <div class="accordion-item mb-3">
                            <h2 class="accordion-header" id="admin_heading_{{ $key }}">
                                <button class="accordion-button collapsed fs-6 fw-semibold d-flex align-items-center" type="button" data-bs-toggle="collapse" data-bs-target="#admin_collapse_{{ $key }}" aria-expanded="false" aria-controls="admin_collapse_{{ $key }}">
                                    <span>{{ $alert['title'] }}</span>
                                    @if(!empty($alert['has_email_field']) && empty($data[$alert['name']]))
                                    <span class="badge badge-light-warning ms-2" title="No email addresses configured">No emails</span>
                                    @endif
                                </button>
                            </h2>
                            <div id="admin_collapse_{{ $key }}" class="accordion-collapse collapse" aria-labelledby="admin_heading_{{ $key }}" data-bs-parent="#accordion_admin_alerts">
                                <div class="accordion-body">
                                    <div class="mb-4">
                                        <span class="form-label text-muted small d-block">Description</span>
                                        <span class="text-dark">{{ $alert['description'] }}</span>
                                    </div>
                                    @php $showFormInAdminTab = empty($alert['form_only_in']) || $alert['form_only_in'] === 'admin'; @endphp
                                    @if($showFormInAdminTab && !empty($alert['has_email_field']))
                                    <div class="form-group fv-row mb-4">
                                        <label class="col-form-label text-lg-right text-left">Emails</label>
                                        <div class="col-12">
                                            <select class="form-control kt_select2_11" style="width: 100%" multiple="" name="{{ $alert['name'] }}[]">
                                                @foreach($data[$alert['name']] ?? [] as $tags)
                                                <option value="{{ $tags }}" selected>{{ $tags }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="mb-4">
                                        <span class="form-label text-muted small d-block">Frequency</span>
                                        <span class="text-dark">{{ $alert['frequency_text'] }}</span>
                                    </div>
                                    @if(!empty($alert['has_send_time']))
                                    <div class="form-group fv-row mb-4">
                                        <label class="col-form-label text-lg-right text-left">Send Time</label>
                                        <div class="col-12">
                                            <select class="form-control form-select" name="{{ $key }}_send_time">
                                                <option value="">— Select —</option>
                                                @foreach($sendTimeOptions as $opt)
                                                <option value="{{ $opt }}" {{ (($data[$key.'_send_time'] ?? '') == $opt) ? 'selected' : '' }}>{{ $opt }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    @endif
                                    @elseif($showFormInAdminTab && empty($alert['has_email_field']))
                                    <div class="mb-4">
                                        <span class="form-label text-muted small d-block">Frequency</span>
                                        <span class="text-dark">{{ $alert['frequency_text'] }}</span>
                                    </div>
                                    @if(!empty($alert['has_send_time']))
                                    <div class="form-group fv-row mb-4">
                                        <label class="col-form-label text-lg-right text-left">Send Time</label>
                                        <div class="col-12">
                                            <select class="form-control form-select" name="{{ $key }}_send_time">
                                                <option value="">— Select —</option>
                                                @foreach($sendTimeOptions as $opt)
                                                <option value="{{ $opt }}" {{ (($data[$key.'_send_time'] ?? '') == $opt) ? 'selected' : '' }}>{{ $opt }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    @endif
                                    @else
                                    <p class="text-muted small mb-2">This alert is also listed under <strong>User Email Alerts</strong>. Recipients are configured there.</p>
                                    <div class="mb-4">
                                        <span class="form-label text-muted small d-block">Frequency</span>
                                        <span class="text-dark">{{ $alert['frequency_text'] }}</span>
                                    </div>
                                    @endif
                                    {{-- Table for this Admin Alert --}}
                                    <table class="table table-bordered mt-4" style="table-layout:fixed;border-collapse:collapse;">
                                        <thead>
                                            <tr>
                                                <th style="width:22%">Alert Name</th>
                                                <th style="width:38%">Description</th>
                                                <th style="width:20%">Recipients</th>
                                                <th style="width:20%">Frequency</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>{{ $alert['title'] }}</td>
                                                <td>{{ $alert['description'] }}</td>
                                                <td>
                                                    @if(!empty($alert['has_email_field']) && !empty($data[$alert['name']]))
                                                        {{ implode(', ', $data[$alert['name']]) }}
                                                    @else
                                                        —
                                                    @endif
                                                </td>
                                                <td>{{ $alert['frequency_text'] }}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>

                {{-- CRON Schedules (from config, no email alerts) --}}
                <div class="tab-pane fade" id="email_alerts_cron_tab" role="tabpanel">
                    @if(empty($cronSchedules))
                    <p class="text-muted">No CRON schedules configured. Add entries under <code>cron_schedules</code> in <code>config/email_alerts.php</code>.</p>
                    @else
                    <div class="accordion accordion-icon-collapse" id="accordion_cron_schedules">
                        @foreach($cronSchedules as $cmd => $schedule)
                        <div class="accordion-item mb-3">
                            <h2 class="accordion-header" id="cron_heading_{{ str_replace([':', '-'], '_', $cmd) }}">
                                <button class="accordion-button collapsed fs-6 fw-semibold d-flex align-items-center" type="button" data-bs-toggle="collapse" data-bs-target="#cron_collapse_{{ str_replace([':', '-'], '_', $cmd) }}" aria-expanded="false" aria-controls="cron_collapse_{{ str_replace([':', '-'], '_', $cmd) }}">
                                    {{ $schedule['title'] }}
                                </button>
                            </h2>
                            <div id="cron_collapse_{{ str_replace([':', '-'], '_', $cmd) }}" class="accordion-collapse collapse" aria-labelledby="cron_heading_{{ str_replace([':', '-'], '_', $cmd) }}" data-bs-parent="#accordion_cron_schedules">
                                <div class="accordion-body">
                                    @if(!empty($schedule['description']))
                                    <div class="mb-4">
                                        <span class="form-label text-muted small d-block">Description</span>
                                        <span class="text-dark">{{ $schedule['description'] }}</span>
                                    </div>
                                    @endif
                                    <div class="mb-4">
                                        <span class="form-label text-muted small d-block">Command</span>
                                        <span class="text-dark">{{ $cmd }}</span>
                                    </div>
                                    <div class="mb-4">
                                        <span class="form-label text-muted small d-block">Frequency</span>
                                        <span class="text-dark">{{ $schedule['frequency_text'] }}</span>
                                    </div>
                                    @if(!empty($schedule['has_send_time']))
                                    <div class="form-group fv-row mb-4">
                                        <label class="col-form-label text-lg-right text-left">Send Time</label>
                                        <div class="col-12">
                                            <select class="form-control form-select" name="cron_send_time[{{ $cmd }}]">
                                                <option value="">— Select —</option>
                                                @foreach($sendTimeOptions as $opt)
                                                <option value="{{ $opt }}" {{ (($data['cron_send_time'][$cmd] ?? '') == $opt) ? 'selected' : '' }}>{{ $opt }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    @endif
                                    {{-- Table for this CRON Schedule --}}
                                    <table class="table table-bordered mt-4" style="table-layout:fixed;border-collapse:collapse;">
                                        <thead>
                                            <tr>
                                                <th style="width:22%">Alert Name</th>
                                                <th style="width:38%">Description</th>
                                                <th style="width:20%">Recipients</th>
                                                <th style="width:20%">Frequency</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>{{ $schedule['title'] }}</td>
                                                <td>{{ $schedule['description'] ?? '' }}</td>
                                                <td>—</td>
                                                <td>{{ $schedule['frequency_text'] }}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>