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

@push('meta')

@endpush

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

@push('js')
    <script type="text/javascript" src="{{theme_asset('mobile/js/rem.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('mobile/js/htmlspecialchars.js')}}"></script>
@endpush

@section('content')
    <div class="list_height plist-txt notarrow">
        <div class="pic"></div>
        <div class="tit font14">面试人<span class="font_red_light">*</span></div>
        <div class="describe font13">
            <input type="text" id="resume_name" readonly="true" value="{{$resume['member_infos']['realname']}}">
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>

    <div class="list_height plist-txt">
        <div class="pic"></div>
        <div class="tit font14">面试职位<span class="font_red_light">*</span></div>
        <div class="describe font13">
            <span class="for-select" id="jobs_select_span"></span>
            <select id="jobs_id" name="jobs_id">
                @if($jobs)
                    @foreach($jobs as $k=>$v)
                        <option value="{{$v->id}}" @if($is_apply) @if($v->id == $default_jobs['jobs_id']) selected="selected" @endif @endif >{{$v->jobs_name}}</option>
                    @endforeach
                @endif
            </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">面试日期<span class="font_red_light">*</span></div>
        <div class="describe font13">
            <input id="date" class="in" type="text" placeholder="请选择" readonly="readonly" />
        </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">面试时间<span class="font_red_light">*</span></div>
        <div class="describe font13 qs-temp-time js-showActionSheet">
            <span class="f-aptime-txt">请选择</span>
            <input class="f-time-code" id="time" type="hidden">
            <input class="f-ap-code" id="ap" type="hidden" value="1">
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
        <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">
                            <div class="s-bar">
                                <div class="s-bar-title qs-left">面试时间</div>
                                <div class="clear"></div>
                            </div>
                            <div class="s-list"></div>
                        </div>
                        <div class="f-box">
                            <div class="f-box-inner">
                                <li><a class="font12 f-item f-item-ap select" href="javascript:;" data-code="1">上午</a></li>
                                <li><a class="font12 f-item f-item-ap" href="javascript:;" data-code="2">下午</a></li>
                            </div>
                            <div class="f-box-inner">
                                <div class="f-aptime-group">
                                    <li><a class="font12 f-item f-item-time select" href="javascript:;" data-code="8">8：00</a></li>
                                    <li><a class="font12 f-item f-item-time" href="javascript:;" data-code="9">9：00</a></li>
                                    <li><a class="font12 f-item f-item-time" href="javascript:;" data-code="10">10：00</a></li>
                                    <li><a class="font12 f-item f-item-time" href="javascript:;" data-code="11">11：00</a></li>
                                </div>
                                <div class="f-aptime-group qs-hidden">
                                    <li><a class="font12 f-item f-item-time select" href="javascript:;" data-code="2">2：00</a></li>
                                    <li><a class="font12 f-item f-item-time" href="javascript:;" data-code="3">3：00</a></li>
                                    <li><a class="font12 f-item f-item-time" href="javascript:;" data-code="4">4：00</a></li>
                                    <li><a class="font12 f-item f-item-time" href="javascript:;" data-code="5">5：00</a></li>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="list_height plist-txt notarrow">
        <div class="pic"></div>
        <div class="tit font14">面试地点<span class="font_red_light">*</span></div>
        <div class="describe font13">
            <input type="text" id="address" value="@if($company->address){{$company->address}}@else{{$company->district_cn}}@endif">
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>

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

    <div class="list_height plist-txt notarrow">
        <div class="pic"></div>
        <div class="tit font14">联系人<span class="font_red_light">*</span></div>
        <div class="describe font13">
            <input type="text" id="contact" value="{{$company->contact}}">
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>

    <div class="list_height plist-txt notarrow">
        <div class="pic"></div>
        <div class="tit font14">联系电话<span class="font_red_light">*</span></div>
        <div class="describe font13">
            <input type="text" id="telephone" value="@if($company->mobile){{$company->mobile}}@else{{$company->landline_tel}}@endif">
        </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>
        <a href="#describe" class="describe font13 notesText">请输入</a>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>

    <div class="list_height plist-txt notarrow">
        <div class="pic"></div>
        <div class="tit font14">同时短信通知</div>
        <div class="describe font13">
            <div class="d-switch js-d-switch @if($company->sms_num){{"active"}}@endif"></div>
            @if($company->sms_num)
                <input type="hidden" id="sms_notice" value="1">
            @else
                <input type="hidden" id="sms_notice" value="0">
            @endif
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>

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

    <div class="btn-spacing">
        <input type="hidden" id="notes" value="">
        <a id="J_saveresume"  href="javascript:;" class="qs-btn qs-btn-blue font18">发送面试邀请</a>
    </div>

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

    <script type="text/html" id="tpl-notes">
        <div class="headernavfixed">
            <div class="headernav font18"><div class="title">面试邀请备注<div class="return js-back"></div><div class="rbtn"></div></div></div>
        </div>
        <div class="per-introduce">
            <textarea placeholder="请输入面试邀请备注" name="tpl_notes" id="tpl_notes" maxlength="100"></textarea>
        </div>
        <div class="per-introduce-tip">
            <div class="text-num">最多可输入100字</div>
            <div class="J_empty text-clear">清空</div>
            <div class="clear"></div>
        </div>
        <div class="split-block"></div>
        <div class="btn-spacing">
            <div id="notesBtn" class="qs-btn qs-btn-blue font18" title="确定">确定</div>
        </div>
    </script>
    <script type="text/javascript" src="{{theme_asset('mobile/js/popWin.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('mobile/js/zepto.mdater.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/regular.js')}}"></script>
