@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">
    <style type="text/css">
        body{background-color: #fff;}
        ul,li {list-style-type:none;}
        a:link, a:visited, a:hover, a:active {color:#000; text-decoration:none;}
        img,input{ border:0; width: 100%;}
        input, select, textarea {font-size:16px;}
        header{margin:15px 5%; text-align: center;}
        .banner,.banner img{ width: 100%; }
        .content{ margin:20px 5% 20px 5%;}
        .content ul li{width: 100%; height: 50px; margin-bottom: 12px;}
        .content ul li a{display: block; line-height: 45px; font-size: 18px; padding-left: 55px; padding-bottom: 8px; border-bottom: #f0f0f0 solid 2px;background-size:0.8rem;}
        .content ul li a span{color:#b6b6b6; position: relative;}
        .content ul li a span span.num{ width: 26px; height: 26px; background: #ff3333; color:#FFF; border-radius: 13px; position: absolute; top: 10px; right: 25px; line-height: 26px; text-align: center; font-size: 14px; font-weight: normal;}
        .icon-right{ float: right; }
        .clear{
            clear: both;
            content: " ";
            display: block;
            font-size: 0;
            height: 0;
            visibility: hidden;
        }
        .jofair-title{color: #000;line-height: .56rem;font-size:.3rem;font-weight: bold;}
        .jofair-title span{color:#ff3333;margin: 0 .1rem;}
        .login-register{ background: url("{{ theme_asset('mobile/images/jobfair/login-register.png') }}") no-repeat;}
        .talented{ background: url("{{ theme_asset('mobile/images/jobfair/talented.png') }}") no-repeat;}
        .work{ background: url("{{ theme_asset('mobile/images/jobfair/work.png') }}") no-repeat;}
        .mycollect{ background: url("{{ theme_asset('mobile/images/jobfair/mycollect.png') }}") no-repeat;}
        .shoudao{ background: url("{{ theme_asset('mobile/images/jobfair/shoudao.png') }}") no-repeat;}
        footer{position:relative;}
        footer img{position:absolute;}
    </style>
@endpush

@section('content')
    <header>
        <div class="logo">
        </div>
        <br class="clear">
        <div class="jofair-title">
            <strong>欢迎参加</strong>
            <p>{{ $jobfairScene->jobfair->title }}</p>
            <p>您的预定的展位号为<span>{{ $jobfairScene->position_arr }}</span></p>
            {{--<p>现场实时求职者<span>220</span>人</p>--}}
            <p><a href="javascript:void(0)" onclick="location.reload()"  class="qs-btn qs-btn-blue font18" style="margin-top: .3rem;display:inline-block;width:22%;height:.8rem;line-height:.8rem;color:#fff;font-size:.3rem;">刷 新</a></p>
        </div>
    </header>
    {{--<section>--}}
        {{--<div class="banner">--}}
            {{--<img src="{{ theme_asset('mobile/images/jobfair/jobfair-banner.png') }}">--}}
        {{--</div>--}}
    {{--</section>--}}
    <section>
        <div class="content">
            <ul>
                <li><a href="{{ route('mobile.firm.jobfair.scene.jobs',['jobfair_id'=>$jobfair_id]) }}" class="login-register">招聘会职位<span class="icon-right"><span class="num">{{$jobfairJobCount}}</span>></span></a></li>
                <li><a href="{{ route('mobile.firm.jobfair.scene.resumes',['jobfair_id'=>$jobfair_id]) }}" class="talented">猜你喜欢<span class="icon-right"><span class="num">{{$fitResumeCount}}</span>></span></a></li>
                <li><a href="{{ route('mobile.firm.jobfair.scene.interview',['jobfair_id'=>$jobfair_id]) }}" class="work">发出的面试邀请<span class="icon-right"><span class="num">{{$interviewCount}}</span>></span></a></li>
                <li><a href="{{ route('mobile.firm.jobfair.scene.yuyue',['jobfair_id'=>$jobfair_id]) }}" class="mycollect">收到的预约<span class="icon-right"><span class="num">{{$yuyueCount}}</span>></span></a></li>
                {{--<li><a href="" class="shoudao">收到的简历<span class="icon-right"><span class="num">24</span>></span></a></li>--}}
            </ul>
        </div>
    </section>
    {{--<footer>--}}
        {{--<img src="{{ theme_asset('mobile/images/jobfair/jobfair-foot.png') }}">--}}
    {{--</footer>--}}
@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('mobile.logout') }}";
            });
        });
    </script>
@endsection