<style type="text/css">
    .panel-group{margin-bottom: 0px !important;}
</style>
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2><?= print_lang($app_lang,'help'); ?></h2>
        <ol class="breadcrumb">
            <li>
                <a class="url-elem" href="<?php echo url('/dashboard'); ?>"><?= print_lang($app_lang,'home'); ?></a>
            </li>
            <li class="active">
                <strong><?= print_lang($app_lang,'help'); ?></strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">
        
    </div>
</div>


<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">

                    <div style="background: #0064ff; color: #fff; padding: 15px 0; margin-bottom: 30px;">
                        <h2 class="text-center font-bold" style="margin: 10px 0 20px;"><?= print_lang($app_lang,'help_section'); ?></h2>
                        <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                    </div>
                    
                    <!-- ROW FOR HELP SECTION -->
                    <div class="row">
                        
                        <!-- video block -->
                        <?php $video_block_id = 1; ?>
                        <div class="col-md-6">
                            <div class="panel-group" id="Parent_<?= $video_block_id; ?>">
                                <div class="panel panel-primary" style="border: none; border-top: 3px solid #3bb733; border-radius: 0px !important;">
                                    <div class="panel-heading" style="min-height: 43px; margin: 0; background: transparent;">
                                        <h5 class="panel-title" style="line-height: 12px; color: #337ab7; <?php if($app_direction == 'rtl'){echo 'float: right;';}else{echo 'float: left;';}?>">
                                            <a style="display: block; font-size: 17px;" data-toggle="collapse" data-parent="#Parent_<?= $video_block_id; ?>" href="#account-parent-<?= $video_block_id; ?>">Setup</a>
                                        </h5>
                                    </div>
                                    <div id="account-parent-<?= $video_block_id; ?>" class="panel-collapse collapse">
                                        <div class="panel-body">
                                            <div class="help-video-block">
                                                <!-- youtube iframe code -->
                                                <iframe width="560" height="315" src="https://www.youtube.com/embed/668nUCeBHyY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                <!-- youtube iframe code -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- video block -->

                        <!-- video block -->
                        <?php $video_block_id = 2; ?>
                        <div class="col-md-6">
                            <div class="panel-group" id="Parent_<?= $video_block_id; ?>">
                                <div class="panel panel-primary" style="border: none; border-top: 3px solid #f69823; border-radius: 0px !important;">
                                    <div class="panel-heading" style="min-height: 43px; margin: 0; background: transparent;">
                                        <h5 class="panel-title" style="line-height: 12px; color: #337ab7; <?php if($app_direction == 'rtl'){echo 'float: right;';}else{echo 'float: left;';}?>">
                                            <a style="display: block; font-size: 17px;" data-toggle="collapse" data-parent="#Parent_<?= $video_block_id; ?>" href="#account-parent-<?= $video_block_id; ?>">Setup 1</a>
                                        </h5>
                                    </div>
                                    <div id="account-parent-<?= $video_block_id; ?>" class="panel-collapse collapse">
                                        <div class="panel-body">
                                            <div class="help-video-block">
                                                <!-- youtube iframe code -->
                                                <iframe width="560" height="315" src="https://www.youtube.com/embed/668nUCeBHyY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                <!-- youtube iframe code -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- video block -->


                    </div>
                    <!-- ROW FOR HELP SECTION -->



                    <!-- ROW FOR HELP SECTION -->
                    <div class="row">
                        
                        <!-- video block -->
                        <?php $video_block_id = 3; ?>
                        <div class="col-md-6">
                            <div class="panel-group" id="Parent_<?= $video_block_id; ?>">
                                <div class="panel panel-primary" style="border: none; border-top: 3px solid #3bb733; border-radius: 0px !important;">
                                    <div class="panel-heading" style="min-height: 43px; margin: 0; background: transparent;">
                                        <h5 class="panel-title" style="line-height: 12px; color: #337ab7; <?php if($app_direction == 'rtl'){echo 'float: right;';}else{echo 'float: left;';}?>">
                                            <a style="display: block; font-size: 17px;" data-toggle="collapse" data-parent="#Parent_<?= $video_block_id; ?>" href="#account-parent-<?= $video_block_id; ?>">Setup</a>
                                        </h5>
                                    </div>
                                    <div id="account-parent-<?= $video_block_id; ?>" class="panel-collapse collapse">
                                        <div class="panel-body">
                                            <div class="help-video-block">
                                                <!-- youtube iframe code -->
                                                <iframe width="560" height="315" src="https://www.youtube.com/embed/668nUCeBHyY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                <!-- youtube iframe code -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- video block -->

                        <!-- video block -->
                        <?php $video_block_id = 4; ?>
                        <div class="col-md-6">
                            <div class="panel-group" id="Parent_<?= $video_block_id; ?>">
                                <div class="panel panel-primary" style="border: none; border-top: 3px solid #f69823; border-radius: 0px !important;">
                                    <div class="panel-heading" style="min-height: 43px; margin: 0; background: transparent;">
                                        <h5 class="panel-title" style="line-height: 12px; color: #337ab7; <?php if($app_direction == 'rtl'){echo 'float: right;';}else{echo 'float: left;';}?>">
                                            <a style="display: block; font-size: 17px;" data-toggle="collapse" data-parent="#Parent_<?= $video_block_id; ?>" href="#account-parent-<?= $video_block_id; ?>">Setup 1</a>
                                        </h5>
                                    </div>
                                    <div id="account-parent-<?= $video_block_id; ?>" class="panel-collapse collapse">
                                        <div class="panel-body">
                                            <div class="help-video-block">
                                                <!-- youtube iframe code -->
                                                <iframe width="560" height="315" src="https://www.youtube.com/embed/668nUCeBHyY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                <!-- youtube iframe code -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- video block -->


                    </div>
                    <!-- ROW FOR HELP SECTION -->

                </div>
            </div>
        </div>
    </div>
</div>