{#layout name="public/layout" /#}
{#load href="__ROOT__/assets/css/mobile/m_resumeDetail.css" /#}
{#load href="__ROOT__/assets/js/mobile/swiper/swiper-bundle.min.js" /#}
{#load href="__ROOT__/assets/js/mobile/swiper/swiper-bundle.min.css" /#}
<div id="app">
    <div class="public_head">
        <div class="topMeny"></div>
    </div>
    <van-notice-bar v-if="mySetmeal.enable_video_interview===0" :scrollable="false" text="当前套餐不允许使用视频面试，请发起普通面试邀请"></van-notice-bar>
    <van-form @submit="onSubmit">
        <van-field
                required
                class="reset_after"
                name="type"
                v-model="form.type"
                label="面试形式"
                :rules="[{ required: true, message: '请选择面试形式' }]"
        >
            <template #input>
                <van-radio-group
                        v-model="form.type"
                        direction="horizontal"
                        icon-size="14px"
                >
                    <van-radio name="1">面试邀请</van-radio>
                    <van-radio name="2" :disabled="mySetmeal.enable_video_interview===0?true:false">视频面试</van-radio>
                </van-radio-group>
            </template>
        </van-field>
        <van-field
                readonly
                v-model="apply_fullname"
                required
                label="面试人"
                placeholder="请填写"
                class="reset_after"
        ></van-field>
        <van-field
                v-if="from != 'apply'"
                readonly
                clickable
                required
                v-model="jobname"
                label="面试职位"
                placeholder="请选择"
                @click="selectJob"
                class="form_choose reset_after"
        ></van-field>
        <van-popup
                v-model="showJobsPicker"
                position="bottom"
                v-if="from != 'apply'"
        >
            <van-picker
                    show-toolbar
                    :columns="options_jobs"
                    @confirm="onConfirmJob"
                    @cancel="showJobsPicker = false"
            ></van-picker>
        </van-popup>
        <van-field
                required
                readonly
                clickable
                name="interview_date"
                v-model="form.interview_date"
                label="面试日期"
                placeholder="请选择"
                @click="showDatePicker = true"
                class="form_choose reset_after"
                :rules="[{ required: true, message: '请选择面试日期' }]"
        ></van-field>
        <van-popup v-model="showDatePicker" position="bottom">
            <van-datetime-picker
                    type="date"
                    title="选择面试日期"
                    :min-date="minDate"
                    :formatter="formatterDate"
                    @confirm="handlerDate"
            ></van-datetime-picker>
        </van-popup>
        <van-field
                required
                readonly
                clickable
                name="interview_time"
                v-model="form.interview_time"
                label="面试时间"
                placeholder="请选择"
                @click="showTimePicker = true"
                class="form_choose reset_after"
                :rules="[{ required: true, message: '请选择面试时间' }]"
        ></van-field>
        <van-popup v-model="showTimePicker" position="bottom">
            <van-datetime-picker
                    type="time"
                    title="选择面试时间"
                    :min-hour="8"
                    :max-hour="20"
                    :formatter="formatterTime"
                    @confirm="handlerTime"
                    :filter="filterTime"
            ></van-datetime-picker>
        </van-popup>
        <van-field
                v-if="form.type==1"
                name="address"
                v-model="form.address"
                required
                label="面试地点"
                placeholder="请填写"
                class="reset_after"
                :rules="[{ required: true, message: '请填写面试地点' }]"
        ></van-field>
        <div class="form_split_10"></div>
        <van-field
                name="contact"
                v-model="form.contact"
                required
                label="联系人"
                placeholder="请填写"
                class="reset_after"
                :rules="[{ required: true, message: '请填写联系人' }]"
        ></van-field>
        <van-field
                name="tel"
                v-model="form.tel"
                required
                type="number"
                label="联系电话"
                placeholder="请填写"
                class="reset_after"
                :rules="[{ required: true, message: '请填写联系电话' }]"
        ></van-field>
        <van-field
                name="note"
                v-model="form.note"
                label="备注"
                placeholder="请填写"
                class="reset_after"
        ></van-field>
        <div style="margin: 16px;">
            <van-button round block type="info" native-type="submit">
                发送面试邀请
            </van-button>
        </div>
    </van-form>
</div>
{#load href="__ROOT__/assets/js/mobile/resume_invitation.js" /#}
<style>
    body {
        background: #ffffff;
    }
    .split_bar {
        width: 100%;
        height: 9px;
    }
</style>