@extends('module.layouts.content')

@push('meta')

@endpush

@push('css')
<link href="{{ theme_asset('app/css/common.css') }}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/help/help.css') }}"/>
@endpush

@push('js')

@endpush

{{--@include('module.section.header_min')--}}
{{--@include('module.section.content_header')--}}
@section('content')
    <div class="help_banner">
        @if($ads->toArray())
            @foreach($ads as $k=>$ad)
                {!! $ad->html !!}
            @endforeach
        @else
            <img src="{{theme_asset('app/images/banner/help.jpg')}}" border="0">
        @endif
    </div>
    <div class="helpshow help">
        <div class="l">
            <div class="catbox">
                @if($categories->toArray())
                    @foreach($categories as $k=>$v)
                        <div class="J_helplist help_category @if($v->id == $help_info->parent_id) open @endif">
                            <div class="titl J_helplistT">{{$v->category_name}}</div>
                            <ul class="link_gray6 help_category_list J_helplistG">
                                @if($v->children->toArray())
                                    @foreach($v->children as $i=>$child)
                                        <li><a  @if($child->id == $help_info->type_id) class="select" @endif href="{{route('help.list',['id'=>$child->id])}}">{{$child->category_name}}</a></li>
                                    @endforeach
                                @endif
                            </ul>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
        <div class="r">
            <div class="main">
                <div class="titl">{{$help_info->title}}</div>
                <div class="txt">
                    {!! $help_info->content !!}
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>

    {{-- 页脚 --}}
    {{--@include('module.section.content_footer')--}}

@endsection

@section('script')
    <script>
        // 左侧菜单展开收起
        $('.J_helplistT').click(function() {
            var $thisParent = $(this).closest('.J_helplist');
            $thisParent.toggleClass('open');
            if ($thisParent.hasClass('open')) {
                $('.J_helplist.open').not($thisParent).each(function(index, el) {
                    $(this).removeClass('open');
                });
            };
        });
    </script>
@endsection