<link href="/min?f=/css/webht/bootstrap-multiselect/bootstrap-multiselect.css,/css/webht/jquery-ui-1.10.0.custom.css" rel="stylesheet">
<script src="/min?f=/js/jquery-ui.min.js,/css/webht/bootstrap-multiselect/bootstrap-multiselect.js"></script>

<script type="text/javascript">


    $(document).ready(function() {
        $('.multiselect').multiselect({
            buttonWidth: '100%'
        });

        $('.multiselect_filter').multiselect({
            buttonWidth: '100%',
            enableFiltering: true
        });

        $('.datepicker').datepicker({
            inline: true,
            dateFormat: 'yy-mm-dd'
        });
    });


</script>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-5"><!-- 菜单  -->

            <div class="list-group">
                <a href="#" class="list-group-item active">新建邮件</a>
                <a href="#" class="list-group-item">发送记录</a>
                <a href="#" class="list-group-item">效果统计</a>
            </div>

        </div> <!-- 菜单  end -->

        <div class="col-sm-18"><!-- 客人筛选  -->

            <div class="page-header">
                <h1>第二步，筛选客人 <small>多看看预设条件</small></h1>
            </div>
            <div class="wall"><?php print_r($_POST); ?></div>
            <form name="form_crm_filter" id="form_crm_filter" method="post" action="<?php site_url('app/crm/select_customer'); ?>" >

                <div class="row form-group"> <!-- 预设条件  -->
                    <div class="col-sm-24">
                        <h3>预设条件</h3>

                        <div class="row">
                            <div class="col-sm-6">
                                <ul class="list-group">
                                    <li class="list-group-item list-group-item-success"><label> <input type="radio" name="ready_selected">CH订单客人</label> </li>
                                    <li class="list-group-item list-group-item-success"><label> <input type="radio" name="ready_selected">CH订单客人（已成行）</label></li>
                                    <li class="list-group-item list-group-item-success"><label> <input type="radio" name="ready_selected">CH订单客人（未成行）</label></li>
                                </ul>
                            </div>
                            <div class="col-sm-6">
                                <ul class="list-group">
                                    <li class="list-group-item list-group-item-info"><label> <input type="radio" name="ready_selected">CH订单客人</label></li>
                                    <li class="list-group-item list-group-item-info"><label> <input type="radio" name="ready_selected">CH订单客人</label></li>
                                    <li class="list-group-item list-group-item-info"><label> <input type="radio" name="ready_selected">CH订单客人</label></li>
                                </ul>
                            </div>
                            <div class="col-sm-6">
                                <ul class="list-group">
                                    <li class="list-group-item list-group-item-warning"><label> <input type="radio" name="ready_selected">CH订单客人</label></li>
                                    <li class="list-group-item list-group-item-warning"><label> <input type="radio" name="ready_selected">CH订单客人</label></li>
                                    <li class="list-group-item list-group-item-warning"><label> <input type="radio" name="ready_selected">CH订单客人</label></li>
                                </ul>
                            </div>
                            <div class="col-sm-6">
                                <ul class="list-group">
                                    <li class="list-group-item list-group-item-danger"><label> <input type="radio" name="ready_selected">CH订单客人</label></li>
                                    <li class="list-group-item list-group-item-danger"><label> <input type="radio" name="ready_selected">CH订单客人</label></li>
                                    <li class="list-group-item list-group-item-danger"><label> <input type="radio" name="ready_selected">CH订单客人</label></li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div> <!-- 预设条件 end -->

                <div class="row form-group"> <!-- 订单特点  -->
                    <div class="col-sm-24">
                        <h3>订单特点</h3>

                        <div class="row form-group">
                            <div class="col-sm-6">
                                <label>所属小组</label>
                                <select  class="form-control multiselect_filter" id="crm_coli_webcode" name="crm_coli_webcode[]" multiple="multiple">
                                    <?php foreach ($website_list as $item) { ?>
                                        <option value="<?php echo $item->wci_code; ?>"><?php echo mb_strtolower($item->wci_describe); ?></option>
                                    <?php } ?>
                                </select>
                            </div>
                            <div class="col-sm-6">
                                <label>订单类型</label>
                                <select  class="form-control multiselect" id="crm_tour_type" name="crm_tour_type[]" multiple="multiple">
                                    <option value="1">传统</option>
                                    <option value="2">商务</option>
                                </select>
                            </div>
                            <div class="col-sm-6">
                                <label>订单状态</label>
                                <select  class="form-control multiselect" id="crm_coli_sended" name="crm_coli_sended" multiple="multiple">
                                    <option value="0">未分配</option>
                                    <option value="1">新订单</option>
                                    <option value="2">报价中</option>
                                    <option value="3">以后联系</option>
                                    <option value="4">等待付订金</option>
                                    <option value="5">成行</option>
                                    <option value="6">丢失</option>
                                    <option value="7">取消</option>
                                </select>
                            </div>
                            <div class="col-sm-6">
                                <label>外联姓名</label>
                                <select  class="form-control multiselect_filter" id="crm_adviser" name="crm_adviser[]" multiple="multiple">
                                    <?php foreach ($adviser_list as $item) { ?>
                                    <option value="<?php echo $item->opi_sn; ?>"><?php echo mb_strtolower($item->opi_code).$item->opi_name; ?></option>
                                    <?php } ?>
                                </select>
                            </div>
                        </div>


                        <div class="row form-group">

                            <div class="col-sm-6">
                                <label>来源类型</label>
                                <select  class="form-control multiselect_filter" id="crm_coli_sourcetype" name="crm_coli_sourcetype[]" multiple="multiple">
                                    <?php foreach ($sourcetype_list as $item) { ?>
                                        <option value="<?php echo $item->syc_sn; ?>"><?php echo mb_strtolower($item->syc2_codediscribe); ?></option>
                                    <?php } ?>
                                </select>
                            </div>

                            <div class="col-sm-6">
                                <label>订单提交时间段</label>
                                <div class="row">
                                    <div class="col-sm-12"><input type="text" class="form-control datepicker" id="coli_applydate_begin" name="coli_applydate_begin" placeholder="开始时间" ></div>
                                    <div class="col-sm-12"><input type="text" class="form-control datepicker" id="coli_applydate_end" name="coli_applydate_end" placeholder="结束时间"></div>
                                </div>

                            </div>
                            <div class="col-sm-6">
                                <label>行程出发时间段</label>
                                <div class="row">
                                    <div class="col-sm-12"><input type="text" class="form-control datepicker" id="coli_orderstartdate_begin" name="coli_orderstartdate_begin" placeholder="开始时间" ></div>
                                    <div class="col-sm-12"><input type="text" class="form-control datepicker" id="coli_orderstartdate_end" name="coli_orderstartdate_end" placeholder="结束时间"></div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div> <!-- 订单特点 end -->


                <div class="row form-group"> <!-- 客人特点  -->
                    <div class="col-sm-24">
                        <h3>客人特点</h3>

                        <div class="row form-group">
                            <div class="col-sm-6">
                                <label>邮箱</label>
                                <input type="email" class="form-control " id="crm_mei_maillist" name="crm_mei_maillist"  >
                            </div>
                            <div class="col-sm-6">
                                <label>客户等级</label>
                                <select  class="form-control multiselect" id="crm_mei_memberclass" name="crm_mei_memberclass[]" multiple="multiple">
                                    <option value="1001">一级旅行社客户</option>
                                    <option value="1002">二级旅行社客户</option>
                                    <option value="1003">三级旅行社客户</option>
                                    <option value="1004">一级散客用户</option>
                                    <option value="1005">二级散客用户</option>
                                    <option value="1006">三级散客用户</option>
                                    <option value="1007">普通散客用户 </option>
                                </select>
                            </div>
                        </div>

                        <div class="row form-group">
                            <div class="col-sm-6">
                                <label>国籍</label>
                                <select  class="form-control multiselect_filter" id="crm_mei_country" name="crm_mei_country[]" multiple="multiple">
                                    <?php foreach ($country_list as $item) { ?>
                                        <option value="<?php echo $item->coi_sn; ?>"><?php echo mb_strtolower($item->coi_code) . $item->coi2_country; ?></option>
                                    <?php } ?>
                                </select>
                            </div>
                            <div class="col-sm-6">
                                <label>性别</label>
                                <select  class="form-control multiselect" id="crm_mei_gender" name="crm_mei_gender[]" multiple="multiple">
                                    <option value="100001">男</option>
                                    <option value="100003">女</option>
                                </select>
                            </div>
                            <div class="col-sm-6">
                                <label>生日时间段</label>
                                <div class="row">
                                    <div class="col-sm-12"><input type="text" class="form-control datepicker" id="crm_mei_birthday_begin" placeholder="开始时间" ></div>
                                    <div class="col-sm-12"><input type="text" class="form-control datepicker" id="crm_mei_birthday_end" placeholder="结束时间" ></div>
                                </div>
                            </div>
                        </div>



                    </div>
                </div> <!-- 客人特点 end -->


                <div class="row form-group"> <!-- 行程特点  -->
                    <div class="col-sm-24">
                        <h3>行程特点</h3>

                        <div class="row form-group">
                            <div class="col-sm-6">
                                <label>经过城市</label>
                                <textarea class="form-control" rows="5" id="crm_cole_passcity" name="crm_cole_passcity" placeholder="一行一个城市名称，英文"></textarea>
                            </div>
                            <div class="col-sm-6">
                                <label>经过的景点</label>
                                <textarea class="form-control" rows="5" id="crm_cole_packageclass" name="crm_cole_packageclass" placeholder="一行一个景点名称，英文"></textarea>
                            </div>


                        </div>

                    </div>
                </div> <!-- 行程特点 end -->

                <div class="row form-group">
                    <div class="col-sm-24 text-right">
                        <a href="javascript:void(0);" class="btn btn-info" onclick="
                                $('#form_crm_filter').submit();">选好条件，开始筛选客人</a>
                    </div>

                </div>


            </form>


            <div class="row form-group"> <!-- 客人筛选结果  -->
                <div class="col-sm-24">
                    <h3>客人列表</h3>
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>名字</th>
                                <th>邮箱</th>
                                <th>性别</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th scope="row">1</th>
                                <td>Mark</td>
                                <td>Otto</td>
                                <td>@mdo</td>
                            </tr>
                            <tr>
                                <th scope="row">2</th>
                                <td>Jacob</td>
                                <td>Thornton</td>
                                <td>@fat</td>
                            </tr>
                            <tr>
                                <th scope="row">3</th>
                                <td>Larry</td>
                                <td>the Bird</td>
                                <td>@twitter</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

            </div><!-- 客人筛选结果 end  -->


            <div class="row form-group"> <!-- 发送按钮  -->
                <div class="col-sm-24 text-right">
                    <a href="javascript:void(0);" class="btn btn-info" onclick="
                            submitForm('form_information_edit');">点击发送给以上客人</a>
                </div>
            </div><!-- 发送按钮 end  -->

        </div><!-- 客人筛选 end  -->

    </div>
</div>