template-settings.php

<?php
/*
Template Name: Settings
*/
dt_please_log_in();
if ( ! current_user_can( 'access_disciple_tools' ) ) {
    wp_safe_redirect( '/registered' );
    exit();
}
/* Process $_POST content */
// We're not checking the nonce here because update_user_contact_info will
// phpcs:ignore
if ( isset( $_POST['user_update_nonce'] ) ) {
    Disciple_Tools_Users::update_user_contact_info();
}

/* Build variables for page */
$dt_user = wp_get_current_user(); // Returns WP_User object
$dt_user_meta = get_user_meta( $dt_user->ID ); // Full array of user meta data
$dt_user_contact_id = Disciple_Tools_Users::get_contact_for_user( $dt_user->ID );
if ( is_wp_error( $dt_user_contact_id ) ){
    $dt_user_contact_id = null;
}

$dt_user_fields = dt_build_user_fields_display( $dt_user_meta ); // Compares the site settings in the config area with the fields available in the user meta table.
$dt_site_notification_defaults = dt_get_site_notification_defaults(); // Array of site default settings
$translations = dt_get_available_languages( true );

$dt_user_locale = get_user_locale( $dt_user->ID );

$contact_fields = DT_Posts::get_post_settings( 'contacts' )['fields'];

/**
 * Filter for adding user apps to the settings area.
 * An app leverages the magic link structure
 */
$apps_list = apply_filters( 'dt_settings_apps_list', $apps_list = [] );

// Multiplier locations
$user_location = Disciple_Tools_Users::get_user_location( $dt_user->ID );

// Multiplier Languages
$settings_user_languages = get_user_option( 'user_languages', get_current_user_id() ) ?: [];
// Sequential keys => JSON array; sparse/assoc user meta encodes as object and breaks Lit (.includes).
$settings_language_value = array_values( array_map( 'strval', $settings_user_languages ) );

// Multiplier People Groups
$settings_people_group_ids = get_user_option( 'user_people_groups', get_current_user_id() ) ?: [];
$settings_people_group_rows = DT_Posts::get_post_names_from_ids( $settings_people_group_ids );
$settings_people_groups_connection_value = array_map(
    function ( $row ) {
        $row['ID'] = (int) $row['ID'];
        if ( !isset( $row['permalink'] ) ) {
            $row['permalink'] = get_permalink( $row['ID'] );
        }
        return $row;
    },
    $settings_people_group_rows
);

$multiplier_values = array_merge([
    'languages' => $settings_language_value,
    'people_groups' => $settings_people_groups_connection_value,
], $user_location);

$multiplier_fields = [
    'location_grid_meta' => [
        'name' => __( 'Locations you are willing to be responsible for', 'disciple_tools' ),
        'type'        => 'location_meta',
        'icon' => get_template_directory_uri() . '/dt-assets/images/map-marker-multiple.svg?v=2',
    ],
    'location_grid' => [
        'name' => __( 'Locations you are willing to be responsible for', 'disciple_tools' ),
        'type'        => 'location',
        'icon' => get_template_directory_uri() . '/dt-assets/images/map-marker-multiple.svg?v=2',
    ],
    'languages' => [
        'name' => __( 'Languages you are comfortable speaking', 'disciple_tools' ),
        'type' => 'multi_select',
        'icon' => get_template_directory_uri() . '/dt-assets/images/languages.svg',
        'default' => $contact_fields['languages']['default'],
    ],
    'people_groups' => [
        'name' => __( 'People Groups you wish to serve', 'disciple_tools' ),
        'type' => 'connection',
        'post_type' => 'peoplegroups',
        'icon' => get_template_directory_uri() . '/dt-assets/images/people-group.svg',
    ],
];
?>

<?php get_header(); ?>