@endsection

@section('script')

    <script src="{{theme_asset('mobile/js/fastclick.js')}}"></script>
    <script src="{{theme_asset('mobile/js/qsToast.js')}}"></script>
    <script src="{{theme_asset('mobile/js/QSpopout.js')}}"></script>
    <script src="{{theme_asset('mobile/js/QSfilter.js')}}"></script>
    <script src="{{theme_asset('mobile/js/scrollTo.js')}}"></script>

    <script>
        // 处理select
        $('select').on('change', function () {
            $(this).prev().text($(this).find('option').not(function(){ return !this.selected }).text());
        })
        $('select').each(function () {
            $(this).prev().text($(this).find('option').not(function(){ return !this.selected }).text());
        })
        //短信 开关
        var sms_num = "{{$company->sms_num}}";
        $('.js-d-switch').on('click', function () {
            if(sms_num == 0){
                var popout = new QSpopout('操作提示');
                popout.setContent('您的短信条数已用完，请先购买短信');
                popout.setBtn(1);
                popout.show();
                return !1;
            }
            if ($(this).hasClass('active')) {
                $('#sms_notice').val('0');
                $(this).removeClass('active');
            } else {
                $('#sms_notice').val('1');
                $(this).addClass('active');
            }
        });

        // 日期插件调用
        $('.in').mdater({
            minDate : new Date(2015, 12, 13)
        });
        $(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);
                }
            });
        });

        // 上午下午选择
        $('.f-item-ap').on('click', function () {
            $('.f-item-ap').removeClass('select');
            $(this).addClass('select');
            var thisCode = $(this).data('code');
            $('.f-ap-code').val(thisCode);
            $('.f-aptime-group').addClass('qs-hidden');
            $('.f-aptime-group').eq((thisCode-1)).removeClass('qs-hidden');
        });

        // 时间选择
        $('.f-item-time').on('click', function () {
            $('.f-item-time').removeClass('select');
            $(this).addClass('select');
            var thisCode = $(this).data('code');
            $('.f-time-code').val(thisCode);
            var timeHtml = '';
            $('.f-ap-code').val() == 1 ? timeHtml += '上午' : timeHtml += '下午';
            timeHtml += thisCode + '点';
            $('.f-aptime-txt').text(timeHtml);
            $(this).closest('.js-actionParent').find('.js-actionsheet').removeClass('qs-actionsheet-toggle');
            $(this).closest('.js-actionParent').find('.qs-mask').fadeOut(200);
        });
        var describeTemp = $('#tpl-notes').html();
        $(".notesText").on('click', function() {
            var $this = $(this),
                baseTxt = $this.text();
            popWin.init({
                from:"right",
                html:describeTemp,
                handle:function(a){
                    if ($('#notes').val().length) {
                        $('#tpl_notes').val($('#notes').val());
                    }
                    $('.J_empty').on('click',function(){
                        $('#tpl_notes').val('');
                    });
                    $('#notesBtn').on('click',function(){
                        $('#notes').val($('#tpl_notes').val());
                        $('.notesText').html($('#tpl_notes').val());
                        a.close();
                    });
                }
            })
        });

        // 验证表单并提交
        $('#J_saveresume').die().live('click', function() {
            var type = "{{ $type }}";
            var resume_id = "{{ $resume['id'] }}";
            var resume_name = $.trim($('#resume_name').val());
            var jobs_id = $.trim($('#jobs_id').val());
            var date = $.trim($('#date').val());
            var time = $.trim($('#time').val());
            var ap = $.trim($('#ap').val());
            var address = $.trim($('#address').val());
            var contact = $.trim($('#contact').val());
            var telephone = $.trim($('#telephone').val());
            var notes = $.trim($('#notes').val());
            var sms_notice = $('#sms_notice').val();
            if (jobs_id == "") {
                qsToast({type:2,context: '请选择职位'});
                return false;
            }
            if (date == "") {
                qsToast({type:2,context: '请选择日期'});
                return false;
            }
            if (time == "" || ap == '') {
                qsToast({type:2,context: '请选择时间'});
                return false;
            }
            if (address == "") {
                qsToast({type:2,context: '请填写地址'});
                return false;
            }
            if (contact == "") {
                qsToast({type:2,context: '请填写联系人'});
                return false;
            }
            if (telephone == "") {
                qsToast({type:2,context: '请填写联系电话'});
                return false;
            }
            $('#J_saveresume').val('保存中...').addClass('qs-btn-border-disabled');
            // 提交表单
            $.ajax({
                url: "{{route('hardware.pad.search.resume.jobsinterview')}}",
                type: 'POST',
                dataType: 'json',
                data: {type:type,resume_id:resume_id,resume_name: resume_name,jobs_id: jobs_id, date: date,time: time,ap: ap, address: address, contact: contact,telephone:telephone,notes:notes,sms_notice:sms_notice,_token:"{{csrf_token()}}"},
                success:function(data){
                    console.log(data);
                    if (data.status == 1) {
                        qsToast({type:1,context: data.msg});
                        setInterval(function(){
                            window.location.href = data.back_url;
                        },2000);
                    } else {
                        qsToast({type:2,context: data.msg});
                    }
                    $('#J_saveresume').val('保存').removeClass('qs-btn-border-disabled');
                },
                error:function(result){
                    console.log(result);
                    $('#J_saveresume').val('保存').removeClass('qs-btn-border-disabled');
                    qsToast({type:2,context: result.msg});
                }
            });
        });
    </script>
@endsection