@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/hrtools/hrtools.css') }}"/>
@endpush

@push('js')

@endpush

@section('content')
    <div class="new-hr-tp"></div>
    <div class="new-hr-main">
        @if($hrtools_categories->toArray())
            @foreach($hrtools_categories as $k=>$cate)
                <div class="nhm-cell">
                    <div class="hc-top-bar"></div>
                    <div class="hc-ic-bar">
                        <div class="hc-sp-h20"></div>
                        <div class="hib-icon h1">
                            <img src="{{$cate->category_img}}">
                        </div>
                        <div class="hc-sp-h14"></div>
                        <div class="hc-sp-l">{{$cate->category_name}}</div>
                    </div>
                    <div class="hc-tx-bar">{{$cate->content}}</div>
                    <div class="hc-m-l"><a target="_blank" href="{{route('hrtools.list',['id'=>$cate->id])}}" class="hc-more">查看更多</a></div>
                </div>
            @endforeach
        @endif
        <div class="clear"></div>
    </div>

    {{-- 页脚 --}}

@endsection

@section('script')
    <script>
    // 处理最后几个下边距的问题
    var num = $('.nhm-cell').length;
    if (num%3 == 0) {
        $('.nhm-cell').eq(num-1).css('margin-bottom', '0');
        $('.nhm-cell').eq(num-2).css('margin-bottom', '0');
        $('.nhm-cell').eq(num-3).css('margin-bottom', '0');
    }
    if (num%3 == 1) {
        $('.nhm-cell').eq(num-1).css('margin-bottom', '0');
    }
    if (num%3 == 2) {
        $('.nhm-cell').eq(num-1).css('margin-bottom', '0');
        $('.nhm-cell').eq(num-2).css('margin-bottom', '0');
    }
    </script>
@endsection