@extends('backend.admin-master')
@section('site-title')
    {{__('OTP Settings')}}
@endsection
@section('content')
    <div class="col-lg-12 col-ml-12 padding-bottom-30">
        <div class="row">
            <div class="col-12 mt-5">
                <x-msg.success/>
                <x-msg.error/>
                <div class="card">
                    <div class="card-body">
                        <h4 class="header-title mb-4">{{__("OTP Settings")}}</h4>
                        <form action="{{route('softeria.general.otp.settings')}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            
                            <div class="row">
                                <div class="col-md-5">
                                    <div class="form-group">
                                        <label for="comment">SMS Pro API key:</label>
                                        <textarea class="form-control" rows="3" id="sms_pro_api_key" name="sms_pro_key">{{env('SMS_PRO_KEY')}}</textarea>
                                    </div>

                                    <label for="sms_pro_short_code"><strong>Short Code<span class="text-danger">*</span> </strong></label>
                                        <input type="text" class="form-control space_remove" name="sms_pro_short_code" value="{{ env('SMS_PRO_SHORTCODE') }}"
                                        placeholder="Short Code">  

                                    <div class="form-group">
                                        <label for="disable_user_otp_verify"><strong>{{__('OTP Expire Time Add')}}</strong></label>
                                        <select name="user_otp_expire_time" class="form-control">
                                            <option  value="30" @if(get_static_option('user_otp_expire_time') == '30')  selected  @endif>{{__('30 Second')}}</option>
                                            <option  value="1" @if(get_static_option('user_otp_expire_time') == '1')  selected  @endif>{{__('1 Minute')}}</option>
                                            <option  value="1.5" @if(get_static_option('user_otp_expire_time') == '1.5')  selected  @endif>{{__('1.5 Minutes')}}</option>
                                            <option  value="2" @if(get_static_option('user_otp_expire_time') == '2')  selected  @endif>{{__('2 Minutes')}}</option>
                                            <option  value="2.5" @if(get_static_option('user_otp_expire_time') == '2.5')  selected  @endif>{{__('2.5 Minutes')}}</option>
                                            <option  value="3" @if(get_static_option('user_otp_expire_time') == '3')  selected  @endif>{{__('3. Minutes')}}</option>
                                            <option  value="3.5" @if(get_static_option('user_otp_expire_time') == '3.5')  selected  @endif>{{__('3.5 Minutes')}}</option>
                                            <option  value="4" @if(get_static_option('user_otp_expire_time') == '4')  selected  @endif>{{__('4 Minutes')}}</option>
                                            <option  value="4.5" @if(get_static_option('user_otp_expire_time') == '4.5')  selected  @endif>{{__('4.5 Minutes')}}</option>
                                            <option  value="5" @if(get_static_option('user_otp_expire_time') == '5')  selected  @endif>{{__('5 Minutes')}}</option>
                                        </select>
                                        <span class="form-text text-muted">{{__('User OTP verify Expire Time Add.')}}</span>
                                    </div>  

                                </div>

                                <div class="col-md-6 border-left">

                                    <h4 class="header-title">Test SMS</h4>
                                    <div class="form-group">
                                        <label for="phone"><strong>Mobile Number<span class="text-danger">*</span></strong></label>
                                            <input type="tel"  class="form-control space_remove" id="test_phone">
                                            <button type="button" id="test_btn" class="btn btn-default mt-2" onclick="testSMS()">Test</button>                                   
                                    </div>
                                    <hr>

                                    <h4 class="header-title">SMS Credits</h4>
                                    <h1 class="header-title m-2" id="credit_h">?</h1>
                                    <button class="btn btn-primary" type="button" onclick="checkCredits()">Check Balance</button>
                                    <a  target="_blank" href="https://sms.softeriatech.com{{empty(env('SMS_PRO_KEY'))?'':('/partner/auth/'.env('SMS_PRO_KEY'))}}" class="btn btn-info m-2">Top Up SMS Credits</a>
                                    <a  target="_blank" href="https://sms.softeriatech.com{{empty(env('SMS_PRO_KEY'))?'':('/partner/auth/'.env('SMS_PRO_KEY').'?type=sms')}}" class="btn btn-warning m-2">View Recent SMS</a>
                                </div>
                            </div>
                                         

                            <button type="submit" id="update" class="btn btn-primary mt-4 pr-4 pl-4">{{__('Update Changes')}}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        (function($){
            "use strict";
            $(document).ready(function (e) {

                // remove input space
                $('.space_remove').keypress(function( e ) {
                    if(e.which === 32)
                        return false;
                });

                // remove copy past text space
                $('.space_remove').on('paste', function(e) {
                    var inputElement = this;
                    setTimeout(function() {
                        var pastedText = $(inputElement).val();
                        var cleanedText = pastedText.replace(/\s+/g, '');
                        $(inputElement).val(cleanedText);
                    }, 0);
                });


            });

            

        })(jQuery);

        function testSMS(){
            $("#test_btn").html('<i class="fa fa-spin fa-spinner"></i>');
            $.ajax({
                url:"{{route('softeria.general.otp.settings.test')}}?phone="+$("#test_phone").val(),
                success:function(data){
                    $("#test_btn").text("Resend");
                    alert("Message send successully");
                },
                error:function(){
                    alert("Something went wrong");
                    $("#test_btn").text("test");
                }

            });
        }

        function checkCredits(){
            $("#credit_h").html('<i class="fa fa-spin fa-spinner"></i>');
            $.ajax({
                url:"{{route('softeria.general.otp.settings.credits')}}",
                success:function(data){
                    $("#credit_h").text(data.amount);
                },
                error:function(){
                    alert("Something went wrong");
                    $("#credit_h").text("?");
                }
            });
        }
    </script>
@endsection