<!-- Permissions Settings -->

<?php

global $wp_roles;
$roles = $this -> get_option('wproles');
$permissions = $this -> get_option('permissions');

?>

<?php if (current_user_can('edit_users') || is_super_admin()) : ?>
    <table class="form-table">
        <tbody>
        <tr>
            <th><label for=""><?php _e('Send to Roles Permissions', 'wp-mailinglist'); ?></label>
                <?php echo $Html -> help(sprintf(__('Choose which user roles are able to see the roles checkboxes list under %s > Create Newsletter to send to users.', 'wp-mailinglist'), $this -> name)); ?></th>
            <td class="newsletters-custom-vertical-list">
                <label class="newsletters-custom-checkbox" style="font-weight:bold;">
                    <input type="checkbox" name="" value="" id="" />
                    <span class="check-icon"></span>
                    <?php _e('Select all', 'wp-mailinglist'); ?>
                </label>
                <?php foreach ($wp_roles -> role_names as $role_key => $role_name) : ?>
                    <label class="newsletters-custom-checkbox">
                        <input <?php echo (!empty($permissions['newsletters_admin_send_sendtoroles']) && in_array($role_key, $permissions['newsletters_admin_send_sendtoroles'])) ? 'checked="checked"' : ''; ?> type="checkbox" name="permissions[newsletters_admin_send_sendtoroles][]" value="<?php echo $role_key; ?>" id="permissions_<?php echo isset($block) ? $block : ''; ?>_<?php echo $role_key; ?>" />
                        <span class="check-icon"></span>
                        <?php echo __($role_name); ?>
                    </label>
                <?php endforeach; ?>
            </td>
        </tr>
        </tbody>
    </table>

    <h2><?php _e('Global Plugin Permissions', 'wp-mailinglist'); ?></h2>

    <div class="scroll-list" style="max-height:400px;">
        <table class="form-table">
            <thead>
            <tr>
                <th></th>
                <?php foreach ($wp_roles -> role_names as $role_key => $role_name) : ?>
                    <th style="font-weight:bold; text-align:center; white-space:nowrap;">
                        <label class="newsletters-custom-checkbox">
    						    <?php if ($role_key != "administrator") : ?>
                                    <div >
                                        <input
                                            type="checkbox"
                                            name="sectionsrolescheckall<?php echo esc_js($role_key); ?>"
                                            value="1"
                                            id="sectionsrolescheckall<?php echo esc_js($role_key); ?>"
                                            onclick="newslettersCheckAll(this, '<?php echo esc_js($role_key); ?>');"
                                        />
                                        <span class="check-icon"></span>
                                    </div>
                                <?php endif; ?>
                                <?php echo esc_attr(wp_unslash(translate_user_role( $role_name ))); ?>
                            </label>
                        </th>
                    </th>
                <?php endforeach; ?>
            </tr>
            </thead>
            <tbody>
            <?php foreach ($this -> sections as $section_key => $section_menu) : ?>
                <tr class="<?php echo $class = (empty($class)) ? 'arow' : ''; ?>">
                    <th style="white-space:nowrap; text-align:right;"><?php echo $Html -> section_name($section_key); ?></th>
                    <?php foreach ($wp_roles -> role_names as $role_key => $role_name) : ?>
                        <td style="text-align:center;">
                            <label class="newsletters-custom-checkbox">
                                  <input 
                                    <?php echo ($role_key == "administrator" || (!empty($permissions[$section_key]) && in_array($role_key, $permissions[$section_key]))) ? 'checked="checked"' : ''; ?>
                                    type="checkbox" name="permissions[<?php echo $section_key; ?>][]"
                                    class="newsletters-permission-<?php echo esc_attr($role_key); ?>"
                                    value="<?php echo esc_attr(wp_unslash($role_key)); ?>"
                                    onchange="newslettersUpdateCheckAllState('<?php echo esc_js($role_key); ?>');"
                                    id="<?php echo esc_attr($section_key); ?>_<?php echo $role_key; ?>"
                                />
                                <span class="check-icon"></span>
                            </label>
                        </td>
                    <?php endforeach; ?>
                </tr>
            <?php endforeach; ?>
            </tbody>
        </table>
    </div>
    <script type="text/javascript">
		jQuery(document).ready(function($) {
			// Function to update the "Check All" checkbox state based on individual checkboxes
			window.newslettersUpdateCheckAllState = function(roleKey) {
				if (roleKey === 'administrator') {
					return; // Skip administrator
				}
				
				var checkboxes = $('.newsletters-permission-' + roleKey + ':not([disabled])');
				var checkedBoxes = $('.newsletters-permission-' + roleKey + ':checked:not([disabled])');
				var checkAllBox = $('#sectionsrolescheckall' + roleKey);
				
				if (checkboxes.length > 0 && checkedBoxes.length === checkboxes.length) {
					checkAllBox.prop('checked', true);
				} else {
					checkAllBox.prop('checked', false);
				}
			};
			
			// Initialize "Check All" states on page load
			<?php foreach ($wp_roles -> role_names as $role_key => $role_name) : ?>
				<?php if ($role_key !== 'administrator') : ?>
					newslettersUpdateCheckAllState('<?php echo esc_js($role_key); ?>');
				<?php endif; ?>
			<?php endforeach; ?>
		});
	</script>
<?php endif; ?>