<div class="mod-pedal mod-rack-reaktor{{{cns}}} mod-rack-cab-sim{{{cns}}}">
    <script id="ToobFrequencyScript" src="/resources/js/ToobFrequencyPlot.js{{{ns}}}" type="application/javascript"  />
    <script id="ToobVuScript" src="/resources/js/ToobVu.js{{{ns}}}" type="application/javascript"  />
        <div mod-role="drag-handle" class="mod-drag-handle" style="height:100%; width: 100%"></div>
        <div class="mod-control-group">
            
            <div class="toob_column_grid" style="height: 100%">
                <div class="toob_column">
                    <div class="mod-switch clearfix" mod-role="bypass">
                        <div class="mod-switch-image" mod-role="bypass-light"></div>
                    </div>
                </div>
                <div class="toob_column" >
                    <div class="toob_row_grid" style="flex-flow: row wrap; width: 240px" >
                        <div id="toob_cabsim_fresp" class="toob_frequency_response toob_cabsim_fresp toob_row" 
                             />
                        {{#controls.0}}
                        <div class="mod-bakelite toob_row" title="{{comment}}">
                            <div class="mod-bakelite-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div>
                            <span class="mod-bakelite-title">{{name}}</span>
                        </div>
                        {{/controls.0}}
                        {{#controls.1}}
                        <div class="mod-bakelite toob_row" title="{{comment}}">
                            <div class="mod-bakelite-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div>
                            <span class="mod-bakelite-title">{{name}}</span>
                        </div>
                        {{/controls.1}}
                        {{#controls.3}}
                        <div class="mod-bakelite toob_row" title="{{comment}}">
                            <div class="mod-bakelite-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div>
                            <span class="mod-bakelite-title">{{name}}</span>
                        </div>
                        {{/controls.3}}
                        {{#controls.4}}
                        <div class="mod-bakelite toob_row" title="{{comment}}">
                            <div class="mod-bakelite-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div>
                            <span class="mod-bakelite-title">{{name}}</span>
                        </div>
                        {{/controls.4}}

                        <div class="toob_row" style="width: 120px; padding-left: 60px">
                            {{#controls.2}}
                            <div class="mod-bakelite toob_row" title="{{comment}}">
                                <div class="mod-bakelite-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div>
                                <span class="mod-bakelite-title">{{name}}</span>
                            </div>
                            {{/controls.2}}
                        </div>
                        <div class="toob_row" style="width: 120px; padding-left: 60px">
                            {{#controls.5}}
                            <div class="mod-bakelite toob_row" title="{{comment}}">
                                <div class="mod-bakelite-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div>
                                <span class="mod-bakelite-title">{{name}}</span>
                            </div>
                            {{/controls.5}}
                        </div>
                    </div>
                </div>
                <div class="toob_column clearfix">
                    <div class="toob_row_grid">
                        <div class="toob_row">
                            <div class="toob_vu cabsim_vu" >
                            </div>
                        </div>
                        <div class="toob_column_grid toob_row">
                            {{#controls.6}}
                            <div class="mod-bakelite toob_column" title="{{comment}}">
                                <div class="mod-bakelite-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div>
                                <span class="mod-bakelite-title">{{name}}</span>
                            </div>
                            {{/controls.6}}
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mod-pedal-input">
        {{#effect.ports.audio.input}}
        <div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-audio-port" mod-port-symbol="{{symbol}}">
            <div class="mod-pedal-input-image"></div>
        </div>
        {{/effect.ports.audio.input}}
        {{#effect.ports.midi.input}}
        <div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-midi-port" mod-port-symbol="{{symbol}}">
            <div class="mod-pedal-input-image"></div>
        </div>
        {{/effect.ports.midi.input}}
        {{#effect.ports.cv.input}}
        <div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-cv-port" mod-port-symbol="{{symbol}}">
            <div class="mod-pedal-input-image"></div>
        </div>
        {{/effect.ports.cv.input}}
    </div>

    <div class="mod-pedal-output">
        {{#effect.ports.audio.output}}
        <div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-audio-port" mod-port-symbol="{{symbol}}">
            <div class="mod-pedal-output-image"></div>
        </div>
        {{/effect.ports.audio.output}}
        {{#effect.ports.midi.output}}
        <div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-midi-port" mod-port-symbol="{{symbol}}">
            <div class="mod-pedal-output-image"></div>
        </div>
        {{/effect.ports.midi.output}}
        {{#effect.ports.cv.output}}
        <div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-cv-port" mod-port-symbol="{{symbol}}">
            <div class="mod-pedal-output-image"></div>
        </div>
        {{/effect.ports.cv.output}}
    </div>
</div>
