<link rel="stylesheet" href="<?php echo base_url();?>public/js/vendor/smalot_bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css">
<link rel="stylesheet" href="<?php echo base_url();?>public/plugins/datatables/jquery.dataTables.min.css">
<link rel="stylesheet" href="<?php echo base_url();?>public/plugins/datatables/extensions/Responsive/css/dataTables.responsive.css">
<!-- Ionicons -->
<!--<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">-->

<div class="content_wrapper">
<style type="text/css">
    .dataTables_length {
        display:none;
    }
</style>
    <div class="container-fluid">
        <div id="index-msg-tip"></div>
        <div class="row">
            <div class="col-sm-12">
                <aside>
                    <header><i class="fa fa-fw fa-file"></i>大喇叭列表</header>
                    <section>
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="btn-group" style="margin-bottom:20px;">
                                        <button type="button" class="btn btn-success" data-toggle="modal" data-target="#actionCode">新增大喇叭推送</button>
                                    </div>
                                    <div class="table-responsive">
                                        <table id="speakerTable" class="table table-striped table-bordered table-hover" cellspacing="0" width="100%">
                                            <thead>
                                            <tr>
                                                <th>ID</th>
                                                <th>内容</th>
                                                <th>类型</th>
                                                <th>发送开始时间</th>
                                                <th>发送结束时间</th>
                                                <th>发送时长(Min)</th>
                                                <th>发送间隔(Min)</th>
                                                <th>创建时间</th>
                                                <th>操作</th>

                                            </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </aside>
            </div>
        </div>
    </div><div class="modal fade" id="actionCode" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

        <div class="modal-dialog">
            <div class="modal-content">
                <div id="msg-tip"></div>
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="myModalLabel">新建大喇叭推送</h4>
                </div>
                <form class="form-horizontal J_ajaxForm" role="form" method="post" action="#">
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">发送类型:</label>
                            <div class="col-sm-9">
                                <label class="radio-inline">
                                    <input type="radio" name="speakertype" value="1" checked="checked"> 普通
                                </label>
                                <label class="radio-inline" >
                                    <input type="radio" name="speakertype" value="2" > 定时一次
                                </label>
                                <label class="radio-inline" >
                                    <input type="radio" name="speakertype" value="3" > 每天定时
                                </label>
                            </div>
                        </div>
                        <div class="loop-show hide">
                            <div class="form-group">
                                <label class="col-sm-3 control-label"><span class="fa fa-question-circle "   data-toggle="tooltip" title="在泰国该时间点发送"></span>    发送时间:</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control datetimepicker time" value="" placeholder="开始时间" name="stime" />
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control datetimepicker time" value="" placeholder="结束时间" name="etime" />
                                </div>
                                <label class="control-label hide" id="betweenTime"></label>
                            </div>
<!--                            <div class="form-group">-->
<!--                                <label class="col-sm-3 control-label">发送时长(Min):</label>-->
<!--                                <div class="col-sm-4">-->
<!--                                    <input type="text" class="form-control" value="" placeholder="发送时长/分钟" name="etime" />-->
<!--                                </div>-->
<!---->
<!--                            </div>-->
                            <div class="form-group">
                                <label class="col-sm-3 control-label">发送间隔(Min):</label>
                                <div class="col-sm-6">
                                    <input type="text" class="form-control" value="" placeholder="发送间隔/大于等于1分钟" name="interval" />
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-3 control-label">内容:</label>
                            <div class="col-sm-9">
                                <textarea class="form-control" rows="5" placeholder="内容" name="msg" id="msg"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary" id="modalSubmitBtn">提交</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

</div>

<script src="<?php echo base_url();?>public/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="<?php echo base_url();?>public/plugins/datatables/extensions/Responsive/js/dataTables.responsive.min.js"></script>
<script src="<?php echo base_url();?>public/js/vendor/smalot_bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="<?php echo base_url();?>public/js/vendor/smalot_bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="<?php echo base_url();?>public/js/common.js"></script>
<script src="<?php echo base_url();?>public/js/speaker/index.js"></script>
