@extends('app.hardware.layout.hardware')

@push('meta')

@endpush

@push('css')

    <link rel="stylesheet" href="{{theme_asset('app/css/aio/common.css')}}" />
    <link rel="stylesheet" href="{{ theme_asset('app/css/aio/joblist/jobMatching.css') }}" />
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/footer.css')}}" />
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/pagers.css')}}" />
@endpush

@push('js')
    <script type="text/javascript" src="{{theme_asset('app/js/aio/myDiv.js')}}"></script>
@endpush

@section('content')
    <div class="jobmatching-content">
        <div class="jobmatching-body">
            @if($allJobfair->total())
                <div class="content-top-infolist">
                    <ul class="top-infolist-ul">
                        @foreach($allJobfair as $key => $val)
                            <li class="infolist-ul-li">
                                <a href="{{ route('hardware.aio.jobfair.detail',['id'=>$val->id]) }}">
                                    <table class="infolist-ul-li-table" cellspacing="0" cellpadding="0" border="0">
                                        <tr>
                                            <td rowspan="3" class="jobfairlist_date">
                                                <p style="font-size:40px;">{{ date('m月',$val->holddate_start) }} </p>
                                                <p style="font-size:30px;">{{ date('d日',$val->holddate_start) }} </p>
                                            </td>
                                            <td style="text-align:left;padding-left:45px;height:60px;font-size:30px;font-weight:bold;color:#3d3d3d;">
                                                <strong>
                                                    <span class="li-table-info">{{ cut_str($val->title,20,0,'...') }}</span>
                                                </strong>
                                            </td>
                                            <td  rowspan="3">
                                                <a class="li-table-btn" href="{{ route('hardware.aio.jobfair.detail',['id'=>$val->id]) }}">详情</a>
                                                <a class="li-table-btn" href="{{ route('hardware.aio.jobfair.company', ['id'=>$val->id]) }}">参会企业</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="text-align:left;padding-left:45px;height:35px;font-size:22px;color:#575756;"><span class="li-table-info">举办时间：{{ date('m-d H:i',$val->holddate_start) }} 至 {{ date('m-d H:i',$val->holddate_end) }}&nbsp;{{ $week[date('w',$val->holddate_start)] }}</span></td>
                                        </tr>
                                        <tr>
                                            <td style="text-align:left;padding-left:45px;height:40px;font-size:22px;color:#575756;"><span class="li-table-info">举办地点：{{ $val->address }} </span></td>
                                        </tr>
                                    </table>
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </div>
                <div class="pagers" style="width: 1500px;">
                    {{ $allJobfair->links('module.widgets.pagination') }}
                </div>
            @else

                <div class="pagers recoil">无招聘会</div>
            @endif
        </div>
        <div class="newjoblist-footer">
            @include('app.hardware.layout.footer')
        </div>
    </div>
@endsection

@section('script')
    <script type="text/javascript" src="{{theme_asset('app/js/aio/countdown.js')}}"></script>
    <script>
        function close(){
            document.getElementById("MyDiv").style.display='none';
            document.getElementById("fade").style.display='none';
        }
    </script>
@endsection