<div class="method-row"> <?php
            $steps = trans('translations.steps');
    ?>
 <h3 id="method"><?php echo \Illuminate\Support\Facades\Lang::get('translations.menu.method.name'); ?></h3> <div class="steps" > <img src="/images/structure/steps.svg" alt="process Steps" class="steps-image"> <div class="progress-slider"> <div id="smileyNo" class="smiley"> <span>?</span> </div> <div id="smileyYes" class="smiley"></div> <div class="text-holder"> <?php foreach($steps as $names): ?> <p id="<?php echo Str::slug($names['name']); ?>"><?php echo $names['name']; ?></p> <?php endforeach; ?> </div> <div class="orange-steps"> </div> </div> </div> <div class="steps-info"> <div class="navigation"> <span class="previous disabled"></span> <div class="show"> <ul> <?php foreach($steps as $key => $names): ?> <li id="nav-<?php echo Str::slug($names['name']); ?>" <?php if($key == 'step1'): ?>class="active"<?php endif; ?>><?php echo $names['name']; ?></li> <?php endforeach; ?> </ul> </div> <span class="next"></span> </div> <div class="text-area"> <div class="slider"> <?php foreach($steps as $names): ?> <p id="text-<?php echo Str::slug($names['name']); ?>" <?php if($key == 'step1'): ?>class="active"<?php endif; ?>> <span class="small-screen"><?php echo $names['name']; ?></span> <?php echo $names['text']; ?> </p> <?php endforeach; ?> </div> </div> </div> </div>