@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">
@endpush

@push('js')
    <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
@endpush

@section('content')
    <div class="list_height plist-txt notarrow">
        <div class="pic"></div>
        <div class="tit font14">订阅名称:</div>
        <div class="describe font13">
            <input type="text" id="title" name="title"  value="{{ $content->title or '职位订阅'.date('Ymd') }}"/>
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>

    <div class="list_height plist-txt js-actionParent">
        <div class="pic"></div>
        <div class="tit font14">职位分类</div>
        <div class="describe font13 qs-temp js-showActionSheet" data-type="jobs" data-base="QS_jobs_parent" data-source="QS_jobs" data-multiple="true" data-num="3" data-link="false" data-level="3">
            <span class="qs-temp-txt-jobs" data-otxt="{{ $content->intention_jobs or '请选择' }}">{{ $content->intention_jobs or '请选择' }}</span>
            <input class="qs-temp-code-jobs" name="intention_jobs_id" id="intention_jobs_id" type="hidden" value="{{ $content->intention_jobs_id or '' }}" />
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
        <!--BEGIN actionSheet-->
        <div>
            <div class="qs-mask" style="display: none"></div>
            <div class="qs-actionsheet js-actionsheet">
                <div class="qs-actionsheet-menu">
                    <div class="con-filter">
                        <div class="f-selected-group f-selected-group-jobs">
                            <div class="s-bar">
                                <div class="qs-btn qs-btn-inline qs-btn-small qs-btn-border-gray qs-left js-cancelActionSheet">取消</div>
                                <div class="qs-btn qs-btn-inline qs-btn-small qs-btn-border-orange qs-right js-cancelActionSheet" id="qs-temp-confirm-jobs">确定</div>
                                <div class="clear"></div>
                            </div>
                            <div class="s-list qs-hidden"></div>
                        </div>
                        <div class="f-box f-box-jobs"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="list_height plist-txt js-actionParent">
        <div class="pic"></div>
        <div class="tit font14">工作地区</div>
        <div class="describe font13 qs-temp js-showActionSheet" data-type="city" data-base="QS_city_parent" data-source="QS_city" data-multiple="true" data-num="3" data-link="false" data-level="3" data-addjob="true">
            <span class="qs-temp-txt-city" data-otxt="{{ $content->district_cn or '请选择' }}">{{ $content->district_cn or '请选择' }}</span>
            <input class="qs-temp-code-city" name="district" id="district" type="hidden" value="{{ $content->district or '' }}" />
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
        <!--BEGIN actionSheet-->
        <div>
            <div class="qs-mask" style="display: none"></div>
            <div class="qs-actionsheet js-actionsheet">
                <div class="qs-actionsheet-menu">
                    <div class="con-filter">
                        <div class="f-selected-group f-selected-group-city">
                            <div class="s-bar">
                                <div class="qs-btn qs-btn-inline qs-btn-small qs-btn-border-gray qs-left js-cancelActionSheet">取消</div>
                                <div class="qs-btn qs-btn-inline qs-btn-small qs-btn-border-orange qs-right js-cancelActionSheet" id="qs-temp-confirm-city">确定</div>
                                <div class="clear"></div>
                            </div>
                            <div class="s-list qs-hidden"></div>
                        </div>
                        <div class="f-box f-box-city"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="list_height plist-txt notarrow">
        <div class="pic"></div>
        <div class="tit font14">邮箱</div>
        <div class="describe font13">
            <input id="email" name="email" type="text" value="{{ $content->email or auth('web-member')->user()->email }}">
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>

    <div class="list_height plist-txt js-actionParent">
        <div class="pic"></div>
        <div class="tit font14">行业分类</div>
        <div class="describe font13 qs-temp-level1 js-showActionSheet" data-type="trade" data-base="QS_trade" data-multiple="true" data-num="1" data-link="false">
            <span class="qs-temp-txt-trade" data-otxt="{{ $content->trade_cn or '请选择' }}">{{ $content->trade_cn or '请选择' }}</span>
            <input class="qs-temp-code-trade" name="trade" id="trade" type="hidden" value="{{ $content->trade or '' }}" />
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
        <!--BEGIN actionSheet-->
        <div>
            <div class="qs-mask" style="display: none"></div>
            <div class="qs-actionsheet js-actionsheet">
                <div class="qs-actionsheet-menu">
                    <div class="con-filter">
                        <div class="f-selected-group f-selected-group-trade">
                            <div class="s-bar">
                                <div class="qs-btn qs-btn-inline qs-btn-small qs-btn-border-gray qs-left js-cancelActionSheet">取消</div>
                                <div class="qs-btn qs-btn-inline qs-btn-small qs-btn-border-orange qs-right js-cancelActionSheet" id="qs-temp-confirm-trade">确定</div>
                                <div class="clear"></div>
                            </div>
                            <div class="s-list qs-hidden"></div>
                        </div>
                        <div class="f-box f-box-trade"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="list_height plist-txt">
        <div class="pic"></div>
        <div class="tit font14">薪资范围</div>
        <div class="describe font13">
            <span class="for-select">请选择</span>
            <select id="wage" name="wage">
                @if(!$content)
                    <option value="">请选择</option>
                @else
                    @if(!$content->wage)
                        <option value="">请选择</option>
                    @endif
                @endif
                @foreach($category['other']['AIX_wage'] as $key => $val )
                    <option value="{{ explode(',',$val)[0] }}" @if($content) @if($content->wage==explode(',',$val)[0]) selected @endif @endif>{{ explode(',',$val)[1] }}</option>
                @endforeach
            </select>
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>

    {{--<div class="list_height plist-txt">
        <div class="pic"></div>
        <div class="tit font14">接收频率</div>
        <div class="describe font13">
            <span class="for-select">{{ $content->rate_cn or '两周' }}</span>
            <select id="rate" name="rate">
                @foreach($category['other']['AIX_rate'] as $key => $val )
                    <option value="{{ explode(',',$val)[0] }}" @if($content) @if($content->rate==explode(',',$val)[0]) selected @endif @else @if(explode(',',$val)[0]==316) selected @endif @endif>{{ explode(',',$val)[1] }}</option>
                @endforeach
            </select>
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>--}}


    {{--<div class="list_height plist-txt">
        <div class="pic"></div>
        <div class="tit font14">发送职位数</div>
        <div class="describe font13">
            <span class="for-select">{{ $content->send_jobs_cn or '20个' }}</span>
            <select id="send_jobs" name="send_jobs">
                @foreach($category['other']['AIX_send_jobs'] as $key => $val )
                    <option value="{{ explode(',',$val)[0] }}" @if($content) @if($content->send_jobs==explode(',',$val)[0]) selected @endif @else @if(explode(',',$val)[0]==318) selected @endif @endif>{{ explode(',',$val)[1] }}</option>
                @endforeach
            </select>
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>--}}


    <input type="hidden" id="id" value="{{ $content->id or '' }}">
    <div class="btn-spacing">
        <a id="btnSave" class="qs-btn qs-btn-blue font18 b-big">保存</a>
    </div>
    <div class="split-block"></div>
