@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/article/article.css') }}"/>
    <style>
        .recruit_button{
            display: inline-block;
            line-height: 1;
            white-space: nowrap;
            cursor: pointer;
            -webkit-appearance: none;
            text-align: center;
            box-sizing: border-box;
            outline: none;
            margin: 10px auto;
            transition: .1s;
            font-weight: 500;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            padding: 12px 20px;
            font-size: 14px;
            border-radius: 4px;
            color: #fff;
            background-color: #409eff;
            border-color: #409eff;
        }
    </style>
@endpush

@push('js')

@endpush

{{--@include('module.section.header_min')--}}
{{--@include('module.section.content_header')--}}
@section('content')
    <div class="new-se-group">
        <div class="new-se-main">
            <form id="form" method="post" action="{{route('news.list',['id'=>$info->type_id])}}">
                <div class="ip-group">
                    <div class="ip-box"><input type="text" name="key" id="" value="" placeholder="请输入关键字"></div>

                    <div class="ip-box" style="display:none"><input type="hidden" name="parent_id" id="parent_id" value="{{$parent_id}}">{{ csrf_field() }}</div>
                    <div class="ip-btn"><input type="submit" class="sobut J_hoverbut" value="搜资讯"></div>
                    <div class="clear"></div>
                </div>
            </form>
        </div>
    </div>
    <div class="newsshow">
        <div class="l">
            <div class="main">
                <div class="ntitle">{{$info->title}}</div>
                <div class="time">
                    {{--@if($info->author)--}}
                        {{--<span>作者：{{$info->author}}</span>--}}
                    {{--@endif--}}
                    @if($info->source)
                        <span>来源：{{$info->source}}</span>
                    @endif
                    <span>日期：{{change_datetime_format($info->created_at, 'Y-m-d')}}</span>
                    <span>浏览 <a class="click" id="news_click">{{$info->click}}</a> 次</span>
                </div>
                <div class="txt">
                    {!! $info->content !!}
                </div>
                <div class="next link_gray6">
                    <div class="nextl substring">
                        @if($info->prev)
                            上一条：<a href="{{$info->prev_url}}">{{$info->prev_title}}</a>
                        @else
                            {{--上一条：<a>没有了</a>--}}
                        @endif
                    </div>
                    <div class="nextr substring">
                        @if($info->next)
                            下一条：<a href="{{$info->next_url}}">{{$info->next_title}}</a>
                        @else
                            {{--下一条：<a>没有了</a>--}}
                        @endif
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>

        <div class="r">
            {{-- 菜单 --}}
            <div class="cat">
                <ul class="link_gray6">
                    @if($categorys)
                        @foreach($categorys as $k=>$v)
                            <li class="@if(($k+1)%2)odd @endif @if($v->id == $info->type_id) select @endif"><a href="{{route('news.list',['id'=>$v->id])}}">{{$v->category_name}}</a></li>
                        @endforeach
                    @endif

                </ul>
                <div class="clear"></div>
            </div>

            @if($info->recruit_switch == '1')
                <div class="listbox">
                    <div class="ntit"><div class="tlh">报名入口</div></div>
                    <a href="{{$info->recruit_link}}"><button class="recruit_button">点击报名</button></a>
                    <a href="javascript:void(0);" id="face_ticket_download"><button class="recruit_button">面试通知书</button></a>
                </div>
            @endif

            {{-- 热门资讯 --}}
            @if($focus_articles->toArray())
                <div class="listbox">
                    <div class="ntit"><div class="tlh">热门资讯</div></div>
                    <ul class="link_gray6">
                        @foreach($focus_articles as $k=>$v)
                            <li><a target="_blank" rel="nofollow noopener noreferrer" href="{{route('news.show',['id'=>$v->id])}}">{{$v->title}}</a></li>
                        @endforeach
                    </ul>
                </div>
            @endif

            {{-- 推荐资讯 --}}
            @if($recommend_articles->toArray())
                <div class="listbox" @if(!$focus_articles->toArray()) style="margin-top:0px;" @endif>
                    <div class="ntit"><div class="tlh">推荐资讯</div></div>
                    <ul class="link_gray6">
                        @foreach($recommend_articles as $k=>$v)
                            <li><a target="_blank" rel="nofollow noopener noreferrer" href="{{route('news.show',['id'=>$v->id])}}">{{$v->title}}</a></li>
                        @endforeach
                    </ul>
                </div>
            @endif


        </div>
        <div class="clear"></div>
    </div>
@endsection

@section('script')
    <script>
        $(function(){
            var click_url = "{{ route('news.click',['id'=>$info->id]) }}";
            $.get(click_url).then(function(data) {
                if(data.status=='1'){
                    var click = parseInt("{{$info->click}}") + 1;
                    $('#news_click').text(click);
                }
            });
            $("#face_ticket_download").click(function(){
                $.get('/recruit/api/ticket_download').then(function (data) {
                    if(data.status){
                        var ticket = window.open('_blank');
                        ticket.location = data.data;
                    }else{
                        alert(data.msg)
                    }
                })
            });
        });
    </script>
@endsection