@extends('layouts.app')

@section('content')

<div class="col-sm-12">
    <div class="panel">
        <div class="panel-heading">
            <h3 class="panel-title">{{__('Send Promotional SMS')}}</h3>
        </div>
        <!--Horizontal Form-->
        <!--===================================================-->
        <form class="form-horizontal" action="{{ route('sms.send') }}" method="POST" enctype="multipart/form-data">
        	@csrf
            <div class="panel-body">
                <div class="form-group">
                    <label class="col-sm-2 control-label" for="name">{{__('Mobile')}} ({{__('Users')}})</label>
                    <div class="col-sm-10">
                        <select class="form-control demo-select2-multiple-selects" name="user_phones[]" multiple>
                            @foreach($users as $user)
                                @if ($user->phone != null)
                                    <option value="{{$user->phone}}">{{$user->phone}}</option>
                                @endif
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="break text-center">-- OR --</div>
                <div class="form-group">
                    <label class="col-sm-2 control-label" for="name">{{__('Mobile')}} ({{__('Users')}})</label>
                    <div class="col-sm-10">
                       <textarea name="mobile_numbers" class="form-control" rows="8" data-role="tagsinput" placeholder="Enter comma seperated mobile numbers only. Do not use space or any other characters or symbol. Mobile number should be in 10 digits only. +91 or 91 are not allowed." id="mobile_numbers"></textarea>
                    
                    </div>
                </div>

                
                <div class="form-group">
                    <label class="col-sm-2 control-label" for="name">{{translate('SMS Template')}}</label>
                    <div class="col-sm-10 ">
                        <select class="form-control template" name="email_template" data-selected-text-format="count" data-actions-box="true">
                            <option value="">Select Template</option>
                            @foreach(\App\MessageTemplate::where('status', '1')->get() as $template)
                                <option value="{{$template->id}}">{{ucfirst(str_replace("_", " ", $template->name))}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label" for="name">{{__('SMS content')}}</label>
                    <div class="col-sm-10">
                        <textarea name="content" class="form-control" rows="8" id="content" placeholder="Symbols like &#8219; &#8221; are not allowed." ></textarea>
                    </div>
                </div>
            </div>
            <input type="hidden" name="dlt_te_id" value="" id="template_id">
            <div class="panel-footer text-right">
                <button class="btn btn-purple" type="submit" style="margin-bottom: 15px; width: 100px;">{{__('Send')}}</button>
            </div>
        </form>
        <!--===================================================-->
        <!--End Horizontal Form-->

    </div>
</div>
<style type="text/css">
    .break.text-center {
    margin: 12px 0px;
}.bootstrap-tagsinput {
    height: 158px;
}
</style>

<script type="text/javascript">
 $('.template').on('change',function(){
    var id = this.value;
     $.post('{{ route('sms.template.get') }}', {_token:'{{ csrf_token() }}', id:id}, function(data){
        if(data.code == 200){
            $("#content").val(data.content);
            $("#template_id").val(data.dlt_te_id);
        }
    });

 });
$('#mobile_numbers').on('paste',function(){
    str = this.value;
    str1 = str.replace(/ +(?=)/g,' ,');
    //str2 = str1.replace(/(.{10})/g,"$1,");
   
    $("#mobile_numbers").val(str1);

});
$('#mobile_numbers').on('blur',function(){
    str = this.value;
    str1 = str.replace(/ +(?=)/g,' ,');
    //str2 = str1.replace(/(.{1})/g,"$1,");
   
    $("#mobile_numbers").val(str1);

});
</script>
@endsection