Viewing file:  customer.blade.php (34.8 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<!DOCTYPE html>
@php
$siteDirection=isset(json_decode(get_settings('local_setting'))->direction)?json_decode(get_settings('local_setting'))->direction:'ltr';
$current_lang=app()->getLocale();
if($current_lang && $current_lang=='ar'){
$siteDirection='rtl';
}
@endphp
<html lang="en" dir="{{$siteDirection}}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>@yield('title')</title>
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="{{asset('plugins/fontawesome-free/css/all.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/toastr/toastr.min.css')}}">
<!-- Theme style -->
<link rel="stylesheet" href="{{asset('css/adminlte.min.css')}}">
<link rel="stylesheet" href="{{asset('css/custom.css')}}">
@if(get_settings('app_favicon'))
<link rel="shortcut icon" href="{{asset('uploads/'.get_settings('app_favicon'))}}" type="image/x-icon">
@endif
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
<link href="{{asset('plugins/select2/css/select2.min.css')}}" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&family=Montserrat:wght@200&display=swap"
rel="stylesheet">
<style>
.select2-container .select2-selection--single {
height: 37px !important;
}
.select2-container--default {
width: 100% !important;
}
.sms-credit {
padding: 7px 20px;
border-radius: 5px;
font-weight: 800;
}
.balance-section {
border-right: 3px solid;
padding-top: 22px;
}
.display-none {
display: none;
}
.basic-sidebar {
position: absolute;
z-index: 9999;
right: 0;
height: -webkit-fill-available;
top: 0;
}
.close-basic-sidebar {
font-size: 29px;
font-weight: 900;
background: var(--primary);
padding: 0px 10px;
color: #FFFFFF;
}
.responsive-toggle {
display: none;
}
.height-300 {
height: 300px;
}
.top-up-sm-btn {
position: relative;
left: 77px;
}
@media (max-width: 1100px) {
.responsive-toggle {
display: block;
}
.responsive-profile {
display: block;
}
}
.notice-card {
background: #c1afaf2b;
}
.notice-modal-body {
min-height: 300px;
overflow-y: scroll;
}
.c-pointer {
cursor: pointer;
}
.notice-row {
padding: 5px 20px;
}
.counter {
float: right;
position: absolute;
background: #dc4745;
padding: 3px 8px 1px 7px;
font-size: 11px;
color: white;
border-radius: 50%;
right: 0px;
z-index: 9999;
margin-top: 7px;
font-weight: 600;
}
/* CSS For Languege DropDown */
.language_option_dropdown>button.btn {
/* border: solid 1px #e5e5e5; */
background-color: transparent;
padding: 5px 5px;
border-radius: 0px;
width: 150px;
text-transform: none;
}
.language_option_dropdown>button.btn .caret {
transform: rotate(180deg);
}
.language_option_dropdown>.dropdown-menu {
font-size: 12px;
min-width: 150px;
padding: 10px;
}
.language_option_dropdown>.dropdown-menu>li>a:hover {
background-color: #0080d4;
color: white;
}
.language_option_dropdown img {
height: 15px;
width: 25px;
margin: 5px;
}
.language_option_dropdown>button.btn {
/* border: solid 1px #CCC; */
background-color: white;
padding: 5px 5px;
/* border-radius: 4px 4px 0px 0px; */
width: 150px;
text-transform: none;
}
.language_option_dropdown>.dropdown-menu {
font-size: 12px;
min-width: 150px;
}
.language_option_dropdown>.dropdown-menu>li>a:hover {
background-color: #265681 !important;
color: white;
}
.language_option_dropdown img {
height: 15px;
width: 25px;
margin: 5px;
}
.change-lang:hover {
background: #ededed;
}
.change-lang {
cursor: pointer;
border-radius: 4px;
margin-top: 6px;
border: 1px solid #f4f2f2;
}
@media(max-width:700px){
.section-lang-dp{
display: none;
}
}
</style>
@php $themeData=json_decode(get_settings('theme_customize'))?json_decode(get_settings('theme_customize')):'';
@endphp
<style>
.select2-container .select2-selection--single {
height: 37px !important;
}
.lang-colour {
background-color: #e6f7ff;
}
.lang-colour i {
color: black;
font-size: 24px;
}
.dark-mode {
background-color: #454d55 !important;
color: #fff;
}
html[theme='dark-mode'] {
filter: invert(1) hue-rotate(180deg);
}
@if(isset($themeData->navbar_color)) .main-header {
background: {
{
$themeData->navbar_color
}
}
;
}
@endif @if(isset($themeData->left_sidebar)) .main-sidebar {
background: {
{
$themeData->left_sidebar
}
}
;
}
@endif @if(isset($themeData->active_sidebar)) .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
background-color: {
{
$themeData->active_sidebar
}
}
;
}
@endif .main-sidebar {
bottom: 0;
float: none !important;
left: 0;
position: fixed !important;
top: 0;
}
.main-sidebar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
}
.main-sidebar ::-webkit-scrollbar {
width: 7px;
background-color: #ffffff40;
}
.main-sidebar ::-webkit-scrollbar-thumb {
border: 2px solid #A2ADB7;
background: #A2ADB7;
border-radius: 7px;
}
.sidebar {
height: calc(100% - 8rem) !important;
}
.sidebar-compose .nav-link:hover {
color: #ffffff !important;
}
.sidebar-compose .nav-link:hover p {
color: #F3F8FF !important;
}
.modal-content {
margin-top: 10%;
}
.management-header{
color: #7B8190;
margin-left: 5px;
margin-right: 5px;
font-size: 13px !important;
margin-top: 1rem;
margin-bottom: 1rem;
}
</style>
@if(Module::has('PaymentGateway'))
<link rel="stylesheet" href="{{Module::asset('paymentgateway:css/paymentgateway.css')}}">
@endif
@yield('extra-css')
</head>
@php
$auth_id = auth('customer')->user()->id;
@endphp
<body class="hold-transition sidebar-mini">
@if (session()->get('customer_session_'.auth('customer')->user()->id))
<div class="login-section-admin">
<div class="admin-login-title">You are logged in as {{auth('customer')->user()->fullname}} <span
class="ml-3"><strong>Email:</strong> {{auth('customer')->user()->email}}</span>
<span><button class="btn btn-primary btn-sm ml-3" data-message="You want to log out form customer"
data-action={{route("customer.login.as.admin")}} data-input='{"id":"{{$auth_id}}"}'
data-toggle="modal" data-target="#modal-confirm">Back</button></span>
</div>
</div>
@endif
<div class="wrapper">
<!-- Navbar -->
<nav
class="main-header {{session()->get('customer_session_'.auth('customer')->user()->id)?'if_session_main_header':''}} navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
</li>
<li class="nav-item cache_clear_btn" style="display: none">
<a class="nav-link" title="{{trans('customer.clear_cache')}}"
href="{{route('customer.clear.cache')}}"><i class="fa fa-sync text-danger"></i></a>
</li>
</ul>
@php
$currentPlan= cache('current_plan_'.auth('customer')->user()->id);
$admin_id = session()->get('admin_id');
$local_setting = json_decode(get_settings('local_setting'));
@endphp
<!-- Right navbar links -->
<ul class="navbar-nav ml-auto">
<li class="nav-item section-lang-dp">
<div class="dropdown language_option_dropdown">
<button class="btn dropdown-toggle" type="button" data-toggle="dropdown">
@if ($current_lang=='it')
<img src="https://upload.wikimedia.org/wikipedia/commons/0/03/Flag_of_Italy.svg" />
Italian
@elseif ($current_lang=='cn')
<img src="https://flagpedia.net/data/flags/h80/cn.png" />
Chinese
@elseif ($current_lang=='en')
<img src="https://res.cloudinary.com/deww7grx3/image/upload/v1561962491/flagen.png" />
English
@elseif ($current_lang=='fr')
<img src="https://res.cloudinary.com/deww7grx3/image/upload/v1561962491/flagfr.png" />
French
@elseif ($current_lang=='sp')
<img src="https://flagcdn.com/w320/es.png" />
Spanish
@elseif ($current_lang=='hi')
<img src="https://flagcdn.com/w320/in.png" />
Hindi
@elseif ($current_lang=='tk')
<img src="https://flagcdn.com/w320/tr.png" />
Turkish
@elseif ($current_lang=='ar')
<img src="https://flagcdn.com/w320/sa.png" />
Arabic
@elseif ($current_lang=='ru')
<img src="https://flagcdn.com/w320/ru.png" />
Russian
@elseif ($current_lang=='gr')
<img src="https://flagcdn.com/w320/de.png" />
German
@elseif ($current_lang=='pt')
<img src="https://flagcdn.com/w320/pt.png" />
Portuguese
@else
<img
src="https://res.cloudinary.com/deww7grx3/image/upload/v1561962491/flag{{$current_lang}}.png" />
{{strtoupper($current_lang)}}
@endif
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
@foreach(get_available_languages() as $lang)
<li class="change-lang" data-action="{{route('set.locale',['type'=>$lang])}}"
data-lang="{{$lang}}">
<span>
@if ($lang=='en')
<img
src="https://res.cloudinary.com/deww7grx3/image/upload/v1561962491/flagen.png" />
English
@elseif ($lang=='it')
<img src="https://upload.wikimedia.org/wikipedia/commons/0/03/Flag_of_Italy.svg" />
Italian
@elseif ($lang=='cn')
<img src="https://flagpedia.net/data/flags/h80/cn.png" />
Chinese
@elseif ($lang=='fr')
<img
src="https://res.cloudinary.com/deww7grx3/image/upload/v1561962491/flagfr.png" />
French
@elseif ($lang=='tk')
<img src="https://flagcdn.com/w320/tr.png" />
Turkish
@elseif ($lang=='ar')
<img src="https://flagcdn.com/w320/sa.png" />
Arabic
@elseif ($lang=='sp')
<img src="https://flagcdn.com/w320/es.png" />
Spanish
@elseif ($lang=='ru')
<img src="https://flagcdn.com/w320/ru.png" />
Russian
@elseif ($lang=='hi')
<img src="https://flagcdn.com/w320/in.png" />
Hindi
@elseif ($lang=='gr')
<img src="https://flagcdn.com/w320/de.png" />
German
@elseif ($lang=='pt')
<img src="https://flagcdn.com/w320/pt.png" />
Portuguese
@else
<img
src="https://res.cloudinary.com/deww7grx3/image/upload/v1561962491/flag{{$lang}}.png" />
{{strtoupper($lang)}}
@endif
</span>
</li>
@endforeach
</ul>
</div>
</li>
@if(isset(get_settings('notice_status')->notice_status) &&
get_settings('notice_status')->notice_status=='enable')
<li class="nav-item dropdown user-menu mr-4 view-notice top-up-section pt-2">
<button class="btn btn-sm btn-warning" type="button">Notice</button>
</li>
@endif
@if(get_settings('reseller_status')=='enable')
@if(auth('customer')->user()->type =='reseller' || auth('customer')->user()->type =='master_reseller')
@if(checkVerifySeller()=='false')
<li class="nav-item dropdown user-menu mr-3 pt-2">
<a href="{{route('customer.became.seller')}}" class="btn btn-primary btn-sm">Verify Now</a>
</li>
@endif
@endif
@endif
<li class="nav-item ml-3 mr-3">
@if(auth('customer')->user()->type=='normal' || auth('customer')->user()->type=='reseller_customer')
<div class="panel-text text-primary">{{trans('customer.customer_panel')}}</div>
@else
<div class="panel-text text-primary">{{ucwords(str_replace('_',' ',
auth('customer')->user()->type))}} {{trans('customer.panel')}}</div>
@endif
<div class="panel-text panel-date">{{date('d M Y')}}</div>
</li>
<li class="nav-item dropdown user-menu desktop-profile">
<a href="{{route('customer.settings.index')}}" class="nav-link dropdown-toggle"
data-toggle="dropdown" aria-expanded="true">
<img src="{{asset('uploads/'.auth('customer')->user()->profile_picture)}}"
class="user-image img-circle elevation-2" alt="img">
</a>
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-right dropdown-profile">
<!-- User image -->
<li class="user-header bg-primary">
<img src="{{asset('uploads/'.auth('customer')->user()->profile_picture)}}"
class="img-circle elevation-2" alt="{{auth('customer')->user()->full_name}}">
<p>
{{auth('customer')->user()->full_name}}
<small>Member since {{date('M. Y')}}</small>
</p>
</li>
<!-- Menu Footer-->
<li class="user-footer">
<a href="{{route('customer.settings.index')}}"
class="btn btn-default btn-flat">{{trans('customer.profile')}}</a>
<a href="{{route('customer.logout')}}"
class="btn btn-default btn-flat float-right">{{trans('customer.sign_out')}}</a>
</li>
</ul>
</li>
</ul>
</nav>
<!-- /.navbar -->
<!-- Main Sidebar Container -->
<aside
class="main-sidebar {{session()->get('customer_session_'.auth('customer')->user()->id)?'if_session_main_sidebar':''}} sidebar-dark-primary elevation-4">
<!-- Brand Logo -->
<a href="{{route('customer.dashboard')}}" class="brand-link text-center">
@if(get_settings('app_logo'))
<img class="layout-logo" src="{{asset('uploads/'.get_settings('app_logo'))}}" alt="">
@endif
<span class="brand-text font-weight-light d-none">{{get_settings('app_name')}}</span>
</a>
<!-- Sidebar -->
<div class="sidebar">
<!-- Sidebar Menu -->
<nav class="mt-3">
@include('layouts.includes.customer_sidebar')
</nav>
<!-- /.sidebar-menu -->
</div>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div
class="content-wrapper {{session()->get('customer_session_'.auth('customer')->user()->id)?'if_session_custom_content-wrapper':''}}">
@yield('content')
</div>
<!-- /.content-wrapper -->
<!-- /.control-sidebar -->
<!-- Main Footer -->
<footer class="main-footer">
<!-- To the right -->
<div class="float-right">
<strong>{{trans('customer.copyright')}} © {{date('Y')}} <a target="_blank" href="#">
@if(auth('customer')->user()->type=='normal')
{{get_settings('app_name')}}
@else
{{getCustomerSettings('app_name')}}
@endif
</a>.</strong> {{trans('customer.all_rights_reserved')}}
.
</div>
</footer>
</div>
<!-- ./wrapper -->
<!-- Confirmation modal -->
<div class="modal fade" id="modal-confirm">
<div class="modal-dialog">
<form id="modal-form">
@csrf
<div id="customInput"></div>
<div class="modal-content">
<div class="modal-header p-2">
<h4 class="modal-title">{{trans('customer.confirmation')}}</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer p-2">
<button id="modal-confirm-btn" type="submit"
class="btn btn-primary btn-sm">{{trans('customer.confirm')}}</button>
<button type="button" class="btn btn-secondary btn-sm"
data-dismiss="modal">{{trans('customer.cancel')}}</button>
</div>
</div>
<!-- /.modal-content -->
</form>
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- Modal -->
<div class="modal fade" id="topUpModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">{{trans('customer.top_up')}}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
@if(Module::has('PaymentGateway') && Module::find('PaymentGateway')->isEnabled())
<form action="{{route('paymentgateway::topup.process')}}" method="post" id="topup_form">
@csrf
<div class="modal-body">
<input type="hidden" name="topup_type">
<div class="form-group">
<label for="">{{trans('admin.amount')}}
<span>{{ isset($local_setting->currency_code) ? '(' . $local_setting->currency_code .
')' : '' }}
</span>
</label>
<input type="number" placeholder="{{trans('customer.enter_amount')}}" name="amount"
class="form-control top_up_amount">
<small class="text-danger">Per sms unit cost : <span
id="unitPrice">{{isset($currentPlan->sms_unit_price)?$currentPlan->sms_unit_price:0}}</span>
<span>{{ isset($local_setting->currency_code) ? '(' . $local_setting->currency_code .
')' : '' }}
</span>
</small>
</div>
<div class="form-group" id="totalSection">
<p class="d-block">
<span>{{trans('customer.total_sms_unit')}} :</span>
<span class="totalCredit"></span>
</p>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary"
data-dismiss="modal">{{trans('customer.close')}}</button>
<button type="button"
class="btn btn-primary submit_topup_form">{{trans('customer.checkout')}}</button>
</div>
</form>
@endif
</div>
</div>
</div>
@if(get_settings('notice_status') && get_settings('notice_status')=='enable')
<div class="modal fade" id="noticeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">{{trans('customer.notice')}}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body notice-modal-body">
@if(getNotices() != 'null')
@foreach(getNotices('5') as $notice)
<div class="card notice-card ">
<div class="row notice-row">
<div class="pt-2 col-md-12">
<strong>{{$notice->title}}</strong>
</div>
<div class="col-md-10">
{!! isset($notice->description)?clean($notice->description):'' !!}
</div>
<div class="col-md-2">
@if($notice->attached_data)
<strong class="float-right d-block mt-2">
<a href="{{route('customer.download.notice.file', ['id'=>$notice->id])}}"><i
class="fa fa-download downloadAttachedData mr-2 c-pointer"
data-id="{{$notice->id}}"></i></a>
</strong>
@endif
</div>
</div>
</div>
@endforeach
@else
<div class="text-center p-4 mt-4">
<strong class="text-danger">No data available</strong>
</div>
@endif
</div>
<div class="modal-footer justify-content-end">
<a class="btn btn-sm btn-primary float-right" target="_blank"
href="{{route('customer.all.notices')}}">View All</a>
</div>
</div>
</div>
</div>
@endif
<!-- REQUIRED SCRIPTS -->
<script>
"use strict";
</script>
<!-- jQuery -->
<script src="{{asset('plugins/jquery/jquery.min.js')}}"></script>
<!-- Bootstrap 4 -->
<script src="{{asset('plugins/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<!-- AdminLTE App -->
<script src="{{asset('js/adminlte.min.js')}}"></script>
<script src="{{asset('js/readmore.min.js')}}"></script>
<script src="{{asset('js/custom.js')}}"></script>
<script src="{{asset('plugins/select2/js/select2.full.js')}}"></script>
<script>
jQuery('button[type="submit"]').on('click', function (e) {
var form = $(this).parents('form:first');
if (form) {
$(this).attr('disabled', 'disabled').addClass('disabled')
$(this).html(' <i class="fa fa-spinner fa-spin"></i> Loading');
form.submit();
}
});
jQuery('#modal-confirm-btn').on('click', function (e) {
var form = $(this).parents('form:first');
if (form.valid()) {
$(this).attr('disabled', 'disabled').addClass('disabled')
$(this).html(' <i class="fa fa-spinner fa-spin"></i> Loading');
form.submit();
}
});
$(document).on('click', '.change-lang', function(e){
const url=$(this).attr('data-action');
location.href=url;
})
$(document).on('keyup or paste', "input[name=amount]", function (e){
let amount = $(this).val();
let rate = '{{isset($currentPlan->sms_unit_price)?$currentPlan->sms_unit_price:0}}';
let total=0;
total = amount / rate;
if(rate <= 0) {
total=amount;
}
let grandTotal = Math.floor(total);
$('.totalCredit').text(grandTotal);
});
$(document).on('click', '.topUpBtn', function (e){
const type=$(this).attr('data-type');
const dataRate= $(this).attr('data-rate');
$("input[name=topup_type]").val(type);
$("input[name=rate]").val(dataRate);
if(type=='masking'){
$('#maskingType').text('Masking Rate')
}else{
$('#maskingType').text('Non Masking Rate')
}
$('#topUpModal').modal('show');
$('.basic-sidebar').addClass('display-none');
});
$(document).on('click', '.responsive-toggle', function (e){
$('.basic-sidebar').removeClass('display-none');
});
$(document).on('click', '.content-wrapper',function(e){
$(".basic-sidebar").addClass('display-none');
});
$(document).on('click', '.close-basic-sidebar',function(e){
$(".basic-sidebar").addClass('display-none');
});
$(document).on('click', '.view-notice', function (e){
$('#noticeModal').modal('show')
$(".basic-sidebar").addClass('display-none');
})
</script>
<script>
const getNotice = localStorage.getItem('noticeCounter');
if (!getNotice) {
$(document).ready(function() {
$('#noticeModal').modal('show')
});
}
localStorage.setItem('noticeCounter', 'true');
</script>
@if(isset($themeData->type))
<script>
const type ='{{$themeData->type}}';
if(type=='dark'){
$('html').attr('theme', 'dark-mode')
}else{
$('html').attr('theme', 'light-mode')
}
</script>
@endif
@if(isset($themeData->collapse_sidebar) && $themeData->collapse_sidebar=='true')
<script>
$('.fa-bars').trigger('click');
</script>
@endif
@if(session()->has('success') || session()->has('fail') || count($errors)>0)
<x-alert :type="session()->get('success')?'success':'danger'" :is-errors="$errors"
:message="session()->get('success')??session()->get('fail')" />
@endif
<script>
$.ajax({
type:'GET',
url:'{{route('customer.notification.counter')}}',
success: function (res){
let data =res[0];
if(res.status=='success') {
if(data.plan_request > 0){
$('.plan_counter').removeClass('d-none');
$('.plan_counter').text(data.plan_request);
$('.seller_plan_request').text(data.plan_request);
}
if(data.topUpReq > 0){
$('.topup_counter').removeClass('d-none');
$('.topup_counter').text(data.topUpReq);
}
if(data.inboxCount > 0){
$('.inbox_counter').removeClass('d-none');
$('.inbox_counter').text(data.inboxCount);
}
}
}
});
$(document).on('click', '.submit_topup_form', function(e){
const amount=$('.top_up_amount').val();
if(!amount || amount==0){
$('.top_up_amount').addClass('border-1x-red');
return;
}
$('#topup_form').submit();
});
$(document).on('click or keyup', '.top_up_amount', function(e){
$('.top_up_amount').removeClass('border-1x-red');
})
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
</script>
@yield('extra-scripts')
<script>
$(document).ready(function () {
let requestUrl = "https://ipinfo.io/json";
function getOSName() {
let OSName = "Unknown OS";
let appVersion = navigator.appVersion;
if (appVersion.indexOf("Win") != -1) OSName = "Windows";
else if (appVersion.indexOf("Mac") != -1) OSName = "MacOS";
else if (appVersion.indexOf("X11") != -1) OSName = "UNIX";
else if (appVersion.indexOf("Linux") != -1) OSName = "Linux";
return OSName;
}
function getBrowserName() {
let nAgt = navigator.userAgent;
let browserName;
let verOffset, nameOffset;
if ((verOffset = nAgt.indexOf("OPR")) != -1) {
browserName = "Opera";
} else if ((verOffset = nAgt.indexOf("Edg")) != -1) {
browserName = "Microsoft Edge";
} else if ((verOffset = nAgt.indexOf("MSIE")) != -1) {
browserName = "Microsoft Internet Explorer";
} else if ((verOffset = nAgt.indexOf("Chrome")) != -1) {
browserName = "Chrome";
} else if ((verOffset = nAgt.indexOf("Safari")) != -1) {
browserName = "Safari";
} else if ((verOffset = nAgt.indexOf("Firefox")) != -1) {
browserName = "Firefox";
} else if ((nameOffset = nAgt.lastIndexOf(' ') + 1) < (verOffset = nAgt.lastIndexOf('/'))) {
browserName = nAgt.substring(nameOffset, verOffset);
if (browserName.toLowerCase() == browserName.toUpperCase()) {
browserName = navigator.appName;
}
}
return browserName;
}
let browserName = getBrowserName();
let OSName = getOSName();
$.ajax({
url: requestUrl,
type: 'GET',
success: function (json) {
let country_name = json.country;
if (country_name) {
$.ajax({
url: '{{route('customer.store_user_browser_data')}}',
type: 'POST',
data: {
country: country_name,
os: getOSName(),
browser: getBrowserName(),
_token: '{{ csrf_token() }}'
},
success: function (response) {
},
error: function (err) {
console.log("Request failed, error= " + err);
}
});
}
},
error: function (err) {
console.log("Request failed, error= " + err);
}
});
});
</script>
</body>
</html>
|