{#
 # @author    SWM
 # @copyright 2025 SWM
 # @license   https://www.gnu.org/licenses/gpl-2.0.html GNU General Public License v2.0 or later
 #}
<div class="my3dbinpack-help-content">
  <h4>{{ trans('m3d.help.simulation.heading') }}</h4>
  
  <section class="help-section">
      <h3>{{ trans('m3d.help.simulation.what_is') }}</h3>
      <p>{{ trans('m3d.help.simulation.what_is_desc') }}</p>
  </section>

  <section class="help-section">
      <h3>{{ trans('m3d.help.simulation.when_run') }}</h3>
      <p>{{ trans('m3d.help.simulation.when_run_auto') }}</p>
      <ul class="help-points">
          <li>{{ trans('m3d.help.simulation.when_run_auto1') }}</li>
          <li>{{ trans('m3d.help.simulation.when_run_auto2') }}</li>
      </ul>
      <p>{{ trans('m3d.help.simulation.when_run_manual') }}</p>
      <ul class="help-points">
          <li>{{ trans('m3d.help.simulation.when_run_manual1') }}</li>
      </ul>
  </section>

  <section class="help-section">
      <h3>{{ trans('m3d.help.simulation.requirements') }}</h3>
      <p>{{ trans('m3d.help.simulation.requirements_desc') }}</p>
      <ol class="help-steps">
          <li>{{ trans('m3d.help.simulation.requirement1')|raw }}</li>
          <li>{{ trans('m3d.help.simulation.requirement2')|raw }}</li>
          <li>{{ trans('m3d.help.simulation.requirement3')|raw }}</li>
          <li>{{ trans('m3d.help.simulation.requirement4') }}</li>
      </ol>
  </section>

  <section class="help-section">
      <h3>{{ trans('m3d.help.simulation.how_to_read') }}</h3>
      <p>{{ trans('m3d.help.simulation.how_to_read_desc') }}</p>
      <ul class="help-points">
          <li>{{ trans('m3d.help.simulation.result1')|raw }}</li>
          <li>{{ trans('m3d.help.simulation.result2')|raw }}</li>
          <li>{{ trans('m3d.help.simulation.result3')|raw }}</li>
          <li>{{ trans('m3d.help.simulation.result4')|raw }}</li>
      </ul>
  </section>

  <section class="help-section">
      <h3>{{ trans('m3d.help.simulation.how_to_run_manual') }}</h3>
      <ol class="help-steps">
          <li>{{ trans('m3d.help.simulation.manual_step1') }}</li>
          <li>{{ trans('m3d.help.simulation.manual_step2') }}</li>
          <li>{{ trans('m3d.help.simulation.manual_step3') }}</li>
      </ol>
  </section>

  <section class="help-section">
      <h3>{{ trans('m3d.help.simulation.dimensions_form') }}</h3>
      <p>{{ trans('m3d.help.simulation.dimensions_form_desc') }}</p>
      
      <p><strong>{{ trans('m3d.help.simulation.how_to_fill') }}</strong></p>
      <ol class="help-steps">
          <li>{{ trans('m3d.help.simulation.fill_width')|raw }}</li>
          <li>{{ trans('m3d.help.simulation.fill_height')|raw }}</li>
          <li>{{ trans('m3d.help.simulation.fill_length')|raw }}</li>
          <li>{{ trans('m3d.help.simulation.fill_weight')|raw }}</li>
          <li>{{ trans('m3d.help.simulation.fill_rotation')|raw }}</li>
      </ol>
  </section>

  <div class="help-warning">
      <span class="dashicons dashicons-warning"></span>
      <div>
          <strong>{{ trans('m3d.help.simulation.warning_title') }}</strong> {{ trans('m3d.help.simulation.warning_incomplete') }}
      </div>
  </div>

  <div class="help-warning">
      <span class="dashicons dashicons-warning"></span>
      <div>
          {{ trans('m3d.help.simulation.warning_rerun') }}
      </div>
  </div>

  <div class="help-tip">
      <span class="dashicons dashicons-lightbulb"></span>
      <div>
          <strong>{{ trans('m3d.help.simulation.tip_title') }}</strong> {{ trans('m3d.help.simulation.tip_dimensions') }}
      </div>
  </div>
</div>