<div id="content" class="template-settings">

    <div id="inner-content" class="grid-x grid-margin-x grid-margin-y">

        <div class="large-3 medium-3 small-12 cell " data-sticky-container>

            <section id="" class="small-12 cell sticky" data-sticky data-top-anchor="settings" data-sticky-on="medium" data-margin-top="4">

                <div class="bordered-box">

                    <ul class="menu vertical expanded" data-smooth-scroll data-offset="100">
                        <li><a href="#profile"><?php esc_html_e( 'Profile', 'disciple_tools' )?></a></li>
                        <?php if ( ! empty( $apps_list ) ) : ?>
                            <li><a href="#apps"><?php esc_html_e( 'Apps', 'disciple_tools' )?></a></li>
                        <?php endif; ?>
                        <li><a href="#multiplier"><?php esc_html_e( 'Multiplier Preferences', 'disciple_tools' )?></a></li>
                        <li><a href="#availability"><?php esc_html_e( 'Availability', 'disciple_tools' )?></a></li>
                        <li><a href="#notifications"><?php esc_html_e( 'Notifications', 'disciple_tools' )?></a></li>

                        <!-- Invite user button only when multipliers can invite multipliers -->

                        <?php if ( DT_User_Management::non_admins_can_make_users() || current_user_can( 'create_users ' ) ): ?>

                            <li>
                                <a href="<?php echo esc_html( home_url( '/' ) ); ?>user-management/add-user"><?php esc_html_e( 'Invite User', 'disciple_tools' ) ?>
                                    <img class="dt-icon" style="margin:0; vertical-align: bottom" src="<?php echo esc_html( get_template_directory_uri() . '/dt-assets/images/open-link.svg' ) ?>"/>
                                </a>
                            </li>

                        <?php endif; ?>

                        <?php if ( $dt_user_contact_id && DT_Posts::can_view( 'contacts', $dt_user_contact_id ) ): ?>

                            <li>
                                <a href="<?php echo esc_html( home_url( '/contacts/' . $dt_user_contact_id ) ); ?>"><?php esc_html_e( 'View Contact Record', 'disciple_tools' ) ?>
                                    <img class="dt-icon" style="margin:0; vertical-align: bottom" src="<?php echo esc_html( get_template_directory_uri() . '/dt-assets/images/open-link.svg' ) ?>"/>
                                </a>
                            </li>

                        <?php endif; ?>

                        <?php
                        /**
                         * Add a page menu item that jumps the settings page down to a custom tile.
                         * Add a link with an li wrapper and a named #hash to your tile.
                         *
                         * Use this in combination with the action at the bottom the page called: dt_profile_settings_page_sections
                         * @param $dt_user WP_User object
                         * @param $dt_user_meta array Full array of user meta data
                         * @param $dt_user_contact_id bool/int returns either id for contact connected to user or false
                         * @param $contact_fields array Array of fields on the contact record
                         */
                        do_action( 'dt_profile_settings_page_menu', $dt_user, $dt_user_meta, $dt_user_contact_id, $contact_fields ) ?>

                    </ul>

                </div>

            </section>

        </div>

        <div class="large-9 medium-9 small-12 cell ">

            <div class="grid-margin-x grid-x grid-margin-y" id="settings">

                <div class="small-12 cell">

                    <div class="bordered-box cell" id="profile" data-magellan-target="profile">

                        <button class="help-button float-right" data-section="profile-help-text">
                            <img class="help-icon" src="<?php echo esc_html( get_template_directory_uri() . '/dt-assets/images/help.svg' ) ?>"/>
                        </button>

                        <span class="section-header"><?php esc_html_e( 'Your Profile', 'disciple_tools' )?></span>

                        <button class="float-right" data-open="edit-profile-modal"><i class="fi-pencil"></i> <?php esc_html_e( 'Edit', 'disciple_tools' )?></button>

                        <hr/>

                        <div class="grid-x grid-margin-x grid-padding-x grid-padding-y ">

                            <div class="small-12 medium-4 cell">

                                <p>
                                    <?php
                                    if ( DT_Storage_API::is_enabled() && isset( $dt_user_meta['dt_user_profile_picture'][0] ) ) {
                                        $picture_url = DT_Storage_API::get_file_url( $dt_user_meta['dt_user_profile_picture'][0] ); ?>
                                        <img src="<?php echo esc_attr( $picture_url ); ?>" alt="" width="150px" height="150px" />
                                        <?php
                                    } else {
                                        echo get_avatar( $dt_user->ID, '150', null, false, array( 'scheme' => 'https' ) );
                                    }
                                    ?>
                                </p>

                                <p>
                                    <strong><?php esc_html_e( 'Username', 'disciple_tools' )?></strong><br>
                                    <?php echo esc_html( $dt_user->user_login ); ?>
                                </p>

                                <?php if ( ! empty( $dt_user->first_name ) || ! empty( $dt_user->last_name ) ) : ?>
                                    <p>
                                        <strong><?php esc_html_e( 'Name', 'disciple_tools' )?></strong><br>
                                        <?php echo esc_html( $dt_user->first_name ); ?> <?php echo esc_html( $dt_user->last_name ); ?>
                                    </p>
                                <?php endif; ?>

                                <?php if ( ! empty( $dt_user->display_name ) ) : ?>
                                    <p>
                                        <strong dir="auto"><?php esc_html_e( 'Nickname (Display Name)', 'disciple_tools' )?></strong><br>
                                        <span dir="auto"><?php echo esc_html( $dt_user->display_name ); ?></span>
                                    </p>
                                <?php endif; ?>

                                <p>
                                    <strong><?php esc_html_e( 'Roles', 'disciple_tools' ); ?></strong><br>
                                    <?php echo esc_html( implode( ', ', dt_get_user_role_names( get_current_user_id() ) ) ); ?>
                                </p>

                            </div>
                            <div class="small-12 medium-4 cell" style="border-left: 1px solid lightgrey; padding-left: 1em;">

                                <p><strong><?php esc_html_e( 'Email', 'disciple_tools' )?></strong></p>
                                <ul>
                                    <li>
                                        <a href="mailto:'<?php echo esc_html( $dt_user->user_email ); ?>'"><?php echo esc_html( $dt_user->user_email ); ?></a><br><span class="text-small">(<?php esc_html_e( 'System Email', 'disciple_tools' ); ?>)</span>
                                    </li>
                                    <?php foreach ( $dt_user_fields as $dt_field ) {
                                        if ( $dt_field['type'] == 'email' && !empty( $dt_field['value'] ) ) {
                                            echo '<li><a href="mailto:' . esc_html( $dt_field['value'] ) . '" target="_blank">' . esc_html( $dt_field['value'] ) . '</a> <br><span class="text-small">(' . esc_html( $dt_field['label'] ) . ')</span></li>';
                                        }
                                    }
                                    ?>
                                </ul>

                                <strong><?php esc_html_e( 'Phone', 'disciple_tools' )?></strong>
                                <ul>
                                    <?php
                                    foreach ( $dt_user_fields as $dt_field ) {
                                        if ( $dt_field['type'] == 'phone' && !empty( $dt_field['value'] ) ) {
                                            echo '<li>' . esc_html( $dt_field['value'] ) . ' (' . esc_html( $dt_field['label'] ) . ')</li>';
                                        }
                                    }
                                    ?>
                                </ul>

                                <strong><?php esc_html_e( 'Address', 'disciple_tools' )?></strong>
                                <ul>
                                    <?php
                                    foreach ( $dt_user_fields as $dt_field ) {
                                        if ( $dt_field['type'] == 'address' && !empty( $dt_field['value'] ) ) {
                                            echo '<li>' . esc_html( $dt_field['value'] ) . ' (' . esc_html( $dt_field['label'] ) . ')</li>';
                                        }
                                    }
                                    ?>
                                </ul>

                                <strong><?php esc_html_e( 'Social', 'disciple_tools' )?></strong>
                                <ul>
                                    <?php
                                    foreach ( $dt_user_fields as $dt_field ) {
                                        if ( $dt_field['type'] == 'social' && !empty( $dt_field['value'] ) ) {
                                            echo '<li>' . esc_html( $dt_field['value'] ) . ' (' . esc_html( $dt_field['label'] ) . ')</li>';
                                        }
                                    }
                                    ?>
                                </ul>

                                <strong><?php esc_html_e( 'Other', 'disciple_tools' )?></strong>
                                <ul>
                                    <?php
                                    foreach ( $dt_user_fields as $dt_field ) {
                                        if ( $dt_field['type'] == 'other' && !empty( $dt_field['value'] ) ) {
                                            echo '<li>' . esc_html( $dt_field['value'] ) . ' (' . esc_html( $dt_field['label'] ) . ')</li>';
                                        }
                                    }
                                    ?>
                                </ul>

                            </div>
                            <div class="small-12 medium-4 cell" style="border-left: 1px solid lightgrey; padding-left: 1em;">

                                <strong><?php esc_html_e( 'Language', 'disciple_tools' )?></strong>
                                <p>
                                <?php
                                if ( !empty( $dt_user_locale ) && $dt_user_locale !== 'en_US' && isset( $translations[$dt_user_locale] ) ){
                                    echo esc_html( $translations[$dt_user_locale]['native_name'] );
                                } else {
                                    echo esc_html__( 'English', 'disciple_tools' );
                                }
                                ?></p>

                                <strong><?php esc_html_e( 'Biography', 'disciple_tools' )?></strong>
                                <p><?php echo esc_html( $dt_user->user_description ); ?></p>

                                <?php $field_key = 'gender';
                                $user_field = get_user_option( 'user_gender', get_current_user_id() );
                                ?>

                                <!-- gender -->
                                <strong style="display: inline-block"><?php echo esc_html( $contact_fields[$field_key]['name'] ) ?></strong>
                                <p><?php echo esc_html( isset( $contact_fields[$field_key]['default'][$user_field]['label'] ) ? $contact_fields[$field_key]['default'][$user_field]['label'] : $user_field ); ?></p>
                            </div>
                        </div>

                    </div> <!-- End Profile -->
                </div>

                <?php if ( ! empty( $apps_list ) ) : ?>
                <!-- Begin Apps-->
                <div class="small-12 cell">

                    <div class="bordered-box cell" id="apps" data-magellan-target="apps">
                        <span class="section-header"><?php esc_html_e( 'Your Apps', 'disciple_tools' )?></span>
                        <hr/>
                        <table class="form-table">
                            <thead>
                            <tr>
                                <td><?php esc_html_e( 'App Name', 'disciple_tools' )?></td>
                                <td><?php esc_html_e( 'App Description', 'disciple_tools' )?></td>
                                <td><?php esc_html_e( 'App Link', 'disciple_tools' )?></td>
                                <td><?php esc_html_e( 'App Activation', 'disciple_tools' )?></td>
                            </tr>
                            </thead>
                            <tbody>
                            <?php

                            if ( empty( $apps_list ) ) {
                                ?>
                                <tr>
                                    <td colspan="4">
                                        <?php echo esc_html__( 'No apps installed', 'disciple_tools' ); ?>
                                    </td>
                                </tr>
                                <?php
                            } else {
                                foreach ( $apps_list as $app_key => $app_value ) :
                                    $display = $app_value['settings_display'] ?? true;
                                    if ( $display === true ) {
                                        $app_user_key = get_user_option( $app_key );
                                        $app_url_base = trailingslashit( trailingslashit( site_url() ) . $app_value['url_base'] );
                                        $app_link = false;
                                        if ( $app_user_key ) {
                                            $app_link = $app_url_base . $app_user_key;
                                        }
                                        ?>
                                        <tr>
                                            <td class="tall-3"><?php echo esc_html( $app_value['label'] )?></td>
                                            <td class="tall-3"><?php echo esc_html( $app_value['description'] )?></td>
                                            <td class="tall-3" id="app_link_<?php echo esc_attr( $app_key )?>" data-url-base="<?php echo esc_url( $app_url_base ) ?>">
                                                <a class="app-link button small"
                                                   href="<?php echo esc_url( $app_link ) ?>"
                                                   title="<?php esc_html_e( 'link', 'disciple_tools' ) ?>"
                                                   style="<?php echo esc_html( $app_link ? '' : 'display:none' ); ?>">
                                                  <i class="fi-link"></i>
                                                </a>
                                                <button class="app-copy dt-tooltip button small copy_to_clipboard"
                                                        data-value="<?php echo esc_url( $app_link ) ?>"
                                                        style="<?php echo esc_html( $app_link ? '' : 'display:none' ); ?>">
                                                  <span class="tooltiptext"><?php esc_html_e( 'Copy', 'disciple_tools' ); ?></span>
                                                  <i class="fi-page-copy"></i>
                                                </button>
                                            </td>
                                            <td class="tall-3">
                                                <dt-toggle
                                                    id="<?php echo esc_attr( 'app_state_' . $app_key ); ?>"
                                                    name="<?php echo esc_attr( 'app_state_' . $app_key ); ?>"
                                                    class="settings-app-toggle"
                                                    data-app-key="<?php echo esc_attr( $app_key ); ?>"
                                                    label="<?php echo esc_attr( __( 'Enable', 'disciple_tools' ) ); ?>"
                                                    <?php echo isset( $dt_user_meta[ $wpdb->prefix . $app_key ] ) ? 'checked' : ''; ?>
                                                ></dt-toggle>
                                            </td>
                                        </tr>
                                        <?php
                                    }
                                endforeach;
                            }
                            ?>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- End Apps -->
                <?php endif; ?>


                <!-- Multiplier Interests -->
                <div class="small-12 cell bordered-box " id="multiplier" data-magellan-target="multiplier">
                    <span class="section-header" style="display: inline-block"><?php esc_html_e( 'Multiplier Preferences', 'disciple_tools' )?></span>
                    <hr>
                    <div class="grid-x grid-margin-x grid-padding-x grid-padding-y ">

                        <div class="small-12 medium-6 cell">

                            <!-- Locations -->
                            <?php if ( DT_Mapbox_API::get_key() ) : /* If Mapbox is enabled. */?>
                                <?php DT_Components::render_location_meta( 'location_grid_meta', $multiplier_fields, $multiplier_values ) ?>
                            <?php else : ?>
                                <?php DT_Components::render_location( 'location_grid', $multiplier_fields, $multiplier_values ) ?>
                            <?php endif; ?>

                            <!-- Languages -->
                            <?php DT_Components::render_multi_select( 'languages', $multiplier_fields, $multiplier_values, [
                                'class' => 'settings-user-languages-multiselect',
                                'field_id_prefix' => 'settings-user-',
                                'icon_alt_text' => __( 'Languages', 'disciple_tools' ),
                            ]) ?>

                            <!-- People Groups -->
                            <?php if ( isset( $contact_fields['people_groups']['name'] ) ) : ?>
                                <?php DT_Components::render_connection( 'people_groups', $multiplier_fields, $multiplier_values, [
                                    'class' => 'settings-people-groups-connection',
                                    'field_id_prefix' => 'settings-',
                                    'icon_alt_text' => __( 'People groups', 'disciple_tools' ),
                                    'allow_add' => false,
                                ]) ?>

                            <?php endif; ?>
                        </div>

                        <div class="small-12 medium-6 cell" style="border-left: 1px solid lightgrey; padding-left: 1em;">
                            <!-- Workload -->
                            <div class="section-subheader cell">
                                <?php esc_html_e( 'Availability to receive contacts from the Dispatcher', 'disciple_tools' ) ?>
                                <span id="workload-spinner" style="display: inline-block" class="loading-spinner"></span>
                            </div>

                            <?php $options = Disciple_Tools_Users::get_users_fields()['workload_status']['options'] ?? [];
                            foreach ( $options as $option_key => $option_val ) :
                                $icon = $option_key === 'active' ? 'play' : ( $option_key === 'existing' ? 'pause' : 'stop' ); ?>
                                <button style="display: block" class="button hollow status-button" name="<?php echo esc_html( $option_key ) ?>">
                                    <i class="fi-<?php echo esc_html( $icon ) ?>"></i> <?php echo esc_html( $option_val['label'] )?>
                                </button>
                            <?php endforeach; ?>
                        </div>
                    </div>
                </div>

                <!-- Begin Availability-->
                <div class="small-12 cell">

                    <div class="bordered-box cell" id="availability" data-magellan-target="availability">
                        <span class="section-header"><?php esc_html_e( 'Availability', 'disciple_tools' )?></span>
                        <hr/>

                        <p><?php esc_html_e( 'Set the dates you will be traveling or unavailable so the Dispatcher will know your availability to receive new contacts', 'disciple_tools' ) ?></p>

                        <p>
                            <strong>
                                <?php esc_html_e( 'Schedule Travel or Dates Unavailable', 'disciple_tools' ) ?>
                            </strong>
                        </p>
                        <div style="display: flex; justify-content: flex-start; align-items: center">
                            <div style="flex-shrink: 1">
                                <div class="section-subheader cell">
                                    <?php esc_html_e( 'Start Date', 'disciple_tools' )?>
                                </div>
                                <div class="start_date"><input type="text" class="date-picker" id="start_date" autocomplete="off"></div>
                            </div>
                            <div style="margin: 0 20px">
                                <div class="section-subheader cell">
                                    <?php esc_html_e( 'End Date', 'disciple_tools' )?>
                                </div>
                                <div class="end_date"><input type="text" class="date-picker" id="end_date" autocomplete="off"></div>
                            </div>
                            <div style="display: flex;">
                                <button id="add_unavailable_dates" class="button" disabled style="margin: 0;"><?php esc_html_e( 'Add Unavailable dates', 'disciple_tools' ) ?></button>
                                <div id="add_unavailable_dates_spinner" style="display: inline-block" class="loading-spinner"></div>
                            </div>
                        </div>
                        <div >
                            <table class="hover stack-for-small striped">
                                <thead>
                                <tr>
                                    <th><?php esc_html_e( 'Start Date', 'disciple_tools' ) ?></th>
                                    <th><?php esc_html_e( 'End Date', 'disciple_tools' ) ?></th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody id="unavailable-list">
                                <tr><td><?php esc_html_e( 'No Travel Scheduled', 'disciple_tools' ) ?></td></tr>
                                </tbody>

                            </table>
                        </div>
                    </div>
                </div>
                <!-- End Availability -->


                <!-- Begin Notification-->
                <div class="small-12 cell">
                    <div class="bordered-box cell" id="notifications" data-magellan-target="notifications">
                        <button class="help-button float-right" data-section="notifications-help-text">
                            <img class="help-icon" src="<?php echo esc_html( get_template_directory_uri() . '/dt-assets/images/help.svg' ) ?>"/>
                        </button>
                        <span class="section-header"><?php esc_html_e( 'Notifications', 'disciple_tools' )?></span>
                        <hr/>

                        <p>
                            <strong><?php esc_html_e( 'Contact Info', 'disciple_tools' ) ?></strong>
                        </p>
                        <div>
                            <ul>
                                <li><?php echo esc_html( sprintf( _x( 'Email notifications will be sent to: %s', 'Email will be sent to: [email]', 'disciple_tools' ), $dt_user->user_email ?? esc_html( '[email]', 'disciple_tools' ) ) ); ?></li>
                            </ul>
                            <?php
                            foreach ( apply_filters( 'dt_communication_channel_notification_endpoints_text', [], $dt_user->ID ) ?? [] as $endpoint_text ) {
                                if ( !empty( $endpoint_text ) ) {
                                    ?>
                                    <ul>
                                        <li><?php echo esc_html( $endpoint_text ); ?>&nbsp;&nbsp;<button data-open="edit-profile-modal"><i class="fi-pencil"></i></button></li>
                                    </ul>
                                    <?php
                                }
                            }
                            ?>
                        </div>

                        <?php $email_preference = isset( $dt_user_meta['email_preference'] ) ? $dt_user_meta['email_preference'][0] : null ?>
                        <p>
                            <strong><?php esc_html_e( 'Email preferences', 'disciple_tools' ) ?></strong>
                            <span id="email-preference-spinner" class="loading-spinner"></span>
                        </p>
                        <div>
                            <label for="real-time-preference">
                                <input id="real-time-preference" type="radio" name="email-preference" <?php echo !$email_preference || $email_preference === 'real-time' ? 'checked' : '' ?>>
                                <?php esc_html_e( 'Real time', 'disciple_tools' ) ?>
                            </label>
                            <label for="hourly-preference">
                                <input id="hourly-preference" type="radio" name="email-preference" <?php echo $email_preference && $email_preference === 'hourly' ? 'checked' : '' ?>>
                                <?php esc_html_e( 'Hourly Digest', 'disciple_tools' ) ?>
                            </label>
                            <label for="daily-preference">
                                <input id="daily-preference" type="radio" name="email-preference" <?php echo $email_preference && $email_preference === 'daily' ? 'checked' : '' ?>>
                                <?php esc_html_e( 'Daily Digest', 'disciple_tools' ) ?>
                            </label>
                        </div>

                        <table class="form-table">
                            <thead>
                            <tr>
                                <td><?php esc_html_e( 'Type of Notification', 'disciple_tools' )?></td>
                                <?php foreach ( $dt_site_notification_defaults['channels'] as $channel_key => $channel_value ) : ?>
                                    <td><?php echo esc_html( $channel_value['label'] )?></td>
                                <?php endforeach; ?>
                            </tr>
                            </thead>
                            <tbody>
                            <?php foreach ( $dt_site_notification_defaults['types'] as $dt_notification_key => $dt_notification_default ) : ?>
                                <tr>
                                    <td class="tall-4"><?php echo esc_html( $dt_notification_default['label'] )?></td>
                                    <?php foreach ( $dt_site_notification_defaults['channels'] as $channel_key => $channel_value ) : ?>
                                        <td>
                                            <?php if ( $dt_notification_default[$channel_key] ) : ?>
                                                <div style="height:2em;"><?php esc_html_e( 'required', 'disciple_tools' ) ?></div>
                                            <?php else :
                                                $channel_notification_key = $dt_notification_key . '_' . $channel_key;
                                                $checked = dt_user_notification_is_enabled( $dt_notification_key, $channel_key, $dt_user_meta, $dt_user->ID );
                                                $toggle_notice_label = sprintf(
                                                    /* translators: 1: notification type, 2: channel (e.g. email) */
                                                    __( '%1$s — %2$s', 'disciple_tools' ),
                                                    $dt_notification_default['label'],
                                                    $channel_value['label']
                                                );
                                                ?>
                                                <dt-toggle
                                                    id="<?php echo esc_attr( $channel_notification_key ); ?>"
                                                    name="<?php echo esc_attr( $channel_notification_key ); ?>"
                                                    class="settings-notification-toggle"
                                                    data-preference-key="<?php echo esc_attr( $channel_notification_key ); ?>"
                                                    data-preference-type="notifications"
                                                    label="<?php echo esc_attr( $toggle_notice_label ); ?>"
                                                    <?php checked( $checked ); ?>
                                                ></dt-toggle>
                                            <?php endif; ?>
                                        </td>
                                    <?php endforeach; ?>
                                </tr>
                            <?php endforeach; ?>
                            </tbody>
                        </table>

                        <?php if ( current_user_can( 'dt_all_access_contacts' ) ): ?>
                            <p>
                                <strong><?php esc_html_e( 'Follow all contacts', 'disciple_tools' )?></strong>
                            </p>
                            <p><?php esc_html_e( 'You will receive a notification for any update that happens in the system.', 'disciple_tools' ) ?></p>
                            <dt-toggle
                                id="follow_all"
                                name="follow_all"
                                class="settings-notification-toggle settings-follow-all-toggle"
                                data-preference-key="dt_follow_all"
                                label="<?php esc_attr_e( 'Follow all contacts', 'disciple_tools' ); ?>"
                                <?php echo ( isset( $dt_user_meta['dt_follow_all'] ) && $dt_user_meta['dt_follow_all'][0] == true ) ? 'checked' : ''; ?>
                            ></dt-toggle>
                        <?php endif; ?>
                    </div>
                </div>
                <!-- End Notifications -->

                <?php
                /**
                 * Action hook to add additional tiles to the bottom of the personal settings page
                 *
                 * Wrap your section of code in <div class="cell bordered-box" id="your_id" data-magellan-target="your_id"></div>
                 *
                 * In addition to this section, you can add a navigation link above on with the dt_profile_settings_page_menu at the top of this page
                 *
                 * @param $dt_user WP_User object
                 * @param $dt_user_meta array Full array of user meta data
                 * @param $dt_user_contact_id bool/int returns either id for contact connected to user or false
                 * @param $contact_fields array Array of fields on the contact record
                 */
                do_action( 'dt_profile_settings_page_sections', $dt_user, $dt_user_meta, $dt_user_contact_id, $contact_fields )
                ?>

                <div class="reveal" id="edit-profile-modal" data-reveal>
                    <button class="close-button" data-close aria-label="<?php esc_html_e( 'Close', 'disciple_tools' ); ?>" type="button">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h2><?php esc_html_e( 'Edit', 'disciple_tools' )?></h2>

                    <div class="row column medium-12">

                        <form method="post" enctype="multipart/form-data">

                            <?php wp_nonce_field( 'user_' . $dt_user->ID . '_update', 'user_update_nonce', false, true ); ?>

                            <table class="table">
                                <tr>
                                    <td>
                                        <?php
                                        if ( DT_Storage_API::is_enabled() && isset( $dt_user_meta['dt_user_profile_picture'][0] ) ){
                                            $picture_url = DT_Storage_API::get_thumbnail_url( $dt_user_meta['dt_user_profile_picture'][0] );
                                            $picture_full_url = DT_Storage_API::get_file_url( $dt_user_meta['dt_user_profile_picture'][0] );
                                            ?><img src="<?php echo esc_attr( $picture_url ); ?>" data-full_url="<?php echo esc_attr( $picture_full_url ); ?>" onerror="this.onerror=null;this.src=this.dataset.full_url;" alt="" width="100px"/><?php
                                        } else {
                                            echo get_avatar( $dt_user->ID, '32', null, false, array( 'scheme' => 'https' ) );
                                        }
                                        ?>
                                    </td>
                                    <td>
                                        <?php
                                        if ( !DT_Storage_API::is_enabled() ) {
                                            ?>
                                            <span data-tooltip data-click-open="true" class="top" tabindex="1"
                                                      title="<?php esc_html_e( 'Disciple Tools System does not store images. For profile images we use Gravatar (Globally Recognized Avatar). If you have security concerns, we suggest not using a personal photo, but instead choose a cartoon, abstract, or alias photo to represent you.', 'disciple_tools' ) ?>">
                                                <a href="http://gravatar.com" class="small"><?php esc_html_e( 'edit image on gravatar.com', 'disciple_tools' ) ?> <i class="fi-link"></i></a>
                                            </span>
                                            <?php
                                        } else {
                                            ?>
                                            <span data-tooltip data-click-open="true" class="top" tabindex="1"
                                                  title="<?php esc_html_e( 'Disciple Tools System does not store images. All media assets will be placed within specified media connection storage service. If you have security concerns, we suggest not using a personal photo, but instead choose a cartoon, abstract, or alias photo to represent you.', 'disciple_tools' ) ?>">
                                                <br><?php esc_html_e( 'Upload new profile image', 'disciple_tools' ) ?><br>
                                                <input id="user_profile_pic" name="user_profile_pic" type="file" accept=".gif,.jpg,.jpeg,.png" />
                                            </span>
                                            <?php
                                        }
                                        ?>
                                    </td>
                                </tr>
                                <tr>
                                    <td><?php esc_html_e( 'Username', 'disciple_tools' )?> </td>
                                    <td><span data-tooltip data-click-open="true" class="top" tabindex="2" title="<?php esc_html_e( 'Username cannot be changed', 'disciple_tools' ) ?>"><?php echo esc_html( $dt_user->user_login ); ?> <i class="fi-info primary-color" onclick="jQuery('#username-message').toggle()"></i></span>
                                        <span id="username-message" style="display: none; font-size: .7em;"><br><?php esc_html_e( 'Username cannot be changed', 'disciple_tools' ) ?></span>
                                    </td>
                                </tr>
                                <tr>
                                    <td><?php esc_html_e( 'System Email', 'disciple_tools' )?></td>
                                    <td><span data-tooltip data-click-open="true" class="top" tabindex="3" title="<?php esc_html_e( 'User email can be changed by site administrator.', 'disciple_tools' ) ?>">
                                        <input type="text" class="profile-input" id="user_email"
                                            name="user_email"
                                            value="<?php echo esc_html( $dt_user->user_email ); ?>"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td><?php esc_html_e( 'Password', 'disciple_tools' )?></td>
                                    <td><span data-tooltip data-click-open="true" class="top" tabindex="1" title="<?php esc_html_e( 'Use this email reset form to create a new password.', 'disciple_tools' ) ?>">
                                            <a href="<?php echo esc_url( wp_logout_url( '/wp-login.php?action=lostpassword' ) ); ?>" target="_blank" rel="nofollow noopener">
                                                <?php esc_html_e( 'go to password change form', 'disciple_tools' ) ?> <i class="fi-link"></i>
                                            </a>
                                        </span>
                                    </td>
                                </tr>

                                <tr>
                                    <td><label for="first_name"><?php esc_html_e( 'First Name', 'disciple_tools' )?></label></td>
                                    <td><input type="text" class="profile-input" id="first_name"
                                               name="first_name"
                                               value="<?php echo esc_html( $dt_user->first_name ); ?>"/></td>
                                </tr>
                                <tr>
                                    <td><label for="last_name"><?php esc_html_e( 'Last Name', 'disciple_tools' )?></label></td>
                                    <td><input type="text" class="profile-input" id="last_name" name="last_name"
                                               value="<?php echo esc_html( $dt_user->last_name ); ?>"/></td>
                                </tr>
                                <tr>
                                    <td><label for="nickname"><span dir="auto"><?php esc_html_e( 'Nickname (Display Name)', 'disciple_tools' )?></span></label></td>
                                    <td><input type="text" class="profile-input" id="nickname" name="nickname" dir="auto"
                                               value=" <?php echo esc_html( $dt_user->display_name ); ?>"/></td>
                                </tr>

                                <?php // site defined fields
                                foreach ( $dt_user_fields as $dt_field ) {
                                    ?>
                                    <tr>
                                        <td>
                                            <label for="<?php echo esc_attr( $dt_field['key'] ) ?>"><?php echo esc_html( $dt_field['label'] ) ?></label>
                                        </td>
                                        <td><input type="text"
                                                   class="profile-input"
                                                   id="<?php echo esc_attr( $dt_field['key'] ) ?>"
                                                   name="<?php echo esc_attr( $dt_field['key'] ) ?>"
                                                   value="<?php echo esc_html( $dt_field['value'] ) ?>"/>
                                        </td>
                                    </tr>
                                    <?php
                                } // end foreach
                                ?>

                                <tr>
                                    <td><label for="description"><?php esc_html_e( 'Biography', 'disciple_tools' )?></label></td>
                                    <td><textarea type="text" class="profile-input" id="description"
                                                  name="description"
                                                  rows="5"><?php echo esc_html( $dt_user->description ); ?></textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td><label for="gender">
                                        <?php esc_html_e( 'Gender', 'disciple_tools' ) ?>
                                    </label></td>
                                    <td>
                                        <select class="select-field" id="<?php echo esc_html( $field_key ); ?>" style="width:auto; display: block">
                                            <?php foreach ( $contact_fields[$field_key]['default'] as $option_key => $option_value ):
                                                $selected = $user_field === $option_key; ?>
                                                <option value="<?php echo esc_html( $option_key )?>" <?php echo esc_html( $selected ? 'selected' : '' )?>>
                                                <?php echo esc_html( $option_value['label'] ) ?>
                                        </option>
                                    <?php endforeach; ?>
                                </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td><label for="systemLanguage"><?php esc_html_e( 'System Language', 'disciple_tools' )?></label></td>
                                    <td dir="auto">
                                        <?php
                                        dt_language_select()
                                        ?>
                                        <br>
                                        <a href="https://disciple.tools/translation/"
                                           target="_blank"><?php esc_html_e( 'Translate Disciple.Tools into your language or help make a translation better.', 'disciple_tools' ) ?></a>
                                    </td>
                                </tr>

                            </table>

                            <div class="alert alert-box" style="display:none;" id="alert">
                                <strong><?php echo esc_html( 'Oh snap!' ) ?></strong>
                            </div>

                            <button class="button" type="submit"><?php esc_html_e( 'Save', 'disciple_tools' )?></button>

                        </form>
                    </div>

                </div>
            </div>
        </div>
    </div> <!-- end #inner-content -->
</div> <!-- end #content -->

<?php get_footer(); ?>