@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>
            </div>
         </div>
      </div>
      <div class="clearfix"></div>
      <div class="row " >
         <div class="col-md-6">
            <div class="x_panel">
               <div class="box-header">
                  <h3 class="box-title"><i class="fa fa-envelope"></i> Send SMS to Group(s)</h3>
               </div>
               <form action="{{url('/sms_grp_all')}}" method="post"  id="myForm">
                  <input type="hidden" name="csrf-token" content="{{ csrf_token() }}">
                  <input type="hidden" name="group_id" values="sms_grp_contacts">
                  {{csrf_field()}}
                   <div class="box-body">
                      <div id="ctl00_ContentPlaceHolder1_tblCompose" class="bs-example">
                         <div class="form-group">
                            <span id="ctl00_ContentPlaceHolder1_lblstatus"></span>
                         </div>
                         <div class="form-group">
                            <label>
                               Sender ID &nbsp; 
                               <select name="ctl00$ContentPlaceHolder1$ddlSenderIds" id="ctl00_ContentPlaceHolder1_ddlSenderIds" style="width:100px;">
                                  <option selected="selected" value="Golars">Golars</option>
                               </select>
                            </label>
                         </div>
                          <div class="form-group" >
                               <label for="txtMobileNumbers" name="txtchk">Mobile Number(s)</label>
                               <textarea type="text" name="mobile_no" rows="4" cols="20" id="mytextarea" class="form-control" value="" placeholder="Enter Group" required style="height: 103px;" data-toggle="modal" data-target="#myModal"></textarea>
                          </div>
                          <div>
                            <label>
                            <button id="delrepeat" type="button" class="btn btn-primary btn-sm" >Remove Duplicates</button>
                            </label>
                          </div>
                          <div class="form-group" style="margin-top: 27px;">
                            <label for="txtMsg">Message &nbsp;</label>                                                   
                            <!-- <button type="button" class="btn btn-default btn-flat" onclick="showrecentsms();">Recent SMS</button> -->
                            <div class="btn-group">
                               <label class="control-label"></label>
                               <div class="col-md-4">
                                  <select id="select_template" name="title" class="btn btn-default btn-flat select2me" required>
                                     <option value="select Template">Select Template </option>
                                     @foreach ($contents as $content)                
                                     <option value="{!!$content->id!!}">{!!$content->title!!} </option>
                                     @endforeach
                                  </select>
                               </div>
                            </div>
                            <div class="form-group" id="get_temp" style="margin-top: -12px;">
                               <label for="txtMessage"></label>
                              <textarea type="text" name="single_message" rows="4" cols="50" id="sms_content" class="form-control" placeholder="SMS Message" 
                                 onKeyDown="textCounter(this.form.single_message,this.form.countDisplay);"onKeyUp="textCounter(this.form.single_message,this.form.countDisplay);"
                                 onChange="textCounter(this.form.single_message,this.form.countDisplay);" 
                                 style="line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; font-size: 14px;" required>
                              </textarea> 
                            </div>
                         </div>
                         <div class="form-group">
                            <label>Chars : <input readonly type="text"  name="countDisplay" size="3" maxlength="3" value="0">, Messages : <span id="smsNum">0</span></label>                            
                         </div>
                         <div class="form-group">
                            <div>
                              <label><input id="schedule" type="checkbox" name="schedule" value="schedule" /><label for="">Schedule</label> &nbsp;</label>
                            </div>
                            <div id="datetime"  style="display:none;">
                              <label><input name="date_shcedule" data-format="dd/MM/yyyy hh:mm:ss" type="text" value="" id="datetimepicker1" class="input-append date" placeholder="Schedule" style="width:200px;" readonly="readonly"></label>

                              <label><input name="time" data-format="dd/MM/yyyy hh:mm:ss" type="text" value="" id="timepicker1" class="input-append date" placeholder="Schedule" style="width:200px;" readonly="readonly"></label>
                               <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
                               <label><span id="" style="display:none;"></span></label>
                            </div>
                         </div>
                         <div class="form-group">
                            <label>
                              <input type="submit" value="Send SMS"  class="btn btn-primary" style="width:100px;">
                              <input class="btn btn-primary btn-sm" type="reset" value="Reset">
                            </label>                            
                         </div>
                      </div>
                   </div>
                </form>   
               <p>&nbsp;</p>
            </div>
         </div>
         <div class="col-md-6">
          <!-- Recent SMS Box -->
          <div class="x_panel warning" id="recentSMS">
             <div class="header">
                <h3 id="templates" 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">
                <ul>
                   @foreach($recentsms as $recsms)
                   <a href="#txtMsg" id="recentsms" class="some"  title="">
                      <li>
                         <p class="paragraph">{{$recsms->bulk_message}}</p>
                      </li>
                   </a>
                   @endforeach
                </ul>
             </div>
             <!-- /.box-body -->
             <div class="box-footer">
             </div>
             <!-- /.box-footer-->
          </div>
          <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>
<!-- modal form -->
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"       aria-hidden="true">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
     <form action="#" method="post" id="sms_select" ></form> 
      <div class="modal-header">            
        <h4 class="modal-title">Select Group(s)</h4>
      </div> 
      <div class="modal-body" style="height:300px; overflow:scroll;"  >
        <input type="checkbox" id="select_all_id">  
        <div>
          <div>
            @foreach($grp as $gr)