<?php
    /**
 * @package Helix3 Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright (c) 2010 - 2026 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */

    //no direct accees
    defined('_JEXEC') or die('resticted aceess');

    use Joomla\CMS\Filesystem\Folder;
    if (version_compare(JVERSION, '5.0', '>=')) {
    if (! class_exists('Joomla\\CMS\\Filesystem\\Folder') && class_exists('Joomla\\Filesystem\\Folder')) {
        class_alias('Joomla\\Filesystem\\Folder', 'Joomla\\CMS\\Filesystem\\Folder');
    }
    }
    use Joomla\CMS\Language\Text;

    $types = Folder::files(dirname(__FILE__) . '/types', '\.php$', false, true);

    foreach ($types as $type) {
    require_once $type;
    }

    // require_once 'layout-settings/fields-helper.php';
    require_once 'layout-settings/row-column-settings.php';

    echo RowColumnSettings::getRowSettings($rowSettings);
    echo RowColumnSettings::getColumnSettings($columnSettings);

    $colGrid = [
    '12'   => '12',
    '66'   => '6,6',
    '444'  => '4,4,4',
    '3333' => '3,3,3,3',
    '48'   => '4,8',
    '39'   => '3,9',
    '363'  => '3,6,3',
    '264'  => '2,6,4',
    '210'  => '2,10',
    '57'   => '5,7',
    '237'  => '2,3,7',
    '255'  => '2,5,5',
    '282'  => '2,8,2',
    '2442' => '2,4,4,2',
    ];

?>
<div class="hidden">
  <div class="save-box">
    <div class="form-group">
      <label>
        <?php echo Text::_('HELIX_ENTER_LAYOUT_NAME'); ?>
        <input class="form-control addon-input addon-name" type="text" data-attrname="layout_name" value="" placeholder="">
      </label>
    </div>
  </div>
</div>

<!-- Modal for all -->

<div class="sp-modal" id="layout-modal" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
  <div class="sp-modal-dialog">
    <div class="sp-modal-content">
      <div class="sp-modal-header">
        <button type="button" class="<?php echo JVERSION < 4 ? 'close' : 'btn-close'; ?>" data-dismiss="spmodal" aria-hidden="true"><?php echo JVERSION < 4 ? '&times;' : ''; ?></button>
        <h3 class="sp-modal-title" id="modal-label"></h3>
      </div>
      <div class="sp-modal-body"></div>
      <div class="sp-modal-footer">
        <a href="javascript:void(0)" class="btn btn-success" id="save-settings" data-dismiss="spmodal"><?php echo Text::_('HELIX_APPLY'); ?></a>
        <button class="btn btn-danger" data-dismiss="spmodal" aria-hidden="true"><?php echo Text::_('HELIX_CANCEL'); ?></button>
      </div>
    </div>
  </div>
</div>

<div class="hidden">
  <div id="layoutbuilder-section">
    <div class="settings-section clearfix">

      <div class="settings-left pull-left">
        <a class="row-move" href="#"><i class="fa fa-arrows"></i></a>
        <strong class="section-title"><?php echo Text::_('HELIX_SECTION_TITLE'); ?></strong>
      </div>

      <div class="settings-right pull-right">
        <ul class="button-group">
          <li>
            <a class="btn btn-default btn-small btn-sm add-columns" href="#"><i class="fa fa-columns"></i> <?php echo Text::_('HELIX_ADD_COLUMNS'); ?></a>
            <ul class="column-list">
              <?php
                  foreach ($colGrid as $key => $grid) {
                      $active = ($key == 12) ? ' active' : '';
                      echo '<li><a href="#" class="column-layout hasTooltip column-layout-' . $key . $active . '" data-layout="' . $grid . '" data-original-title="<strong>' . $grid . '</strong>"></a></li>';
                      $active = '';
                  }
              ?>
              <li><a href="#" class="hasTooltip column-layout-custom column-layout custom <?php echo $active; ?>" data-layout="" data-type='custom' data-original-title="<strong>Custom Layout</strong>"></a></li>
            </ul>
          </li>
          <li><a class="btn btn-default btn-small btn-sm add-row" href="#"><i class="fa fa-bars"></i> <?php echo Text::_('HELIX_ADD_ROW'); ?></a></li>
          <li><a class="btn btn-default btn-small btn-sm row-ops-set" href="#"><i class="fa fa-gears"></i> <?php echo Text::_('HELIX_SETTINGS'); ?></a></li>
          <li><a class="btn btn-danger btn-small remove-row" href="#"><i class="fa fa-times"></i> <?php echo Text::_('HELIX_REMOVE'); ?></a></li>
        </ul>
      </div>

    </div>
    <div class="row ui-sortable">
      <div class="layout-column col-sm-12">
        <div class="column">
          <h6 class="col-title pull-left"><?php echo Text::_('HELIX_NONE'); ?></h6>
          <a class="col-ops-set pull-right" href="#" ><i class="fa fa-gears"></i></a>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="clearfix"></div>

