@extends('mobile.module.layouts.content')
@push('meta')
@endpush

@push('css')
    <link rel="stylesheet" href="{{theme_asset('mobile/css/swiper.min.css')}}">
    <link rel="stylesheet" href="{{theme_asset('mobile/css/recruit_show.css')}}">
@endpush

@push('js')
    <script src="{{theme_asset('mobile/js/swiper.min.js')}}"></script>
@endpush

@section('content')
    <h1 class="font18 padding5">{{ $info->name }}</h1>
    <div class="steps">
        <ul class="steps-box">
            @foreach($info->steps as $step)
                <li class="
                @if($step['step_id'] <= $info->current)
                                active
                @endif">
                    <p>{{ $step['name'] }}</p>
                    <p>{{ $step['time'] }}</p>
                </li>
            @endforeach
        </ul>
    </div>

    @if(!$list->isEmpty())
        <div class="swiper-container">
            <div class="swiper-wrapper">
                @foreach($list as $recruit)
                <div class="swiper-slide"><a href="{{$recruit->url}}">{{$recruit->title}}</a></div>
                @endforeach
            </div>
        </div>
    @endif

    <div class="padding5">
        {!! $info->introduction !!}
    </div>

    <div class="refootnav" id="to_sign_up" data-id="{{$info->id}}">
        <div class="btns link_gray6">
            <div class="signup downbtn">报名/查看报名</div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        //流程
        var active = $('.steps-box .active');
        var last_active = active[active.length - 1];
        var left = $(last_active).offset().left;
        $('.steps').scrollLeft(left);

        //公告
        var mySwiper = new Swiper('.swiper-container',{
            direction: 'vertical', // 垂直切换选项
            autoplay: 5000,
        });

        //检查基础信息
        function check_user_basic_info(recruit_id){
            $.ajax({
                url: "{{route('mobile.recruit.check_user_basic_info')}}",
                type: 'POST',
                dataType: 'json',
                success: function (data) {
                    if (data.status != 200) {
                        qsToast({type: 2, context: data.msg});
                        if(data.hasOwnProperty('url')){
                            setTimeout(function () {
                                window.location.href = data.url + '?recruit_id='+recruit_id;
                            }, 2000);
                        }
                        return false;
                    } else {
                        window.location.href = "{{route('mobile.recruit.sign_up')}}" + '?id=' + recruit_id;
                    }
                }
            })
        }

        var isApply = parseInt({{ $info->isApply }});
        //点击报名
        $("#to_sign_up").click(function () {
            var isVisitor = "{{$uid}}";
            var id = $(this).data('id');
            var isVisitorutype = "{{$utype}}";
            var current = parseInt({{$info->current}});
            if ((isVisitor > 0)) {
                if (current != 1) {
                    qsToast({type: 2, context: '当前非报名阶段'});
                    return false;
                }
                if (isApply != 1) {
                    qsToast({type: 2, context: '当前非报名时间！'});
                    return false;
                }
                if (isVisitorutype == '1') {
                    qsToast({type: 2, context: '只有登录个人会员才可报名！'});
                    return false;
                } else {
                    check_user_basic_info(id)
                }
            } else {
                location.href = "{{route('mobile.recruit.check_index_user',['id'=>$info->id])}}";
            }
        })
    </script>
@endsection