@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

@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="help">
        <div class="l">
            <div class="catbox">
                @if($categories->toArray())
                    @foreach($categories as $k=>$v)
                        <div class="J_helplist help_category @if($k==0) 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 $key=>$child)
                                        <li><a 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="topso">
                    <div class="t">搜索您的问题</div>
                    <div class="lso">
                        <div class="sobg">
                            <form action="{{route('help.search')}}" method="post">
                                <input name="key" type="text" class="sinput" value=""/>
                                {{ csrf_field() }}
                                <input type="submit" value="" class="btn"/>
                            </form>
                        </div>
                    </div>
                    <div class="rhot link_gray6">常见问题：
                        <a href="{{route('help.search',['filter'=>'找回密码'])}}">找回密码</a>
                        <a href="{{route('help.search',['filter'=>'置顶'])}}">置顶</a>
                        <a href="{{route('help.search',['filter'=>'推荐模板'])}}">推荐模版</a>
                        <a href="{{route('help.search',['filter'=>'电子地图'])}}">电子地图</a>
                    </div>
                    <div class="clear"></div>
                </div>

                @if($categories->toArray())
                    @foreach($categories as $k=>$v)
                        <div class="lbox link_gray6">
                            <div class="tit">{{$v->category_name}}</div>
                            <ul>
                            @if($v->helps)
                                @foreach($v->helps as $key=>$help)
                                    @if($key<8)
                                    <li><a href="{{route('help.show',array('id'=>$help->id))}}">{{$help->title}}</a></li>
                                    @endif
                                @endforeach
                            @endif
                            </ul>
                            @if(count($v->helps)>3)
                            <div class="more"><a href="{{route('help.list',['id'=>$v->id])}}">更多</a></div>
                            @endif
                        </div>
                    @endforeach
                @endif

                <div class="clear"></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