<?php 

    /*
     * Author       : Jai K
     * Purpose      : The common view/script to send SMS based on SMS Types
     * Created On   : 2016-10-18 10:18
     */
?>
<style type="text/css">
    #plot .cell {
        margin: 5px;
        padding: 5px;
        border: 1px solid #eee;
        min-width: 120px;
        box-shadow: 3px 3px 9px #eee;
        display: inline-block;
    }

    #plot .cell.active {
        color: #fff;
        background: #1baadd;
        box-shadow: 1px 1px 3px #666;

    }
    
    #plot .cell span {
        font-weight: bold;
        color: #999;
        padding: 0px 10px;
        cursor: pointer;
    }
    
    #plot .cell.active span {
        color: #fff;
    }

    #no-cnts {
        font-weight: bold;
    }
    
    .cnt-msg {
        color: #999;
        padding: 5px;
        font-size: 12px;
    }
    
    #sms-pause-btn {
        margin-right: 50px;
        float: right;
        background: #fff;
        
        width: 37px;
        text-align: center;
        
        color: #1baadd;
        box-shadow: 1px 1px 3px #999;
        padding: 3px;
        cursor: pointer;
    }
    
    #sms-pause-btn.fa-play {
        color: #ffc107;
        padding-left: 5px;
    }
    
    #sms-pause-btn.fa-pause ~ .clse-btn {
        display: none;
    }
    
    #opt-blck label {
        width: 70px;
        color: #999;
    }
    
</style>
<aside class="right-side">
    <section class="content-header">
        <div class="title_bar">
            <h1 class="major_txt_color"><a <?php /*href="<?php echo $list_link; ?>"*/ ?> class="list-btn"><i class="fa fa-paper-plane" ></i></a><?php echo $title; ?></h1>
            <div class="breadcrumb_container"><?php echo breadcrumb_links();?></div>
        </div>
    </section>
    <section class="content">
        <div class="row" id="main-content">
            <div class="col-xs-12">
                
                
                    <div class="box box-danger">
                        <div class="box-body">
                            <ul class="error_container"></ul>
                            <div class="col-xs-12">
                                <div class="col-md-6">
                                    <div class="form-group float-clear">
                                        <label>SMS Types (<?php echo count($sms_types); ?>)</label>
                                        <select class="form-control select2 multi-select" name="stypes">
                                            <option value="">-- SMS Type --</option>
                                            <option style="color: #1ba; font-weight: bold; text-align: center;" value="0" class="all">All</option>
                                            <?php
                                                foreach( $sms_types as $k => $sms_type ) :
                                                    ?>
                                                        <option value="<?php echo $sms_type['id']; ?>"><?php echo $sms_type['sms_type_name']; ?></option>
                                                    <?php
                                                endforeach;
                                            ?>
                                        </select>    
                                    </div>
                                </div>
                                
                            </div>    
                            
                            <?php /*
                            <div class="col-xs-12 blck" id="opt-blck">
                                <div class="sub-title"><h4><i class="fa fa-fire" style="font-size: 14px;"></i> Options</h4><i class="ctrl opener fa fa-chevron-down" style="float: right; margin-top: -25px;"></i></div>
                                <div class="blck-content col-xs-12">
                                    <div class="col-xs-12">
                                        <div class="col-md-6">
                                            <div class="form-group float-clear">
                                                <label>Limit</label>
                                                <input type="number" class="form-control number" id="lmt-frm" placeholder="0" style="min-width: 80px; width: 80px; display: inline-block; float: left; margin-right: 15px; text-align: right;" />
                                                <input type="number" class="form-control number" id="lmt-to" placeholder="All" style="min-width: 80px; width: 80px; float: left; text-align: right;" />
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group float-clear">
                                                <label>Sort By</label>
                                                <select class="form-control select2" id="opt-sort" style="min-width: 135px; width: 135px; float: left; margin-right: 15px;">
                                                    <option value="1">Contact No</option>
                                                    <option value="2">Reg. Date</option>
                                                    <option value="3">Name (E)</option>
                                                    <option value="4">Ref. No</option>
                                                    <option value="5">NRIC No</option>
                                                    <option value="6">Modified Date</option>
                                                </select>   
                                                <select class="form-control select2" id="opt-by" style="min-width: 135px; width: 135px;">
                                                    <option value="asc">Asc</option>
                                                    <option value="desc">Desc</option>
                                                </select>  
                                            </div>
                                        </div>
                                        
                                    </div>    
                                </div> <!-- blck-content -->    
                            </div> <!-- blck -->*/ ?>
                            
                            <div class="col-xs-12 blck" id="cnt-blck">
                                <div class="sub-title"><h4><i class="fa fa-fire" style="font-size: 14px;"></i> Contacts ( <span id="no-cnts">0</span> )</h4><i class="ctrl opener fa fa-chevron-down" style="float: right; margin-top: -25px;"></i></div>
                                <div class="blck-content col-xs-12" style="display: none;">
                                    <div class="col-md-12" id="plot">
                                        Nothing is selected.
                                    </div>
                                </div> <!-- blck-content -->    
                            </div> <!-- blck -->
                            
                            
                            <div class="col-xs-12 blck">
                                <div class="sub-title" ><h4><i class="fa fa-fire" style="font-size: 14px;"></i> Message</h4><i class="ctrl opener opened fa fa-chevron-up" style="float: right; margin-top: -25px;"></i></div>
                                <div class="blck-content col-xs-12">
                                    <div class="col-md-6">                                    
                                        <div class="form-group float-clear">
                                            <textarea class="form-control" name="msg" style="min-width: 100%; min-height: 100px; border: 1px dotted #1ba;">Hello ...</textarea>
                                        </div>
                                        
                                    </div>
                                    
                                </div> <!-- blck-content -->    
                            </div> <!-- blck -->
                            

                            
                            
                        </div>
                        
                        
                        <div class="box-footer form-actions float-clear" style="text-align: right; padding-right: 30px;">
                            <button class="btn btn-primary" type="reset"><i class="fa fa-trash"></i> Clear</button>
                            <button type="submit" class="btn btn-success" id="sent-btn" name="send" value="send" ><i class="fa fa-paper-plane-o"></i> Send</button>
                        </div>
                    </div><!-- /.box -->
                    
                    
                    
                    
                
            </div><!-- /.col-xs-12 -->
        </div><!-- /.row -->
    </section><!-- /.content -->
</aside>
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/billing/sms.js'?>"></script>


