@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;}
        .manger_position{ background: url("{{ theme_asset('mobile/images/jobfair/manger_position.png') }}") no-repeat;}
        .tuijian{ background: url("{{ theme_asset('mobile/images/jobfair/tuijian.png') }}") no-repeat;}
        .xin{ background: url("{{ theme_asset('mobile/images/jobfair/xin.png') }}") no-repeat;}
        .mianshi{ background: url("{{ theme_asset('mobile/images/jobfair/mianshi.png') }}") no-repeat;}
        footer{position:relative;}
        footer img{position:absolute;}
    </style>
@endpush

@section('content')
    <header>
        <div class="logo">
{{--            <img src="{{ theme_asset('mobile/images/jobfair/jobfair-logo.png') }}">--}}
        </div>
        <br class="clear">
        <div class="jofair-title">
            <strong>欢迎参加</strong>
            <p>{{$info[0]->jobfair->title}}</p>
            <p>现场实时参会企业<span>{{count($info)}}家</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="../public/images/jobfair/jobfair-banner.png">-->
        </div>
    </section>
    <section>
        <div class="content">
            <ul>
                <li><a href="{{route($sub_site.'mobile.jobfairCompany',['jobfair_id'=>$jobfair_id])}}" class="manger_position">参会企业<span class="icon-right"><span class="num">{{$companys->total()}}</span>></span></a></li>
                <li><a href="{{route($sub_site.'mobile.jobfairJobs',['jobfair_id'=>$jobfair_id])}}" class="tuijian">所有职位<span class="icon-right"><span class="num">{{$jobs->total()}}</span>></span></a></li>
                <li><a href="{{route($sub_site.'mobile.jobfairOrder',['jobfair_id'=>$jobfair_id])}}" class="xin">我的预约<span class="icon-right"><span class="num">{{$orders->total()}}</span>></span></a></li>
                <li><a href="{{route($sub_site.'mobile.jobfairInterview',['jobfair_id'=>$jobfair_id])}}" class="mianshi">收到的面试邀请<span class="icon-right"><span class="num">{{$interview->total()}}</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($sub_site.'mobile.logout') }}";
            });
        });
    </script>
@endsection