@extends('layouts.default')
@section('content')
{!!Html::style('bulk_sms/css/bulksms.css')!!}
<div class="right_col" role="main" >
  <div>
    <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="header">
              <h3 class="box-title"><i class="fa fa-envelope"></i> Quick Send SMS</h3>
           </div>
           @if(session()->has('singlemessagesuccess'))
           <div class="alert alert-success">
              {{ session()->get('singlemessagesuccess') }}
           </div>
           @endif
           <form action="{{ url('sms_single_send') }}" method="post" id="myForm">
              <input type="hidden" name="csrf-token" content="{{ csrf_token() }}">
              <div class="body">
                 <div class="bs-example">
                    <div class="form-group">
                    </div>
                    <div class="form-group">
                       <label>
                          Sender ID &nbsp; 
                          <select name="Golars" id="Golars" style="width:100px;">
                             <option selected="selected" value="Golars">Golars</option>
                          </select>
                       </label>
                    </div>
                    <div class="form-group" >
                       <label for="txtMobileNumbers" >Mobile Number(s)</label>
                       <textarea type="integer" name="mobile_no" rows="4" cols="20" id="mytextarea" class="form-control" value=""  required style="height: 103px;" placeholder="Enter Mobile No" ></textarea> 
                    </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 style="margin-left: -15px;">
                             <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">
                  <div>
                    <label>
                       <input type="submit"  value="Send SMS"  class="btn btn-primary" style="width:100px;">

                    </label>
                    <label>
                      <input class="btn btn-primary btn-sm" type="reset" value="Reset">
                    </label>
                 </div>
               </div>
              </div>
              {{ csrf_field() }}
           </form> 
        </div>
      </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" 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>
<script>

$(document).ready(function(){
  $("#select_template").change(function(){
    var id = $("#select_template").val();
      $.ajax({
          url : '