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

@push('meta')

@endpush

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

@push('js')
    <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
@endpush
@section('content')
    <div class="split-block"></div>
    <div class="jobfair-info">
        <div class="title font16">{{ $jobfair->title }}</div>
        <div class="pic date">{{ date('Y.m.d H:i', $jobfair->holddate_start) }} - {{ date('Y.m.d H:i', $jobfair->holddate_end) }}</div>
        <div class="pic contact">{{ $jobfair->phone }}（{{ $jobfair->contact }}）</div>
        <div class="pic district">{{ $jobfair->address }}</div>
        @if($jobfair->predetermined_ok == 0)
            <div class="status"></div>
        @endif
    </div>

    <div class="split-block-title">
        @if($jobfair->predetermined_ok == 1)
            目前已有 <strong>{{ $companyCount->count()}}</strong> 家企业参会，正在陆续增加中.....
        @else
            共有 <strong>{{ $companyCount->count() }}</strong> 家企业参会
        @endif
    </div>
    @if($jobfairCompany->count())
        <div class="add_data">
            @foreach($jobfairCompany as $key => $val)
                <div class="com-list-item " onclick="javascript:location.href='{{ route('mobile.company.jobs',['company_id'=>$val->company_id,'jobfair_id'=>$val->jobfair_id]) }}'">
                    <div class="com-info">
                        <div class="logo">
                            <img src="@if($val->companys->logo) {{ upload_asset($val->companys->logo) }} @else {{ attach('no_logo.png','') }} @endif" border="0" />
                        </div>
                        <div class="info">
                            <div class="line-one font15 substring">{{ $val->companys->companyname }}</div>
                            <div class="line-two font14 substring">展位号：<strong>{{ $val->position }}</strong></div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="com-district font13">
                        <div class="district substring">{{ $jobfair->address }}</div>
                        <div class="more-jobs link_yellow"><a href="{{ route('mobile.company.show',['id'=>$val->company_id,'jobfair_id'=>$val->jobfair_id,'postion_id'=>$val->position_id]) }}">共{{ $val->jobfairPutJob->count() }}个在招职位>></a></div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="list-split-block"></div>
            @endforeach
        </div>
    @else
        <div class="list-empty link_blue">
            暂无企业参会！
        </div>
    @endif
@endsection
@section('script')
    <script type="text/javascript">
        // 页数
        var page = 0;
        // dropload
        $('.drop_content').dropload({
            scrollArea : window,
            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>'
            },
            loadDownFn : function(me){
                page++;
                $.ajax({
                    type: 'GET',
                    url: '{{ route('mobile.company.list',['id'=>$jobfair->id])}}?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