<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}
$multicollab_disabled_class = 'multicollab_disabled_input';
?>
<form class="cf-settings-panel__repeater-body" method="post" id="multicollab_settings">
	<div id="cf-notice">
		<div class="cf-success notices notice-success" style="display: none">
			<p><?php esc_html_e( 'Settings saved!', 'commenting-feature' ); ?></p>
		</div>
	</div>
	<div class="cf-settings-row">
		<div class="cf-settings-th" >
			<label for="multicollab_hide_editorial_column">
				<span class="cf-multicollab-optionlabel">
					<?php printf( '%s <b>%s</b> %s', esc_html__( 'Show', 'commenting-feature' ), esc_html__( 'Comments Column', 'commenting-feature' ), esc_html__( 'in Post List', 'commenting-feature' ) ); ?>
					<span class="md-plugin-tooltip">
						<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z"></path></svg>
							<div class="cf-suggestion-tooltip-box">
								<a href="#." class="cf-tooltip-close"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path id="Icon_material-close" data-name="Icon material-close" d="M27.5,9.514,25.486,7.5,17.5,15.486,9.514,7.5,7.5,9.514,15.486,17.5,7.5,25.486,9.514,27.5,17.5,19.514,25.486,27.5,27.5,25.486,19.514,17.5Z" transform="translate(-7.5 -7.5)" fill="#000"></path></svg></a>
								<div style="display:flex;align-items:flex-start;"><img src="<?php echo esc_url( COMMENTING_BLOCK_URL . 'admin/assets/images/multicollab.png' ); ?>"> </div> 
							</div>
					</span>
				</span>
			</label>
			<p class="cf-setting-desc"><?php esc_html_e( 'Display the Multicollab comments column in the post/page list to quickly view comment activity at a glance.', 'commenting-feature' ); ?></p>
		</div>
		<div class="cf-settings-td">
			<label class="cf-settings-td-toggle">
				<input type="checkbox" name="multicollab_hide_editorial_column" class="cf-checkbox" id="multicollab_hide_editorial_column" <?php checked( $multicollab_hide_editorial_column, '0' ); ?> value="0" class="regular-text"/>
				<span class="cf-settings-td-slider"><svg width="3" height="8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 6" class="toggle_on" role="img" aria-hidden="true" focusable="false"><path d="M0 0h2v6H0z"></path></svg><svg width="8" height="8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 6" class="toggle_off" role="img" aria-hidden="true" focusable="false"><path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path></svg></span>
			</label>
		</div>
	</div>
	<div class="cf-settings-row">
		<div class="cf-settings-th">
			<label for="multicollab_hide_floating_icons">
				<span class="cf-suggestion-option label">
				<?php printf( '%s <b>%s</b>', esc_html__( 'Show', 'commenting-feature' ), esc_html__( 'Floating Comment Buttons', 'commenting-feature' ) ); ?>
					<span class="md-plugin-tooltip">
						<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z"></path></svg>
							<div class="cf-suggestion-tooltip-box">
								<a href="#." class="cf-tooltip-close"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path id="Icon_material-close" data-name="Icon material-close" d="M27.5,9.514,25.486,7.5,17.5,15.486,9.514,7.5,7.5,9.514,15.486,17.5,7.5,25.486,9.514,27.5,17.5,19.514,25.486,27.5,27.5,25.486,19.514,17.5Z" transform="translate(-7.5 -7.5)" fill="#000"></path></svg></a>
								<div style="display:flex;align-items:flex-start;"><img src="<?php echo esc_url( COMMENTING_BLOCK_URL . 'admin/assets/images/floating-option.jpeg' ); ?>"> </div> 
							</div>
					</span>
				</span> 
			</label> 
			<p class="cf-setting-desc"><?php esc_html_e( 'Displays floating buttons in the editor for adding comments directly on the content. These buttons appear when you select text in the editor.', 'commenting-feature' ); ?></p class="cf-settings-decs"> 
		</div>
		<div class="cf-settings-td">
			<label class="cf-settings-td-toggle">
				<input type="checkbox" name="multicollab_hide_floating_icons" class="cf-checkbox" id="multicollab_hide_floating_icons" <?php checked( $multicollab_hide_floating_icons, '0' ); ?> value="0" class="regular-text"/>
				<span class="cf-settings-td-slider"><svg width="3" height="8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 6" class="toggle_on" role="img" aria-hidden="true" focusable="false"><path d="M0 0h2v6H0z"></path></svg><svg width="8" height="8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 6" class="toggle_off" role="img" aria-hidden="true" focusable="false"><path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path></svg></span>
			</label>
		</div>
	</div>
	<div class="cf-submit-button-settings"><?php submit_button( __( 'Save', 'commenting-feature' ) ); ?></div>
</form>
