@extends('layouts.app')
@section('title', 'SMS AI Settings')
@section('content')
<!-- Content Wrapper. Contains page content -->


<!-- Main content -->
<section class="content">
        <div class="row">
        <div class="col-lg-12 col-12">
                <div class="box">

                    
                             <div class="box-body"><!--bg-lightest-->
                             <h4 class="box-title text-info mb-0"><i class="fa fa-plus"></i> SMS AI Settings</h4>
            <a target="_blank" href="{{url('/sms-ai')}}" type="button" style="float:right" class="waves-effect waves-light btn btn-rounded btn-primary btn-bitbucket btn-sm mb-5"><i class="fa fa-eye fa-sx"></i> SMS AI Demo</a> 

            <a  href="{{url('/flush-cache')}}" type="button" style="float:right" class="waves-effect waves-light btn btn-rounded btn-danger btn-bitbucket btn-sm mb-5"><i class="fa fa-trash-o fa-sx"></i> Flush Cache</a> 
            <hr class="my-15">
                    <div class="row col-md-12">      
                        
                        <form  method="post"  id="systemForm">
                                @csrf
                                <div class="row">
                                  
                                  <input type="hidden" @if(!empty($open_ai_setting[0]->id)) value="{{$open_ai_setting[0]->id}}"  @endif name="open_ai_id" id="open_ai_id">


                                  <div class="form-group col-md-5">
                                    <label for="exampleInputEmail1"> CLI</label>
                                    <div class="input-group">
                                     <span class="input-group-text @error('cli') text-danger border-danger @enderror"><i class="ti-mobile"></i></span>
                                    <select class="form-select" name="cli">
                                        @if(empty($open_ai_setting[0]->cli))
                                        <option value="">Select Cli</option>
                                        @endif
                                        @if(count($did_list) > 0)
                                            @foreach(array_reverse($did_list) as $key => $lists)
                                                @if($lists->sms_type == 1)
                                                <?php
                                // Assuming $lists->cli contains the caller ID
                                $callerID = $lists->cli;

                                // Remove any non-digit characters from the caller ID
                                $callerID = preg_replace('/[^0-9]/', '', $callerID);

                                // Check if the caller ID is at least 10 digits long
                                if (strlen($callerID) >= 10) {
                                    // Extract the last 10 digits
                                    $lastTenDigits = substr($callerID, -10);

                                    // Format the last 10 digits as (999) 999-9999
                                    $formattedLastTenDigits = preg_replace('/(\d{3})(\d{3})(\d{4})/', '($1) $2-$3', $lastTenDigits);

                                    // Add a "+" sign in front of the original caller ID
                                    $formattedCallerID = '+' . substr($callerID, 0, -10) . $formattedLastTenDigits;

                                    // Output the formatted caller ID
                                    echo $formattedCallerID;
                                } else {
                                    // Handle cases where the caller ID is too short
                                    echo "Invalid caller ID";
                                }
                                echo $formattedCallerID;
                                ?>
                                                       <option @if(!empty($open_ai_setting[0]->cli)) @if($open_ai_setting[0]->cli == $lists->cli) selected  @endif @endif value="{{$lists->cli}}">{{$formattedCallerID}} ( {{$lists->voip_provider}} )</option>
                                                @endif

                                            @endforeach
                                        @endif
                                    </select>

                                    </div>
                                    </div>

                                  
                                   <!--  <div class="form-group col-md-5">
                                    <label for="exampleInputEmail1"> CLI</label>
                                    <div class="input-group">
                                     <span class="input-group-text @error('cli') text-danger border-danger @enderror"><i class="ti-mobile"></i></span>
                                    <input type="text" required class="form-control phone_number" name="cli" @if(!empty($open_ai_setting[0]->cli)) value=" {{$open_ai_setting[0]->cli}} @endif"  id="cli"
                                               placeholder="">

                                    </div>
                                    </div> -->
                                    <div class="form-group col-md-7">
                                    <label for="exampleInputEmail1">Access Token</label>
                                    <div class="input-group">
                                    <span class="input-group-text @error('access_token') text-danger border-danger @enderror"><i class="ti-user"></i></span>
                                    <input type="text" required class="form-control" @if(!empty($open_ai_setting[0]->access_token)) value=" {{$open_ai_setting[0]->access_token}} @endif"
                                     name="access_token"id="access_token"
                                               placeholder="Access Token">
                                            
                                    </div>
                                    </div>

                                    <div class="form-group col-md-5" style="display: none;">
                                    <label for="exampleInputEmail1"> Webhook Url</label>
                                    <div class="input-group">
                                     <span class="input-group-text @error('webhook_url') text-danger border-danger @enderror"><i class="ti-mobile"></i></span>
                                    <!-- <input type="text" required class="form-control" name="webhook_url" @if(!empty($open_ai_setting[0]->webhook_url)) value=" {{$open_ai_setting[0]->webhook_url}} @endif"  id="webhook_url"
                                               placeholder="Webhook Url"> -->

                                    <input type="text" required class="form-control" name="webhook_url"  value="https://webhook.site/#!/3fb03c09-5dbf-4033-8c9e-66c7bd1f13a1/900458ff-a622-4682-a7cd-f5ef9907b3c4/1"  id="webhook_url" placeholder="Webhook Url">

                                    </div>
                                    </div>
                                    <div class="form-group col-md-7" style="display: none;">
                                    <label for="exampleInputEmail1">SMS API Url</label>
                                    <div class="input-group">
                                    <span class="input-group-text @error('sms_ai_api_url') text-danger border-danger @enderror"><i class="ti-user"></i></span>
                                    <!-- <input type="text" required class="form-control" @if(!empty($open_ai_setting[0]->sms_ai_api_url)) value=" {{$open_ai_setting[0]->sms_ai_api_url}} @endif"
                                     name="sms_ai_api_url"id="sms_ai_api_url"
                                               placeholder="API Url"> -->

                                               <input type="text" required class="form-control" value="{{env('TELNYX_SMS_AI_URL')}}" name="sms_ai_api_url"id="sms_ai_api_url" placeholder="API Url">
                                            
                                    </div>
                                    </div>
                                   
                                    <div class="form-group col-md-12">
                                    <label for="exampleInputEmail1">Introduction</label>
                                    <div class="input-group">
                                    <textarea class="form-control"   name="introduction" rows="3">@if(!empty($open_ai_setting[0]->introduction)) {{$open_ai_setting[0]->introduction}} @endif</textarea> 
                                            
                                    </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                    

                                    <label for="exampleInputEmail1">Description</label>
                                    <div class="input-group">
                                    <textarea class="form-control"  name="description" rows="10">@if(!empty($open_ai_setting[0]->description)){{$open_ai_setting[0]->description}} @endif</textarea> 


                                  
                                    </div>
                                    </div>


                                    
                                  
                                    
                                   

                                    
                </div>

            
                    <div class="box-footer text-end">
                      
                    <button type="submit"  class="btn btn btn-primary waves-effect waves-light"><i class="ti-save-alt"></i> Submit</button> 


                           </div>
            </form>
                    </div>
              
                     
                    </div><!-- /.box-body -->
                </div><!-- /.box -->

            </div><!-- /.col -->
        </div><!-- /.row -->
    </section><!-- /.content -->
</div>



<script src="{{ asset('asset/plugins/input-mask/jquery.inputmask.js')}}"></script>
<script src="{{ asset('assets/vendor_plugins/input-mask/jquery.inputmask.date.extensions.js')}}"></script>

<script>
  $(document).ready(function ()
  {



    
    $('.phone_number').inputmask("(999) 999-9999");
   
</script>


@endsection