make the ar.json structure be like the structure i gave u <!DOCTYPE html>
<html lang="{{ app()->getLocale() }}" dir="{{ app()->getLocale() == 'ar' ? 'rtl' : 'ltr' }}">
  <head>
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>{{ __('Sas Radius Pro Dashboard') }}</title>
    <link rel="stylesheet" href="css/style.css" />
    <!-- boostrap -->
    <link rel="stylesheet" href="css/bootstrap.css" />
    <script src="js/bootstrap.js"></script>
    <!-- font awesome -->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
      integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
  </head>
  <body>
    <main>
      <div class="overflow_sidebar"></div>
      <!-- start sidebar -->
      <div class="sidebar">
        @include('include.sidebar')
      </div>
      <!-- end sidebar -->

      <div class="content_page">
        <div class="header">
          <div class="left">
            <div class="icon_menu">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke-width="1.5"
                stroke="currentColor"
                class="w-6 h-6"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
                />
              </svg>
            </div>
            <div class="logo_header">
              <img src="images/logo.png" alt="{{ __('logo') }}" loading="lazy" />
            </div>
            <div class="input_search">
              <input type="text" placeholder="{{ __('Search...') }}" />
              <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke-width="1.5"
                stroke="currentColor"
                class="w-6 h-6"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
                />
              </svg>
            </div>
          </div>
          <div class="right">
            @include('include.translation')
            <div class="notfication">
              <div class="head">
                <div class="icon">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    fill="none"
                    viewBox="0 0 24 24"
                    stroke-width="1.5"
                    stroke="currentColor"
                    class="w-6 h-6"
                  >
                    <path
                      stroke-linecap="round"
                      stroke-linejoin="round"
                      d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0M3.124 7.5A8.969 8.969 0 015.292 3m13.416 0a8.969 8.969 0 012.168 4.5"
                    />
                  </svg>
                </div>
              </div>
            </div>
            <div class="nav_item">
              <div class="head">
                <img
                  class="img_profile"
                  src="images/user-1.jpg"
                  alt="user-1"
                  loading="lazy"
                />
              </div>
              @include('include.profile')
            </div>
          </div>
        </div>

        <div class="following_data_section">
          <div class="head">
            <h4>{{ __('following_data_section.title') }}</h4>
          </div>
          <div class="content">
            <div role="alert" class="alert alert-info">
              <strong>{{ __('alerts.country_code_info') }}</strong>
            </div>

            <div class="line_inputs">
              <div class="row">
                <div class="col-12 col-md-6">
                  <div class="input_item">
                    <label for="savebygrp">{{ __('labels.save_by_group') }}</label>
                    <input id="savebygrp" type="text" placeholder="{{ __('placeholders.save_by_group') }}" />
                  </div>
                </div>
                <div class="col-12 col-md-6">
                  <div class="input_item">
                    <label for="sascntNum">{{ __('labels.country_code') }}</label>
                    <input id="sascntNum" type="text" placeholder="{{ __('placeholders.country_code') }}" />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>
    <script>
      const codeinput = document.getElementById('sascntNum');
      const savebygrp = document.getElementById('savebygrp');
      const data = {
        'codeinput': '',
        'savebygrp': '',
        'operation': 'importsasuser/created',
      };
      
      function sendData() {
        fetch('/sas-config-customers', {
          method: 'post',
          headers: {
            'Content-Type': 'application/json',
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
          },
          body: JSON.stringify(data)
        })
        .then(response => {
          if (!response.ok) {
            console.log("Response unsuccessful");
            return response.json().then(errorData => {
              throw errorData;
            });
          }
          logdata();
          console.log("Response successful");
          return response.json();
        })
        .then(responseData => {
          console.log("Response data:", responseData);
        })
        .catch(error => {
          console.error("Error:", error);
        });
        
        function logdata(){
          fetch('/data-logged', {
            method: 'post',
            headers: {
              'Content-Type': 'application/json',
              'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
            },
            body: JSON.stringify(data)
          });
        }
      }
      
      codeinput.addEventListener('input', function(event) {
        data['codeinput'] = event.target.value;
        sendData();
        console.log(data);
      });
      
      savebygrp.addEventListener('input', function(event) {
        data['savebygrp'] = event.target.value;
        sendData();
        console.log(data);
      });
      
      window.addEventListener('load', function() {
        if (codeinput.value) data['codeinput'] = codeinput.value;
        if (savebygrp.value) data['savebygrp'] = savebygrp.value;
      });
    </script>
    <script src="js/boxs-header.js"></script>
    <script src="js/sidebar.js"></script>
    <script src="js/nav-profile.js"></script>
  </body>