<!-- Layout Builder Section -->
<div id="helix-layout-builder" >
  <?php

      if ($layout_data) {
          foreach ($layout_data as $row) {
              $rowSettings = RowColumnSettings::getSettings($row->settings);
              $name        = Text::_('HELIX_SECTION_TITLE');

              if (isset($row->settings->name)) {
            $name = $row->settings->name;
              }
        ?>
      <div class="layoutbuilder-section" <?php echo $rowSettings; ?>>
        <div class="settings-section clearfix">
          <div class="settings-left pull-left">
            <a class="row-move" href="#"><i class="fa fa-arrows"></i></a>
            <strong class="section-title"><?php echo $name; ?></strong>
          </div>

          <div class="settings-right pull-right">
            <ul class="button-group">
              <li>
                <a class="btn btn-default btn-small btn-sm add-columns" href="#"><i class="fa fa-columns"></i> <?php echo Text::_('HELIX_ADD_COLUMNS'); ?></a>
                <ul class="column-list">
                  <?php
                      $active = '';
                              foreach ($colGrid as $key => $grid) {
                                  if ($key == $row->layout) {
                                      $active = 'active';
                                  }
                                  echo '<li><a href="#" class="column-layout hasTooltip column-layout-' . $key . ' ' . $active . '" data-layout="' . $grid . '" data-original-title="<strong>' . $grid . '</strong>"></a></li>';
                                  $active = '';
                          }?>

                  <?php
                      $customLayout = '';
                              if (! isset($colGrid[$row->layout])) {
                                  $active       = 'active';
                                  $split        = str_split($row->layout);
                                  $customLayout = implode(',', $split);
                              }
                          ?>
                  <li><a href="#" class="hasTooltip column-layout-custom column-layout custom <?php echo $active; ?>" data-layout="<?php echo $customLayout; ?>" data-type='custom' data-original-title="<strong>Custom Layout</strong>"></a></li>
                </ul>
              </li>
              <li><a class="btn btn-default btn-small btn-sm add-row" href="#"><i class="fa fa-bars"></i> <?php echo Text::_('HELIX_ADD_ROW'); ?></a></li>
              <li><a class="btn btn-default btn-small btn-sm row-ops-set" href="#"><i class="fa fa-gears"></i> <?php echo Text::_('HELIX_SETTINGS'); ?></a></li>
              <li><a class="btn btn-danger btn-small remove-row" href="#"><i class="fa fa-times"></i> <?php echo Text::_('HELIX_REMOVE'); ?></a></li>
            </ul>
          </div>
        </div>
        <div class="row ui-sortable">
          <?php foreach ($row->attr as $column) {$colSettings = RowColumnSettings::getSettings($column->settings); ?>
            <div class="<?php echo $column->className; ?>" <?php echo $colSettings; ?>>
              <div class="column">
                <?php if (isset($column->settings->column_type) && $column->settings->column_type) {
                                echo '<h6 class="col-title pull-left">Component</h6>';
                            } else {
                                if (! isset($column->settings->name)) {
                                    $column->settings->name = 'none';
                                }
                                echo '<h6 class="col-title pull-left">' . $column->settings->name . '</h6>';
                            }
                            ?>
                <a class="col-ops-set pull-right" href="#" ><i class="fa fa-gears"></i></a>
              </div>
            </div>
          <?php }?>
        </div>
      </div>
      <?php
          }
          }
      ?>
</div>

<div class="clearfix"></div>
