@extends('layout')

@section('title')
    {{ get_label('preferences', 'Preferences') }}
@endsection

@php
    $enabledNotifications = getUserPreferences(
        'notification_preference',
        'enabled_notifications',
        getAuthenticatedUser(true, true),
    );

    $notificationTypes = [
        'project_assignment' => 'Project Assignment',
        'project_status_updation' => 'Project Status Updation',
        'project_issue_assignment' => 'Project Issue Assignment',
        'task_assignment' => 'Task Assignment',
        'task_status_updation' => 'Task Status Updation',
        'workspace_assignment' => 'Workspace Assignment',
        'meeting_assignment' => 'Meeting Assignment',
        'announcement' => 'Announcement',
        'leave_request_creation' => 'Leave Request Creation',
        'leave_request_status_updation' => 'Leave Request Status Updation',
        'team_member_on_leave_alert' => 'Team Member on Leave Alert',
        'task_reminder' => 'Task Reminder',
        'recurring_task' => 'Recurring Task',
    ];

    $channels = ['email', 'sms', 'whatsapp', 'system', 'slack'];
    $isAdminOrLeaveEditor = is_admin_or_leave_editor();
@endphp

@section('content')
    <div class="container-fluid">
        <div class="d-flex justify-content-between mb-2 mt-4">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb breadcrumb-style1">
                    <li class="breadcrumb-item">
                        <a href="{{ route('home.index') }}">{{ get_label('home', 'Home') }}</a>
                    </li>
                    <li class="breadcrumb-item active">{{ get_label('preferences', 'Preferences') }}</li>
                </ol>
            </nav>
        </div>

        <div class="card">
            <div class="card-header">
                <div class="list-group list-group-horizontal-md text-md-center mb-4">
                    <a class="list-group-item list-group-item-action active" data-bs-toggle="list"
                        href="#notification-preferences">{{ get_label('notification_preferences', 'Notification Preferences') }}</a>
                    <a class="list-group-item list-group-item-action" data-bs-toggle="list"
                        href="#customize-menu-order">{{ get_label('customize_menu_order', 'Customize Menu Order') }}</a>
                </div>
            </div>
            <div class="card-body">
                <div class="tab-content">
                    <!-- Notification Preferences Tab -->
                    <div class="tab-pane fade show active" id="notification-preferences" role="tabpanel">
                        <form class="form-submit-event" action="{{ route('preferences.saveNotifications') }}" method="POST">
                            <div class="form-check">
                                <input type="checkbox" id="selectAllPreferences" class="form-check-input">
                                <label class="form-check-label"
                                    for="selectAllPreferences">