@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/jobfair_member.css') }}" rel="stylesheet">
@endpush
@push('js')
    <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
@endpush
@section('content')
    <div class="panel panel-primary">
        <!--<header class="global-header flex-box">-->
        <!--<div class="header-left flex1"><div class="prev" onclick="javascript:location.href='{$url}'"></div></div>-->
        <!--<div class="header-center flex2"><span class="title-only">招聘会企业信息</span></div>-->
        <!--<div class="header-right flex3"></div>-->
        <!--</header>-->
        <div class="panel-body">
            <div id="info" class="drop_content">
                @if($data->isNotEmpty())
                    <table width="100%"  border="0" cellspacing="0" cellpadding="0" class="add_data">
                        <tr>
                            <th>职位名称</th>
                            <th>企业名称</th>
                            <th>所在展位</th>
                        </tr>
                        <tr>
                            <td colspan="2" class="noborder"></td>
                        </tr>
                        @foreach($data as $val)
                            @if($val->putJobs)
                                <tr class="data-tr">
                                    <td><a href="{{route($sub_site.'mobile.jobfair.jobs.show',['id'=>$val->putJobs->id])}}">{{$val->putJobs->jobs->jobs_name or ''}}</a></td>
                                    <td><a href="{{route($sub_site.'mobile.company.show',['id'=> $val->company_id,'jobfair_id'=>$val->jobfair_id,'position_id'=>$val->position_id])}}">{{$val->putJobs->jobs->company_name or ''}}</a></td>
                                    <td>{{$val->putJobs->jobfair_company->position or ''}}</td>
                                </tr>
                            @else
                                <tr class="data-tr">
                                    <td colspan="3">该职位不存在或被删除</td>
                                </tr>
                            @endif
                        @endforeach
                    </table>
                @else
                    <p class="empty">暂无预约信息</p>
                @endif
            </div>
        </div>
    </div>
@endsection


@section('script')
    <script>
        $('#logout').on('click', function () {
            var dialog = new QSpopout();
            dialog.setContent('确定退出吗？');
            dialog.show();
            dialog.getPrimaryBtn().on('click', function () {
                window.location.href = "{{ route($sub_site.'mobile.logout') }}";
            });
        });

        $(function(){
            var page = 1;
            var mobile_url = "{{route($sub_site.'mobile.jobfairInterview',['page'=>''])}}";
            $('.drop_content').dropload({
                scrollArea : window,
                domUp : {
                    domClass   : 'dropload-up',
                    domRefresh : '<div class="dropload-refresh">加载中...</div>',
                    domUpdate  : '<div class="dropload-update">加载中...</div>',
                    domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>'
                },
                domDown : {
                    domClass   : 'dropload-down',
                    domRefresh : '<div class="dropload-refresh">加载中...</div>',
                    domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
                    domNoData  : '<div class="dropload-noData">没有更多数据~~</div>'
                },
                @if($mobile_dropload)
                loadDownFn : function(me){
                    page++;
                    $.ajax({
                        type: 'GET',
                        url: mobile_url+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();
                        }
                    });
                },
                @endif
                threshold : 50
            });
        });
    </script>
@endsection