@extends('mobile.module.layouts.content')

@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" href="{{theme_asset('mobile/css/company.css')}}">
    <link rel="stylesheet" href="{{theme_asset('mobile/css/jobfair_top_btn.css')}}">
    <style>
        .drop_content{padding-bottom: 1rem;}
        .jobfair-enact-list-item .status {
            position: absolute;
            top: 20%;
            right: 5%;
            padding: .1rem .2rem;
            color: #fff;
            border-radius: .1rem;
            line-height: .3rem;
            height: .5rem;
        }
        .jobfair-enact-list-item .add_jobs{
            position: absolute;
            top: 60%;
            right: 5%;
            padding: .1rem .2rem;
            color: #fff;
            border-radius: .1rem;
            line-height: .3rem;
            height: .5rem;
            background-color: #ff782e;
        }
        .jobfair-enact-list-item .end{
            position: absolute;
            top: 60%;
            right: 5%;
            padding: .1rem .2rem;
            color: #fff;
            border-radius: .1rem;
            line-height: .3rem;
            height: .5rem;
            background-color: grey;
        }
    </style>
@endpush

@push('js')
    <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
@endpush
@section('content')
    <div class="combtn">
        <div class="btns font12">
            <div class="cli for-event" onclick="javascript:location.href='{{route('mobile.firm.jobfair.index')}}'">
                <div class="pic t1"></div>
                <div class="txt">近期招聘会</div>
            </div>
            <div class="cli for-event" onclick="javascript:location.href='{{route('mobile.firm.jobfair_jobs.list')}}'">
                <div class="pic t2"></div>
                <div class="txt">招聘会职位</div>
            </div>
            <div class="cli for-event" onclick="javascript:location.href='{{ route('mobile.firm.jobfair_jobs.add') }}'">
                <div class="pic t3"></div>
                <div class="txt">发布职位</div>
            </div>
            <div class="cli for-event" onclick="javascript:location.href='{{ route('mobile.firm.jobfair.enact') }}'">
                <div class="pic t4"></div>
                <div class="txt">定展记录</div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="split-block"></div>
    <div class="drop_content">
        <div class="add_data">
            @if($enactList->total())
                @foreach($enactList as $key=> $val)
                    <div class="jobfair-enact-list-item">
                        <div class="title font16 substring" style="width: 5rem" onclick="javascript:location.href='{{ route('mobile.jobfair.detail',['id'=>$val->jobfair_id]) }}'">{{ $val->jobfair->title }}</div>
                        <div class="pic">展位号：<span>{{ $val->position }}</span></div>
                        <div class="pic">预定时间：<span>{{ $val->created_at }}</span></div>
                        @switch($val->audit)
                            @case(1) <div class="status ok">预定成功</div> @break
                            @case(2) <div class="status ing">等待审核</div> @break
                            @case(3) <div class="status finish">审核未通过</div> @break
                        @endswitch
                        @if($val->jobfair->holddate_end < time())
                            <div class="end">招聘结束</div>
                        @else
                            @switch($val->audit)
                                @case(1) <div class="add_jobs" onclick="javascript:location.href='{{ route('mobile.firm.jobfair_jobs.put_jobs',['id'=>$val->id]) }}'">发布职位</div>@break
                                @case(2) <div class="add_jobs" onclick="javascript:location.href='{{ route('mobile.firm.jobfair_jobs.put_jobs',['id'=>$val->id]) }}'">发布职位</div> @break
                            @endswitch

                        @endif

                    </div>
                    <div class="list-split-block"></div>
                @endforeach
            @endif
        </div>
    </div>
@endsection
@section('script')
    <script>
        // 页数
        var page = 1;
        // dropload
        $('.drop_content').dropload({
            scrollArea : window,
            loadDownFn : function(me){
                page++;
                $.ajax({
                    type: 'GET',
                    url: '{{ route('mobile.firm.jobfair.enact') }}?page='+page,
                    dataType: 'json',
                    success: function(result){
                        if (result.status ==1) {
                            $('.add_data').append(result.data);
                        } else {
                            // 锁定
                            me.lock();
                            // 无数据
                            me.noData();
                        }
                        me.resetload();
                    },
                    error: function(xhr, type){
                        // 即使加载出错，也得重置
                        // me.resetload();
                    }
                });
            },
            threshold : 50
        });
    </script>
@endsection