</html> {
  "Sas Radius Pro Dashboard": "لوحة مراقبة Sash Radius Pro Dashboard",
  "logo": "شعار",
  "user_profile": "ملف المستخدم",
  "Search...": "بحث...",
  
  "Traffic Report": "تقرير المرور",
  "Source:": "المصدر:",
  "Wikipedia.com": "ويكيبيديا.كوم",
  "Jan": "يناير",
  "Feb": "فبراير",
  "Mar": "مارس",
  "Apr": "أبريل",
  "May": "مايو",
  "Jun": "يونيو",
  "Jul": "يوليو",
  "Aug": "أغسطس",
  "Sep": "سبتمبر",
  "Oct": "أكتوبر",
  "Nov": "نوفمبر",
  "Dec": "ديسمبر",
  "Temperature (°C)": "درجة الحرارة (°م)",
  "Reggane": "رجانة",
  "Search": "بحث",
  "Home": "الرئيسية",
  "Messages": "الرسائل",
  "Client List | Found :count entries": "قائمة العملاء | تم العثور على :count مدخلات",
  "Template List | Found :count entries": "قائمة القوالب | تم العثور على :count مدخلات",
  "Message Settings": "إعدادات الرسائل",
  "Country Code": "كود الدولة",
  "Egypt": "مصر",
  "Libya": "ليبيا",
  "Iraq": "العراق",
  "UAE": "الإمارات",
  "Saudi Arabia": "السعودية",
  "Messaging Service": "خدمة الرسائل",
  "Additional keys you can use": "مفاتيح إضافية يمكنك استخدامها",
  "Profile": "البروفايل",
  "Expiration Date": "تاريخ الانتهاء",
  "Username": "اسم المستخدم",
  "First Name": "الاسم الأول",
  "Usage Example": "مثال للاستخدام",
  "Hello": "مرحبا",
  "the": "ال",
  "monthly package has been activated and will expire on": "باقة شهرية تم تفعيلها وسوف تنتهي في",
  "The client will receive it like this": "سوف يتلقى العميل ذلك بهذا الشكل",
  "Hello Yasser, the 50GB monthly package has been activated and will expire on": "مرحبا ياسر، تم تفعيل باقة 50 جيجابايت الشهرية وسوف تنتهي في",
  "Activation Message": "رسالة التفعيل",
  "Expiry Message": "رسالة انتهاء الصلاحية",
  "About to Expire Subscription": "اشتراك على وشك الانتهاء",
  "Upon Subscription Activation": "عند تفعيل الاشتراك",
  "Upon Package Renewal": "عند تجديد الباقة",
  "Upon Package Change": "عند تغيير الباقة",
  "Upon Client Deposit": "عند إيداع العميل",
  "Upon Withdrawal from Client Balance": "عند السحب من رصيد العميل",
  "Upon Editing Client Data": "عند تعديل بيانات العميل",
  "Upon Adding or Removing Consumption Capacities (GB) for Client": "عند إضافة أو إزالة سعات استهلاك (جيجابايت) للعميل",
  "Upon Client Deletion": "عند حذف العميل",
  "Upon Manager Login": "عند تسجيل دخول المدير",
  "Upon Manager Deposit": "عند إيداع المدير",
  "Upon Withdrawal from Manager Balance": "عند السحب من رصيد المدير",
  "Aggressive Messaging": "الرسائل العنيفة",
  "Operation Number": "رقم العملية",
  "Account Symbol": "رمز الحساب",
  "Last Name": "الاسم الأخير",
  "Package": "باقة",
  "Balance": "الرصيد",
  "Return to Menu": "العودة إلى القائمة",
  "Card Activation Confirmation Message": "رسالة تأكيد تفعيل البطاقة",
  "Insufficient Balance for Package Activation Message": "رصيد غير كافٍ لتفعيل الباقة",
  "Package Activation Data Message": "رسالة بيانات تفعيل الباقة",
  "Package Activation Confirmation Message": "رسالة تأكيد تفعيل الباقة",
  "Enable Card Charging": "تمكين شحن البطاقة",
  "Menu Message": "رسالة القائمة",
  "Successful Card Activation Message": "رسالة تفعيل البطاقة الناجحة",
  "Card Entry Request Message": "رسالة طلب إدخال البطاقة",
  "Bot Preferences": "تفضيلات الروبوت",
  "Message Sent Successfully!": "تم إرسال الرسالة بنجاح!",
  "Operations": "العمليات",
  "Add": "إضافة",
  "View": "عرض",
  "Send Message": "إرسال رسالة",
  "Change Group": "تغيير المجموعة",
  "Reload": "إعادة تحميل",
  "Filter": "تصفية",
  "Template": "القالب",
  "Message": "الرسالة",
  "Creation Date": "تاريخ الإنشاء",
  "Name": "الاسم",
  "Group": "المجموعة",
  "Phone": "الهاتف",
  "Phones": "الهواتف",
  "Notes": "ملاحظات",
  "Delete": "حذف",
  "Delete Confirmation": "تأكيد الحذف",
  "Are you sure you want to delete the selected groups?": "هل أنت متأكد من حذف المجموعات المحددة؟",
  "Confirm": "موافق",
  "Cancel": "إلغاء",
  "Profile data sent successfully:": "تم إرسال بيانات الملف الشخصي بنجاح:",
  "Error sending profile data:": "خطأ في إرسال بيانات الملف الشخصي:",
  "Button with id \"aview\" not found.": "لم يتم العثور على الزر بمعرف \"aview\".",
  "Modal element not provided.": "لم يتم توفير عنصر المودال.",
  "Element with ID \"deleteConfirmationModal\" not found.": "لم يتم العثور على العنصر بمعرف \"deleteConfirmationModal\".",
  "Element with ID \"confirmDelete\" not found.": "لم يتم العثور على العنصر بمعرف \"confirmDelete\".",
  "Element with ID \"deletebtn\" not found.": "لم يتم العثور على العنصر بمعرف \"deletebtn\".",
  "Element with ID \"selectAllcheckbox\" not found.": "لم يتم العثور على العنصر بمعرف \"selectAllcheckbox\".",
  "No checkboxes found.": "لم يتم العثور على مربعات اختيار.",
  "Please select at least one client to delete.": "الرجاء تحديد عميل واحد على الأقل للحذف.",
  "Selected clients have been successfully deleted.": "تم حذف العملاء المحددين بنجاح.",
  "Error deleting clients: ": "خطأ في حذف العملاء: ",
  "An error occurred while deleting clients.": "حدث خطأ أثناء حذف العملاء.",
  "No Group": "لا توجد مجموعة",
  "Default selected": "تم تحديد الافتراضي",
  "Unexpected value, setting to default": "قيمة غير متوقعة، سيتم التعيين على الافتراضي",
  "Enable Account Balance Display": "تمكين عرض رصيد الحساب",
  "Card Charging": "شحن البطاقة",
  "Operation Confirmation": "تأكيد العملية",
  "Settings have been saved successfully!": "تم حفظ الإعدادات بنجاح!",
  "An error occurred:": "حدث خطأ:",
  "An unexpected error occurred.": "حدث خطأ غير متوقع.",
  "Operation data sent successfully:": "تم إرسال بيانات العملية بنجاح:",
  "Error in sending operation data:": "خطأ في إرسال بيانات العملية:",
  "Name input is not in focus.": "حقل الاسم ليس في التركيز.",
  "Submitting data:": "جارٍ إرسال البيانات:",
  "General": "عام",
  "Edit": "تعديل",
  "Add Client": "إضافة عميل",
  "Delete Clients": "حذف العملاء",
  "Add Phone": "إضافة هاتف",
  "Phone Number": "رقم الهاتف",
  
  "Attach Image": "إرفاق صورة",
  "Enter phone number here": "أدخل رقم الهاتف هنا",
  "Enter your message here": "أدخل رسالتك هنا",
  "Choose a specific phone number to send the message": "اختر رقم هاتف محدد لإرسال الرسالة",
  "Enter Session": "أدخل الجلسة",
  "Choose a specific session to send messages from": "اختر جلسة محددة لإرسال الرسائل منها",
  "Choose a group to be used as a sender": "اختر مجموعة لاستخدامها كمرسل",
  "Main phone only": "الهاتف الرئيسي فقط",
  "Choose a phone number": "اختر رقم هاتف",
  "Choose a group": "اختر مجموعة",
  "Enter the message to be used": "أدخل الرسالة التي سيتم استخدامها",
  "Are you sure you want to send the message?": "هل أنت متأكد من أنك تريد إرسال الرسالة؟",
  "Template has been successfully deleted.": "تم حذف القالب بنجاح.",
  "An error occurred while deleting the template. Please try again.": "حدث خطأ أثناء حذف القالب. يرجى المحاولة مرة أخرى.",
  "Template has been successfully updated.": "تم تعديل القالب بنجاح.",
  "An error occurred while editing the template. Please try again.": "حدث خطأ أثناء تعديل القالب. يرجى المحاولة مرة أخرى.",
  
  "Add Template": "إضافة قالب",
  "Description": "الوصف",
  "Additions": "إضافات",
  "Are you sure you want to add the new template?": "هل أنت متأكد من إضافة القالب الجديد؟",
  "Please fill all required fields.": "يرجى ملء جميع الحقول المطلوبة.",

  "following_data_section": {
    "title": "Enter the following data"
  },
  "alerts": {
    "country_code_info": "Country code is used only to identify phone numbers within SAS customers data."
  },
  "labels": {
    "save_by_group": "Save according to group",
    "country_code": "Country Code"
  },
  "placeholders": {
    "save_by_group": "Save according to group",
    "country_code": "Country Code"
  },
  "tables": {
    "sas_radius_list_found": "Sas Radius List | Found :count entries",
    "sas_link": "Sas Link"
  }
}