@extends('layouts.default')
@section('content')
{!!Html::style('bulk_sms/css/bulksms.css')!!}

        
<div class="right_col" role="main">
    <div class="">
      <div class="page-title">
          <div class="title_left">
             <h3 class="box-title">Sending SMS <span class="pull-right"><strong>{{ App\Userdefined::sms_availabe() }}</strong></span></h3>
          </div>
      </div>
      <div class="clearfix"></div>
      <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-12">
            {{ Userdefined::showMessage() }}
            <div class="x_panel">
                  
                  <div class="box-body" style="margin-left: 12px;">                  
                    <a class="btn btn-app bg-red" href="{!!url('sendsms')!!}" title="Quick Send SMS">
                      <i class="fa fa-envelope"></i> Quick SMS
                    </a>
                    <a class="btn btn-app bg-yellow" href="{!!url('unicodesms')!!}" title="Send MultiLingual SMS">
                      <i class="fa fa-envelope"></i> Unicode SMS
                    </a>
                    <a class="btn btn-app bg-green" href="{!!url('sendsmstogroup')!!}" title="Send SMS to Group">
                      <i class="fa fa-envelope"></i> SMS to Group
                    </a>
                    <a class="btn btn-app bg-purple" href="{!!url('customsms')!!}" title="Send Coustomised/Personalised Merge SMS">
                      <i class="fa fa-envelope"></i> SMS Merge
                    </a>
                    <a class="btn btn-app bg-red" href="{!!url('schedulesms')!!}" title="Manage Scheduled SMS">                    
                      <i class="fa fa-clock-o"></i> Scheduled
                    </a>
                    <a class="btn btn-app bg-yellow" href="{!!url('listsendersids')!!}" title="Manage SenderID's">
                      <i class="fa fa-th-list"></i> SenderID's
                    </a>  
                    <a class="btn btn-app bg-navy" href="{!!url('groupsms')!!}" title="Manage Groups">
                      <i class="fa fa-group"></i> Groups
                    </a>
                    <a class="btn btn-app bg-olive" href="{!!url('sms_contacts')!!}" title="Manage Contacts">
                      <i class="fa fa-credit-card"></i> Contacts
                    </a>
                    <a class="btn btn-app bg-maroon" href="{!!url('sent_sms_report')!!}" title="SMS Sent Report">  
                      <i class="fa fa-pie-chart"></i> SMS Sent
                    </a> 
                    <a class="btn btn-app bg-maroon" href="{!!url('smstemplate')!!}" title="Create SMS Template ">  
                      <i class="fa fa-edit"></i> Create SMS Template
                     </a>                                                    
                  </div><!-- /.box-body -->
            
              </div>
            </div>
          </div>
     
   
      <div class="clearfix"></div>
      <div class="row " >
         <div class="col-md-6">
            <!-- general form elements -->
            <div class="x_panel">
                <div class="box-header">
                    <h3 class="box-title"><i class="fa fa-envelope"></i> Send Customised SMS</h3>
                </div><!-- /.box-header -->
                <!-- form start -->

                <div class="box-body">                
                    <!-- File Upload Starts Here -->
                    <div id="ctl00_ContentPlaceHolder1_tblFileUpload" class="bs-example">
                        <div class="form-group">
                            <span id="ctl00_ContentPlaceHolder1_lblUploadStatus"></span>
                        </div>
                        <div class="form-group">
                            <label>
                                Choose <img src="bulk_sms/images/txt.png" width="32px" height="32px" align="absmiddle" alt=".txt" title=".txt"> or 
                                    <img src="bulk_sms/images/csv.png" width="32px" height="32px" align="absmiddle" alt=".csv" title=".csv"> or 
                                    <img src="bulk_sms/images/xls.png" width="32px" height="32px" align="absmiddle" alt=".xls"> or 
                                    <img src="bulk_sms/images/xlsx.png" width="32px" height="32px" align="absmiddle" alt=".xlsx"> file to Upload
                            </label>                            
                        </div>
                        <div class="form-group">
                            <label for="fileUplaod">File to Upload &nbsp; <input type="file" name="ctl00$ContentPlaceHolder1$fileUplaod" id="ctl00_ContentPlaceHolder1_fileUplaod"></label>
                            <span id="ctl00_ContentPlaceHolder1_RequiredFieldValidator2" style="color:Red;display:none;">Select a File to upload</span>
                        </div>
                        <div class="form-group">
                            <label><span class="aspNetDisabled"><input id="ctl00_ContentPlaceHolder1_chkHeaders" type="checkbox" name="ctl00$ContentPlaceHolder1$chkHeaders" checked="checked" disabled="disabled"><label for="ctl00_ContentPlaceHolder1_chkHeaders">First Row Always treated as Header</label></span></label>                            
                        </div>
                        <div class="form-group">
                            <label>
                                <input type="submit" name="ctl00$ContentPlaceHolder1$btnFileSubmit" value="Upload File" id="ctl00_ContentPlaceHolder1_btnFileSubmit" class="btn btn-primary" style="width:100px;">&nbsp; &nbsp;
                                <input type="submit" name="ctl00$ContentPlaceHolder1$btnFileCancel" value="Cancel" id="ctl00_ContentPlaceHolder1_btnFileCancel" class="btn btn-primary" style="width:100px;">
                            </label>                            
                        </div>
                    </div>
                    <!-- File Upload Ends Here -->
                    
                    <!-- SMS Compose Starts Here -->
                    
                    <!-- SMS Compose End Here -->

                    <!-- SMS Summary Starts Here -->
                               
                    <!-- SMS Summary Ends Here -->                              
                </div>            
                <p>&nbsp;</p>
                <!-- form end -->       
        </div>
            <!-- /.box -->
         </div>
         <div class="col-md-6">
            <!-- Recent SMS Box -->
            <div class="x_panel" id="recentSMS">
               <div class="header">
                  <h3 id="H1" class="box-title"><i class="fa fa-envelope"></i> Recent SMS</h3>
                  <!-- <div class="box-tools pull-right">                            
                     <a class="btn btn-default btn-sm" href="#" data-toggle="tooltip" title="Close" onclick="$('#recentSMSBox').hide()"><i class="fa fa-times"></i></a>
                  </div> -->
               </div>
               <div class="box-body" id="recentsmscontainer">
                  <ul>
                     @foreach($recentsms as $recsms)
                     <a href="#txtMsg" onclick="inserttemplate(this)" title="">
                        <li>
                           <p>
                              {{$recsms->bulk_message}}
                           </p>
                        </li>
                     </a>
                     @endforeach
                  </ul>
               </div>
               <!-- /.box-body -->
               <div class="box-footer">
               </div>
               <!-- /.box-footer-->
            </div>
            <!-- /Recent SMS .box -->
            <!-- Template box -->
            <div class="warning" id="tempBox" style="display: none;">
               <div class="header">
                  <h3 id="templates" class="box-title"><i class="fa fa-list-alt"></i> Templates</h3>
                  <div class="tools pull-right">                            
                     <a class="btn btn-default btn-sm" href="#" data-toggle="tooltip" title="Close" onclick="$('#tempBox').hide()"><i class="fa fa-times"></i></a>
                  </div>
               </div>
               <div class="body" id="templatescontainer">                        
               </div>
               <!-- /.box-body -->
               <div class="footer">
               </div>
               <!-- /.box-footer-->
            </div>
            <!-- /.box -->
         </div>
      </div>
   </div>
</div>
@stop