@extends('layouts.default')
@section('content')
{!!Html::style('bulk_sms/css/bulksms.css')!!}
<script type="text/javascript" language="javascript">
        //<!--
        google.load("elements", "1", {
            packages: "transliteration"
        });
        function onLoad() {
            var options = {
                sourceLanguage: 'en',
                destinationLanguage: ['te', 'ta', 'ml', 'kn', 'hi', 'ur', 'mr', 'gu', 'pa', 'bn', 'ar'],
                shortcutKey: 'ctrl+g',
                transliterationEnabled: true
            };
            var control = new google.elements.transliteration.TransliterationControl(options);
            var ids = ["txtMsg"];
            control.makeTransliteratable(ids);
            control.showControl('translControl');
        }

        google.setOnLoadCallback(onLoad);        
        //-->
    </script>
    <script src="scripts/jquery.textareaCounter.plugin.js"></script>  
    <script language="javascript" src="scripts/utilities.js"></script> 

<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 Unicode SMS</h3>
               </div>
               <!-- /.box-header -->
               <!-- form start -->
                @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="box-body">
                      <!-- SMS Compose Starts Here -->
                      <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>Language &nbsp; <span id="translControl"></span></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="" required style="height: 103px;"></textarea>
                         </div>
                         <label>
                         <button id="delrepeat" type="button" class="btn btn-primary btn-sm" >Remove Duplicates</button>
                         </label>  
                         <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" style="margin-left: -15px;" 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"
                           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);" 
                              placeholder="SMS Message"  required
                               style="line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"
                               ></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;">
                            </label>  
                            <label>
                              <input class="btn btn-primary btn-sm" type="reset" value="Reset">
                            </label>                            
                         </div>
                      </div>
                   </div>
                    <p>&nbsp;</p>
                    {{ 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 : '