{#
 # @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.packaging.heading') }}</h4>
    
    <section class="help-section">
        <h3>{{ trans('m3d.help.packaging.section.what') }}</h3>
        <p>{{ trans('m3d.help.packaging.section.what_desc') }}</p>
    </section>
    
    <section class="help-section">
        <h3>{{ trans('m3d.help.packaging.section.why') }}</h3>
        <p>{{ trans('m3d.help.packaging.section.why_desc') }}</p>
        
        <ul class="help-points">
            <li>{{ trans('m3d.help.packaging.why_point1') }}</li>
            <li>{{ trans('m3d.help.packaging.why_point2') }}</li>
            <li>{{ trans('m3d.help.packaging.why_point3') }}</li>
        </ul>
    </section>
    
    <section class="help-section">
        <h3>{{ trans('m3d.help.packaging.section.columns') }}</h3>
        
        <p><strong>{{ trans('m3d.help.packaging.column.type') }}</strong> – {{ trans('m3d.help.packaging.column.type_desc') }}</p>
        
        <p><strong>{{ trans('m3d.help.packaging.column.dimensions') }}</strong> – {{ trans('m3d.help.packaging.column.dimensions_desc') }}</p>
        
        <p><strong>{{ trans('m3d.help.packaging.column.quantity') }}</strong> – {{ trans('m3d.help.packaging.column.quantity_desc') }}</p>
        
        <p><strong>{{ trans('m3d.help.packaging.column.weight') }}</strong> – {{ trans('m3d.help.packaging.column.weight_desc') }}</p>
        
        <p><strong>{{ trans('m3d.help.packaging.column.status') }}</strong> – {{ trans('m3d.help.packaging.column.status_desc') }}</p>
    </section>
    
    <section class="help-section">
        <h3>{{ trans('m3d.help.packaging.section.how_to_add') }}</h3>
        
        <ol class="help-steps">
            <li>{{ trans('m3d.help.packaging.add_step1') }}</li>
            <li>{{ trans('m3d.help.packaging.add_step2') }}</li>
            <li>{{ trans('m3d.help.packaging.add_step3') }}</li>
            <li>{{ trans('m3d.help.packaging.add_step4') }}</li>
        </ol>
    </section>
    
    <div class="help-warning">
        <div>
            <strong>{{ trans('m3d.label.important') }}</strong>
            {{ trans('m3d.help.packaging.warning') }}
        </div>
    </div>
    
    <div class="help-tip">
        <div>
            <strong>{{ trans('m3d.help.api.tip') }}</strong>
            {{ trans('m3d.help.packaging.tip') }}
        </div>
    </div>
</div>