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

@push('meta')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endpush

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

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

@section('content')
    <div class="favorites-top-nav list_height">
        <div class="n-cell active" style="width: 100%;">预约职位<div class="b-line"></div></div>
        <div class="clear"></div>
    </div>
    <div class="split-block"></div>

    <div class="drop_content">
        <div class="add_data">
            @if($content->total())
                @foreach($content as $key=>$val)
                    @if($val->putJobs)
                        <div class="job-list-item js-longpress for-event" data-yid="{{ $val->id or '' }}">
                            <div class="info">
                                <div class="line-one" onclick="window.location.href='{{ route($sub_site.'mobile.jobfair.jobs.show',['jobfair_id'=>$val->jobfair_id,'id'=>$val->jobs_id]) }}'">
                                    <div class="job-name substring font15">{{ $val->putJobs->jobs->jobs_name }}</div>
                                    <div class="clear"></div>
                                </div>
                                <div class="line-two  font14" onclick="window.location.href='{{ route($sub_site.'mobile.jobfair.detail',['id'=>$val->jobfairs->id]) }}'">
                                    <div class="salary substring" style="width: 100%">{{ $val->jobfairs->title }}{{--<span style="float: right;color: #666666;">{{ date('Y-m-d',$val->jobfairs->holddate_start) }}-{{ date('Y-m-d',$val->jobfairs->holddate_end) }}</span>--}}</div>
                                    <div class="clear"></div>
                                </div>
                                {{--<div class="J_apply apply-btn" style="width: 1.6rem" onclick="window.location.href='{{ route($sub_site.'mobile.jobfair.index') }}'">预约职位</div>--}}
                            </div>
                            <div class="company font13" onclick="window.location.href='{{ route($sub_site.'mobile.jobs.company',['id'=>$val->putJobs->jobs->company_id]) }}'">
                                <div class="company-name substring">{{ $val->putJobs->jobs->company_name }}</div>
                                <div class="district">{{ $val->putJobs->jobs->district_cn }}</div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    @endif
                @endforeach
            @else
                <div class="list-empty link_blue">
                    您还没有预约招聘会职位！<br>
                    海量高薪职位任你选。立即  <a href="{{ route($sub_site.'mobile.jobfair.index') }}">预约职位</a>
                </div>
            @endif
        </div>
    </div>
    @if($content->total())
    <div class="jobsfootnav">
        <div class="btns link_white" style="padding-top: 10px;">
            <div class="qs-btn qs-btn-medium qs-btn-blue qs-btn-inline"><a href="{{ route($sub_site.'mobile.jobfair.index') }}">预约职位</a></div>
        </div>
    </div>
    @endif
@endsection
@section('script')
    <script src="{{ theme_asset('mobile/js/longPress.js') }}"></script>
    <script type="text/javascript">
        $(function () {
            var page = 1;
            $('.drop_content').dropload({
                scrollArea : window,
                loadDownFn : function(me){
                    page++;
                    $.ajax({
                        type: 'GET',
                        url: '{{ route($sub_site.'mobile.person.jobfair') }}?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){
                            alert('Ajax error!');
                            // 即使加载出错，也得重置
                            me.resetload();
                        }
                    });
                },
                threshold : 50
            });
        })

        // 长按删除
        $('.js-longpress').each(function () {
            var y_id = $(this).data('yid');
            $(this).longPress(function(){
                var popout = new QSpopout();
                popout.setContent('确定删除吗？');
                popout.show();
                popout.getPrimaryBtn().on('click', function () {
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        url: "{{ route($sub_site.'person.personDelect') }}",
                        type: 'POST',
                        dataType: 'json',
                        data: {id: y_id},
                        success: function (result) {
                            qsToast({type:1,context: '删除成功！'});
                            setTimeout(function () {
                                window.location.reload();
                            }, 2000);
                        },
                        error: function (errorData) {
                            if(errorData.status==400) {//业务错误
                                qsToast({type:2,context: JSON.parse(errorData.response).message});
                            }
                        }
                    })
                });
            });
        });
    </script>
@endsection