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

@push('meta')

@endpush

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

@push('js')

@endpush
@section('content')
    <div class="jobfair-top">
        <div class="title font20 substring">{{ $jobfair->title }}</div>
        <div class="date font16">{{ date('Y.m.d日 H:i', $jobfair->holddate_start) }} - {{ date('Y.m.d H:i', $jobfair->holddate_end) }}</div>
        <div class="btns">
            <div class="btn info" onclick="javascript:location.href=''">查看详情</div>
            <div class="btn com J_to_comlist" data-num="" onclick="javascript:location.href='{{ route('mobile.company.list',['id'=>$jobfair->id]) }}'">参会企业</div>
            <div class="clear"></div>
        </div>
        <div class="district substring">{{ $jobfair->address }}</div>
    </div>
    <div class="list_height plist-txt">
        <div class="pic"></div>
        <div class="tit font14">选择展区</div>
        <div class="describe font13 qs-relative">
            <div class="for-select">请选择</div>
            <select id="area" name="area">
                @foreach($jobfair->floorPlan as $key => $val)
                    <option value="{{ $val->id }}">{{ $val->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>
    <div class="list-split-block"></div>

    <div class="zph_width">
        <div class="zph_bt zph_bt_lan">可以预定</div>
        <div class="zph_bt zph_bt_huang">审核中</div>
        <div class="zph_bt zph_bt_hong">预定成功</div>
        <div class="zph_bt zph_bt_hei">预留锁定</div>
        <div class="clear"></div>
        <div class="list-split-block"></div>
        <div class="reserve1_img">
            {{--<img src="" class="jobfairImg">--}}
            <div class="reserve_main booth">

            </div>
        </div>
        <div class="clear"></div>
    </div>

    <div class="list-split-block"></div>

@endsection
@section('script')

<script>
    var floorplan_id= $("select[name='area']").val();
    var jobfair_id = "{{ $jobfair->id }}";
    jobfairShow(floorplan_id, jobfair_id);
    $("select[name='area']").change(function(){
        floorplan_id = $(this).val();
        jobfairShow(floorplan_id, jobfair_id);
    })
    function jobfairShow (floorplan_id, jobfair_id){
        $.ajax({
            type:"get",
            url:"{{ route('jobfair.ajax.get.data') }}",
            data:{jobfair_id:jobfair_id,floorplan_id:floorplan_id},
            async:true,
            success:function(result){
                if(result.status==1){
                    $(".reserve_main").html("");
                    for (var i = 0; i < result.value.length; i++) {
                        var statusClass,statusTxt,restxt='';
                        var jobslist='';
                        switch(result.value[i].status){

                            case 1://可预订
                                statusClass = "zph_bt_lan order";
                                statusTxt = "可预订";
                                restxt = "展位号："+result.value[i].name;
                                break;
                            case 2://预留已锁定
                                statusClass = "zph_bt_hei";
                                statusTxt = "预留已锁定";
                                restxt = "展位号："+result.value[i].name;
                                break;
                            case 3://审核中
                                statusClass = "zph_bt_huang";
                                statusTxt = "审核中";
                                restxt = result.value[i].company.companys.companyname;
                                break;
                            case 4://已预订
                                statusClass = "zph_bt_hong";
                                statusTxt = "已预订";
                                var jobfairArr = result.value[i].company.jobfair_put_job;
                                for(var k =0 ;k<jobfairArr.length;k++){
                                    var amount ='';
                                    if(jobfairArr[k].amount) {
                                        amount = jobfairArr[k].amount;
                                    } else {
                                        amount = '若干'
                                    }
                                    jobslist+='<li><div class="jname">职位：<a>'+ jobfairArr[k].jobs_name +'</a></div><div class="jnum">人数：'+ amount +'</div></span></li>';
                                }
                                restxt = result.value[i].company.companys.companyname+'<ul>'+ jobslist +'</ul>';
                                break;
                        }
                        var html='<div data-id="zw-'+ i +'" class="li zw-box zph_bt '+ statusClass +'" positionid="'+ result.value[i].id +'" >' +
                            '<a class="zw-name">'+ result.value[i].name +'</a>' +
                            '</div>';
                        $(".reserve_main").append(html);
                    }
                }
            }
        });
    }

    $(".reserve_main").on('click','.zw-box.order',function(){
        var position_id = $(this).attr("positionid");
        var url = "{{ route('jobfair.appoint.save') }}";
        $.getJSON(url,{jobfair_id:jobfair_id,position_id:position_id,floorplan_id:floorplan_id},function (res) {
            var popout = new QSpopout('预定招聘会');
            if (res.status == 1) {
                popout.getPrimaryBtn().on('click', function () {
                    $.post(url,{position_id:position_id,jobfair_id:jobfair_id,floorplan_id:floorplan_id,_token:"{{ csrf_token() }}"},function(result){
                        if(result.status==1){
                            qsToast({type: 1, context:result.msg});
                            setTimeout(function() {
                                location.reload();
                            },2000);
                        }else{
                            qsToast({type: 2, context:result.msg});
                        }
                    });
                });
                popout.show();
            } else {
                if(res.type == 1){
                    qsToast({type: 2, context:"请登录企业账号，再预定招聘会"});
                }
                qsToast({type: 2, context:res.msg});
            }
        })
    });
</script>
@endsection