<section class="supsystic-bar">
	<ul class="supsystic-bar-controls">
		<li title="<?php _e('Save all options'); ?>">
			<button class="button button-primary" id="ptsSettingsSaveBtn" data-toolbar-button>
				<i class="fa fa-fw fa-save"></i>
				<?php _e('Save', PTS_LANG_CODE); ?>
			</button>
		</li>
	</ul>
	<div style="clear: both;"></div>
	<hr />
</section>
<section>
	<form id="ptsSettingsForm" class="ptsInputsWithDescrForm">
		<div class="supsystic-item supsystic-panel">
			<div id="containerWrapper">
				<table class="form-table">
					<?php foreach ($this->options as $optCatKey => $optCatData) { ?>
						<?php if (isset($optCatData['opts']) && !empty($optCatData['opts'])) { ?>
							<?php foreach ($optCatData['opts'] as $optKey => $opt) { ?>
								<?php
        $htmlType = isset($opt['html']) ? $opt['html'] : false;
        if (empty($htmlType)) {
          continue;
        }
        $htmlOpts = ['value' => $opt['value'], 'attrs' => 'data-optkey="' . $optKey . '"'];
        if (in_array($htmlType, ['selectbox', 'selectlist']) && isset($opt['options'])) {
          if (is_callable($opt['options'])) {
            $htmlOpts['options'] = call_user_func($opt['options']);
          } elseif (is_array($opt['options'])) {
            $htmlOpts['options'] = $opt['options'];
          }
        }
        if (isset($opt['pro']) && !empty($opt['pro'])) {
          $htmlOpts['attrs'] .= ' class="ptsProOpt"';
        }
        ?>
								<tr>
									<th scope="row" class="col-w-30perc">
										<?php echo $opt['label']; ?>
										<?php if (!empty($opt['changed_on'])) { ?>
											<br />
											<span class="description">
												<?php $opt['value'] ? printf(__('Turned On %s', PTS_LANG_CODE), datePts::_($opt['changed_on'])) : printf(__('Turned Off %s', PTS_LANG_CODE), datePts::_($opt['changed_on'])); ?>
											</span>
										<?php } ?>
										<?php if (isset($opt['pro']) && !empty($opt['pro'])) { ?>
											<span class="ptsProOptMiniLabel">
												<a href="<?php echo $opt['pro']; ?>" target="_blank">
													<?php _e('PRO option', PTS_LANG_CODE); ?>
												</a>
											</span>
										<?php } ?>
									</th>
									<td class="col-w-1perc">
										<i class="fa fa-question supsystic-tooltip" title="<?php echo $opt['desc']; ?>"></i>
									</td>
									<td class="col-w-1perc">
										<?php echo htmlPts::$htmlType('opt_values[' . $optKey . ']', $htmlOpts); ?>
									</td>
									<td class="col-w-60perc">
										<div id="ptsFormOptDetails_<?php echo $optKey; ?>" class="ptsOptDetailsShell">
										<?php switch ($optKey) {
          } ?>
										<?php if (isset($opt['add_sub_opts']) && !empty($opt['add_sub_opts'])) {
            if (is_string($opt['add_sub_opts'])) {
              echo $opt['add_sub_opts'];
            } elseif (is_callable($opt['add_sub_opts'])) {
              echo call_user_func_array($opt['add_sub_opts'], [$this->options]);
            }
          } ?>
										</div>
									</td>
								</tr>
							<?php } ?>
						<?php } ?>
					<?php } ?>
				</table>
				<div style="clear: both;"></div>
			</div>
		</div>
		<?php echo htmlPts::hidden('mod', ['value' => 'options']); ?>
		<?php echo htmlPts::hidden('action', ['value' => 'saveGroup']); ?>
      <?php wp_nonce_field('pts_nonce', 'pts_nonce'); ?>
	</form>
</section>
