@include('home_layout.header'); 

    <section id="help-detail">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-3 asidemenu">
                    <ul class="nav flex-column flex-nowrap">
                      @foreach( $cat_topics as $cat_name=>$cat )
                        <li class="nav-item">
                            <a class="nav-link collapsed" onclick="myFunction(this)" id="{{$cat_name}}" href="#submenu{{$cat_name}}" data-toggle="collapse" data-target="#submenu{{$cat_name}}"><i class="fas fa-plus myplus"></i> {{$cat_name}}</a>
                            <div class="collapse " id="submenu{{$cat_name}}" aria-expanded="false">
                                <ul class="flex-column pl-4 nav cat_url">
                                    @foreach( $cat as $list )
                                                                         <li class="nav-item {{$active_class}}"><a class="nav-link py-0" href="/help/{{$catname}}/{{$list->url}}/{{$list->id}}"> {{$list->topic}}</a></li>
                                  @endforeach
                                </ul>
                            </div>
                        </li>
                      @endforeach  
                    </ul>
                </div>
                <div class="col-md-9 help-detail-content">
                    {!! $details->description !!}                 
                </div>
            </div>
        </div>
    </section>
<script type="text/javascript">
    
    //$(".help-detail-content img").parent().attr('data-fancybox', 'gallery');
    //$(".help-detail-content img").pare;

   $(".help-detail-content img").each(function () {
    $(this).wrap($('<a/>', {
            href: $(this).attr('src')
        }).attr('data-fancybox', 'gallery'));
});
  

</script>
  @include('home_layout.footer');