From b8b2f4dd82c69b24f3be408d0f981196f7e31486 Mon Sep 17 00:00:00 2001
From: Gustavo Luigi <=>
Date: Tue, 9 Jan 2024 17:28:36 -0300
Subject: [PATCH] add intl-tel-input

---
 content/contents/leistungen.blade.php | 54 +++++++++++++++------------
 1 file changed, 31 insertions(+), 23 deletions(-)

diff --git a/content/contents/leistungen.blade.php b/content/contents/leistungen.blade.php
index 3045180..7d08e95 100644
--- a/content/contents/leistungen.blade.php
+++ b/content/contents/leistungen.blade.php
@@ -1,5 +1,9 @@
 @extends('template.'.config('settings.template').'.content.master')
 
+@section('head')
+    <link rel="stylesheet" href="{{storage('assets/libs/intl-tel-input-17.0.0/css/intlTelInput.min.css')}}">
+@stop
+
 @section('content')
 
     <div class="pt-3 pb-2 mb-5" style="background-color: {{$_primary_ci_color}}">
@@ -84,7 +88,7 @@
 
                                 <div class="mb-4">
                                     <label for="exampleInputEmail1" class="form-label">Telefonnummer:</label>
-                                    <input type="tel" name="tel" class="form-control" id="tel" aria-describedby="emailHelp" placeholder="0170 1234 56478" autocomplete="on">
+                                    <input type="tel" name="tel" class="form-control phone" id="tel" aria-describedby="emailHelp" placeholder="0170 1234 56478" autocomplete="on">
                                 </div>
 
                                 <div class="mb-4">
@@ -150,29 +154,33 @@
     </script>
     <!-- <script src="{{ asset('template/js/pages/news/methods.js') }}"></script>
     <script src="{{ asset('template/js/pages/news/events.js') }}"></script>
-    <script src="{{ asset('template/js/pages/news/script.js') }}"></script>
-    <script src="{{ asset('system/js/intlTelInput.min.js') }}"></script> -->
-    <!-- <script>
-        var input = document.querySelector(".phone");
-        var iti = window.intlTelInput(input, {
-            initialCountry: "de",
-            geoIpLookup: function(callback) {
-                $.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) {
-                    var countryCode = (resp && resp.country) ? resp.country : "us";
-                    callback(countryCode);
-                });
-            },
-            utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.11/js/utils.min.js",
-            // any initialisation options go here
+    <script src="{{ asset('template/js/pages/news/script.js') }}"></script> -->
+    <script src="{{ asset('template/assets/libs/intl-tel-input-17.0.0/js/intlTelInput.min.js') }}"></script>
+    <script>
+        document.addEventListener("DOMContentLoaded", () => {
+            let baseUrl = document.querySelector("meta[name=url-base]").getAttribute('content');
+
+            let input = document.querySelector(".phone");
+            let iti = window.intlTelInput(input, {
+                initialCountry: "de",
+                geoIpLookup: function(callback) {
+                    $.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) {
+                        var countryCode = (resp && resp.country) ? resp.country : "us";
+                        callback(countryCode);
+                    });
+                },
+                utilsScript: baseUrl+"/template/assets/libs/intl-tel-input-17.0.0/js/utils.min.js"
+            });
+
+            $("#anfrage").submit(function() {
+                if (iti.isValidNumber() == false) {
+                    alert('Telefonnummer nicht gültig!');
+                    return false;
+                }
+                return true;
+            });
         });
-        $("#formPost").submit(function() {
-            if (iti.isValidNumber() == false) {
-                alert('Telefonnummer nicht gültig!');
-                return false;
-            }
-            return true;
-        });
-    </script> -->
+    </script>
     <script>
         document.addEventListener("DOMContentLoaded", () => {
             document.querySelectorAll(".form-load").forEach(formLoad => formLoad.addEventListener("submit", () => {