@extends('admin')
@section('content')
<div class="page-content">
               <div class="container-fluid">
                  <div class="row">
                     <div class="col-sm-6 col-md-6 mr-auto ml-auto">
                        <div class="card">
                           <div class="card-body">
                              <h4 class="card-title">Send SMS</h4>
                              <form id="sendSMSFrm" name="sendSMSFrm" method="post" >
                                 <div class="">
                                    <div class="form-group">
                                       
                                       <input type="radio" name="type" id="user_type"  checked>
                                       <span>User/Contacts</span>
                                       
                                       <input type="radio" name="type" id="group_type" style="margin-left:50px;">
                                       <span>Group</span>
                                    </div>  
                                    <div class="form-group user_div">
                                       <label for="users">Exiting User</label>
                                       <select name="users[]" id="users" class="form-control select2 exiting_user" multiple>
                                          
                                       </select>
                                    </div>
                                    <div class="form-group user_div">
                                       <label for="user_id">Contact List</label>
                                       <select name="contact[]" id="contact" class="form-control select2" multiple>
                                          
                                          @foreach($contact as $key => $value)
                                          <option value="{{ $value->id }}">{{ $value->username }} ({{ $value->phone_number }})</option>
                                          @endforeach
                                       </select>
                                    </div>
                                    <div class="form-group" id="group_div" style="display:none;">
                                       <label for="group">Group</label>
                                       <select name="group" id="group" class="form-control select2">
                                           <option value=""></option>
                                          @foreach($group as $key => $value)
                                          <option value="{{ $value->id }}">{{ $value->name }}</option>
                                          @endforeach
                                       </select>
                                    </div>
                                     <div class="form-group">
                                       <label for="template">Template</label>
                                       <select name="template" id="template" class="form-control select2">
                                          <option value=""></option> 
                                          @foreach($template as $key => $value)
                                          <option value="{{ $value->msg }}">{{ $value->name }}</option>
                                          @endforeach
                                       </select>
                                    </div>
                                    <div class="form-group">
                                       <label>SMS Content</label>
                                       <textarea class="form-control" name="sms_content" rows="5" id="sms_content"></textarea>
                                    </div>
                                    <div class="form-group">
                                       <button type="submit" class="btn btn-primary waves-light m-t-10" id="submitBtn" name="submitBtn">Submit</button>
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <div id="error"></div>
                                 </div>
                              </form>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
@endsection
@section('pageLevelJS')
<script>
$('input[type=radio][name=type]').change(function() {
    if (this.value == 'user_type') {
        $('.user_div').show();
        $('#group_div').hide();
    }
    else {
        $('.user_div').hide();
        $('#group_div').show();
    }
});
$('#template').change(function(){
    //alert($(this).val());
    $('#sms_content').text($(this).val());
});
</script>
@endsection