@endsection
@section('script')
    <script src="{{ theme_asset('mobile/js/popWin.js') }}"></script>
    <script src="{{ theme_asset('mobile/js/qsCategory.js') }}"></script>

    <script type="text/javascript">
        var default_district = '<?php echo $defaultCity;?>';
        var str_major = '<?php echo json_encode($category['major']['first']);?>';
        var QS_major_parent = eval(str_major);
        for(var i = 0;i <QS_major_parent.length;i ++){
            QS_major_parent[i].step_size = 0;
        }
        var major = '<?php echo json_encode($category['major']['sec']);?>';
        var QS_major = eval('('+major+')');
        for(var i = 0;i <QS_major.length;i ++){
            QS_major[i].step_size = 0;
        }
        var str = '<?php echo json_encode($category['jobs']['first']);?>';
        var QS_jobs_parent = eval(str);
        for(var i = 0;i <QS_jobs_parent.length;i ++){
            QS_jobs_parent[i].step_size = 0;
        }
        var jobs = '<?php echo json_encode($category['jobs']['sec']);?>';
        var QS_jobs = eval('('+jobs+')');
        for(var i = 0;i <QS_jobs.length;i ++){
            QS_jobs[i].step_size = 0;
        }

        var district = '<?php echo json_encode($category['district']['first']);?>';
        var QS_city_parent = eval(district);
        for(var i = 0;i <QS_city_parent.length;i ++){
            QS_city_parent[i].step_size = 0;
        }
        var districts = '<?php echo json_encode($category['district']['person']);?>';
        var QS_city = eval('('+districts+')');
        for(var i = 0;i <QS_city.length;i ++){
            QS_city[i].step_size = 0;
        }
        var other = '<?php echo json_encode($category['other']['AIX_trade']);?>';
        var QS_trade = eval(other);
        for(var i = 0;i <QS_trade.length;i ++){
            QS_trade[i].step_size = 0;
        }

        $(function(){
            $(".js-showActionSheet").on("click", function(){
                var $iosActionsheet = $(this).closest('.js-actionParent').find('.js-actionsheet');
                var $iosMask = $(this).closest('.js-actionParent').find('.qs-mask');
                $iosActionsheet.removeClass('qs-actionsheet-toggle');
                $iosActionsheet.addClass('qs-actionsheet-toggle');
                $iosMask.fadeIn(200);
                $iosMask.on('click', hideActionSheet);
                $(this).closest('.js-actionParent').find('.js-cancelActionSheet').on('click', hideActionSheet);
                $(this).closest('.js-actionParent').find('.qs-actionsheet-cell').on('click', hideActionSheet);
                function hideActionSheet() {
                    $(this).closest('.js-actionParent').find('.js-actionsheet').removeClass('qs-actionsheet-toggle');
                    $(this).closest('.js-actionParent').find('.qs-mask').fadeOut(200);
                }
            });
        });

        $('#btnSave').on('click', function() {
            var idValue = $.trim($('#id').val());
            var titleValue = $.trim($('#title').val());
            var tradeValue = $.trim($('#trade').val());
            var intentionJobsValue = $.trim($('#intention_jobs_id').val());
            var districtValue = $.trim($('#district').val());
            var wageValue = $.trim($('#wage').val());
            var sendTimeValue = '';
            var experienceValue = '';
            var educationValue = '';
            var rateValue = $.trim($('#rate').val());
            var send_jobsValue = $.trim($('#send_jobs').val());
            var natureValue = 62;
            var statusValue = 1;
            var emailValue = $.trim($('#email').val());

            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: '{{ url('person/collection/attention_sub_add') }}',
                type: 'POST',
                dataType: 'json',
                data: {
                    id:idValue,
                    title: titleValue,
                    trade: tradeValue,
                    intention_jobs_id: intentionJobsValue,
                    district: districtValue,
                    wage: wageValue,
                    sendTime: sendTimeValue,
                    experience: experienceValue,
                    education: educationValue,
                    rate: rateValue,
                    send_jobs: send_jobsValue,
                    nature: natureValue,
                    status: statusValue,
                    email: emailValue,
                },
                success: function (data) {
                    window.location.href = "{{ route($sub_site.'mobile.jobsSubscribe') }}";
                },
                error: function (errorData) {
                    console.log(errorData);
                    if (errorData.status==422) {//验证错误
                        $.each(JSON.parse(errorData.response).errors,function (key,val) {
                            qsToast({type:2,context: val[0]});
                            return false;
                        });
                    }
                    else if(errorData.status==400) {//业务错误
                        qsToast({type:2,context: JSON.parse(errorData.response).message});
                        return false;
                    }
                }
            })
        });


    </script>
@endsection