<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%= business.fullName %></title>
<%- include('./partials/csslinks') %>
</head>
<body>
<%- include('./partials/header') %>
<section class="dashboard-main-section">
<div class="container">
<div class="dashboard-main-setting profile-info mx-auto">
<div class="profile-history">
<div class="profile-person-history">
<img src="<%= business.profilePic ? business.profilePic : '/assets/img/business-icon.jpg' %>" alt="">
<div class="px-3">
<h6><%= business.fullName ? business.fullName : 'Company Name Here' %></h6>
<span><%= business.subHeading ? business.subHeading : 'Enter Sub Heading' %></span>
</div>
</div>
<div class="d-flex align-items-center flex-wrap justify-content-center">
<a href="/profile" class="dash-btn"> <i class="bi bi-check2-all text-white px-1"></i> Done</a>
<a class="chat-btn" href="/chat"><i class="bi bi-chat"></i></a>
<div class="dropdown-wrapper">
<% const unreadNotificationCount = business.notifications.filter(notification => !notification.isRead).length; %>
<button type="button" class="dropdown-toggler logout-btn ms-2">
<i class="bi bi-bell"></i>
<% if(unreadNotificationCount > 0) { %>
<span class="count"><%= unreadNotificationCount %></span>
<% } %>
</button>
<div class="dropdown">
<% if(business.notifications?.length > 0) { %>
<ul>
<% business.notifications.forEach((notification)=>{ %>
<li>
<a href="<%= notification.url %>">
<span class="icon"><i class="bi bi-check-circle"></i></span>
<span class="text"><%= notification.message %></span>
</a>
</li>
<% }) %>
</ul>
<% } else { %>
<p>No Notifications Found!</p>
<% } %>
</div>
</div>
</div>
</div>
<div class="row justify-content-between my-4">
<div class="col-lg-4 col-12">
<div class="history-btn-design">
<a href="/business-dashboard" class="dash-btn">
Dashboard</a>
<!-- <button type="button" class="dash-btn">
Show History</button> -->
</div>
</div>
</div>
<h5 class="fw-bold text-center fw-head">Portfolio</h5>
<div class="profile-banner">
<form action="/api/business/modify/cover-photo" method="POST" enctype="multipart/form-data">
<input type="hidden" name="id" value="<%= business._id %>">
<div class="banner-cover">
<label for="cover-photo-input" class="edit-btn">
<input class="d-none upload-input" name="coverPhoto" type="file" id="cover-photo-input" accept="image/*">
<i class="bi bi-pencil-square"></i> Edit Cover Photo
</label>
<img class="img-fluid" src="<%= business.coverPhoto ? business.coverPhoto : '/assets/img/cover.png' %>" alt="">
</div>
</form>
<div class="banner-info">
<div class="profile-person-history large-img">
<form id="profile-pic-form" action="/api/business/modify/profile-pic" method="POST" enctype="multipart/form-data">
<input type="hidden" name="id" value="<%= business._id %>">
<div class="img-wrap">
<input name="profilePic" type="file" id="profile-pic-input" accept="image/*">
<label class="edit-btn" for="profile-pic-input">
<i class="bi bi-pencil-square"></i> Edit Profile Photo
</label>
<img src="<%= business.profilePic ? business.profilePic : '/assets/img/business-icon.jpg' %>" alt="">
</div>
</form>
<div class="px-3 pb-2">
<h5><%= business.fullName ? business.fullName : 'Company Name Here' %></h5>
<span><%= business['subHeading'] ? business['subHeading'] : 'Enter Sub Heading' %></span>
<button type="button" data-bs-toggle="modal" data-bs-target="#edit-name-headling" class="edit-btn">
<i class="bi bi-pencil-square"></i>
</button>
</div>
</div>
<span class="profile-badge">
<button type="button" data-bs-toggle="modal" data-bs-target="#edit-experience" class="edit-btn">
<i class="bi bi-pencil-square"></i> Edit
</button>
<%= business.businessYears ? business.businessYears : '0' %>+ Years in Business
</span>
</div>
</div>
<ul class="other-info">
<% if(business.industry) { %><li><%= business.industry %></li> <% } %>
<% if(business.companySize) { %><li>Company Size: <%= business.companySize %></li> <% } %>
<% if(business.foundedDate) { %><li>Founded on: <%= formatDate(business.foundedDate) %></li> <% } %>
<% if(!business.industry || !business.companySize || !business.foundedDate) { %><li>Add Company information</li> <% } %>
<li>
<button type="button" data-bs-toggle="modal" data-bs-target="#edit-name-headling" class="edit-btn">
<i class="bi bi-pencil-square"></i>
</button>
</li>
</ul>
<div class="additional-info">
<div class="row g-0">
<div class="col-lg-8 col-12 panel">
<div class="info-item-l h-100">
<h6 class="fw-bold">About
<button type="button" data-bs-toggle="modal" data-bs-target="#edit-profile-about" class="edit-btn">
<i class="bi bi-pencil-square"></i>
</button>
</h6>
<% if(business.about){ %>
<p><%= business.about %></p>
<% } else { %>
<p class="text-muted">No About...</p>
<% } %>
<% if(business.profileVideo){ %>
<div class="profile-video">
<!-- <a href="">
<i class="bi bi-play-fill"></i>
</a> -->
<ul>
<li>
<form action="/api/business/modify/profile-video" method="post" enctype="multipart/form-data">
<label for="profileVideo" class="edit-btn">
<input type="hidden" name="id" value="<%= business._id %>">
<input style="display: none;" type="file" id="profileVideo" accept="video/*">
<i class="bi bi-pencil-square"></i> Edit Profile Video
</label>
</form>
</li>
<li>
<form class="dangerous-form" data-warning="Your Profile Video will be deleted permanently! Do you want to proceed?" action="/api/business/modify/remove-profile-video" method="post">
<input type="hidden" name="id" value="<%= business._id %>">
<button class="remove-btn remove-profile-video">
<i class="bi bi-trash"></i> Remove
</button>
</form>
</li>
</ul>
<video controls>
<source src="<%= business.profileVideo %>">
</video>
</div>
<% } else { %>
<form action="/api/business/modify/profile-video" method="post" enctype="multipart/form-data">
<input type="hidden" name="id" value="<%= business._id %>">
<label class="empty-box" for="profileVideo">
<input type="file" name="profileVideo" id="profileVideo" accept="video/*">
<img src="/assets/img/video-upload.png" alt="">
<h5>Upload Video to show Here</h5>
</label>
</form>
<% } %>
</div>
</div>
<div class="col-lg-4 col-12 panel">
<div class="info-item-r h-100">
<h6 class="fw-bold">Contact Info
<button type="button" data-bs-toggle="modal" data-bs-target="#edit-contact-info" class="edit-btn">
<i class="bi bi-pencil-square"></i>
</button>
</h6>
<ul class="contact-links">
<% if(business.primaryEmail?.email){ %>
<li>
<span>Email Address</span>
<a href="mailto:<%= business.primaryEmail?.email %>"><%= business.primaryEmail?.email %></a>
</li>
<% } %>
<% if(business.phone){ %>
<li>
<span>Phone #</span>
<a href="tel:<%= business.phone %>"><%= business.phone %></a>
</li>
<% } %>
<% if(business.portfolio){ %>
<li>
<span>Portfolio</span>
<a href="<%= business.portfolio %>" target="_blank"><%= business.portfolio %></a>
</li>
<% } %>
</ul>
<div class="position-details">
<!-- <span>UI/UX</span>
<span>Branding</span>
<span>Logo</span> -->
<!-- <span>skills</span> -->
</div>
<img class="img-fluid mt-3" src="/assets/img/social.png" alt="">
<div class="follow-more">
<% if(business.socialLinks?.length > 0) { %>
<h6>Follow To Know More About Me! <button type="button" data-bs-toggle="modal" data-bs-target="#edit-social-info" class="edit-btn">
<i class="bi bi-pencil-square"></i>
</button>
</h6>
<ul>
<% business.socialLinks?.forEach((item) => { %>
<li>
<form class="social-form">
<input type="hidden" name="<%= item.platform %>" value="">
<button title="delete <%= item.platform %>"><i class="bi bi-x"></i></button>
</form>
<a href="<%= item.baseUrl %><%= item.username %>" target="_blank">
<img src="/assets/img/social-icons/<%= item.platform %>.png" alt="">
</a>
</li>
<% }) %>
</ul>
<% } else { %>
<h6>Add Social Media Links!
<button type="button" data-bs-toggle="modal" data-bs-target="#edit-social-info" class="edit-btn">
<i class="bi bi-plus-lg"></i>
</button>
</h6>
<% } %>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-showcase">
<ul class="user-academic">
<li>
<div class="item-head">
<h6 class="fw-bold<%= business.workWithUs ? ' mb-2' : '' %>">Why work with us?</h6>
<button data-bs-toggle="modal" data-bs-target="#edit-work-with-us" title="Add License & Certification">
<%- business.workWithUs ? '<i class="bi bi-pencil-square"></i>' : `<i class="bi bi-plus-circle-fill"></i>` %>
</button>
</div>
<p><%= business.workWithUs %></p>
</li>
<li class="photos-wrap">
<div class="item-head">
<h6 class="fw-bold">Photos</h6>
<% if(business.businessImages?.length > 0) { %>
<label class="add-btn">
<input class="d-none" type="file" id="upload-photos" multiple>
<i class="bi bi-plus-circle-fill"></i>
</label>
<% } %>
</div>
<% if(business.businessImages?.length > 0) { %>
<div class="row g-4">
<% business.businessImages.forEach((item) => { %>
<div class="col-lg-4 col-12 img-item position-relative">
<form class="dangerous-form" data-warning="Your Image Will be Deleted! Do you Want to Proceed?" action="/api/business/modify/remove-business-image" method="post">
<input type="hidden" name="id" value="<%= business._id %>">
<input type="hidden" name="item" value="<%= item %>">
<button class="remove-btn" type="submit" title="delete <%= item.platform %>"><i class="bi bi-trash"></i></button>
</form>
<a href="<%= item %>" class="business-image d-block">
<img class="w-100" src="<%= item %>" alt="">
</a>
</div>
<% }) %>
</div>
<% } else { %>
<label class="photos-upload-container" for="upload-photos">
<input type="file" id="upload-photos" multiple>
<i class="bi bi-upload"></i>
</label>
<% } %>
<div class="progress" style="display: none;" role="progressbar" aria-label="Example with label" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar" style="width: 0%">0%</div>
</div>
</li>
<li>
<div class="item-head">
<h6 class="fw-bold mb-3">Positions</h6>
<a href="/jobposting"><i class="bi bi-plus-circle-fill"></i></a>
</div>
<% if(jobs.length > 0) { %>
<div class="row">
<% jobs.forEach((item) => { %>
<div class="col-lg-4 col-md-6 col-12">
<div class="job-card">
<h5><a href="/jobdetails/<%= item._id %>"><%= item.title %></a></h5>
<ul>
<li><%= item.jobType %></li>
<li><%= item.position %></li>
<li><%= item.industry %></li>
</ul>
<p><%= item.summary %></p>
<p><%= item.additionalInfo %></p>
<a href="/jobdetails/<%= item._id %>">View More</a>
</div>
</div>
<% }) %>
</div>
<% } %>
</li>
</ul>
</div>
</div>
</div>
</section>
<div class="modal fade edit-popup" id="edit-experience" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="edit-experienceLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="edit-experienceLabel">Edit Business Years</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="/api/business/modify/info" method="POST">
<input type="hidden" name="id" value="<%= business.id %>">
<div class="modal-body">
<div class="row g-4">
<div class="col-12">
<div class="portfolio-form-design">
<label class="form-label">Enter Business Years*</label>
<input type="number" name="businessYears" class="form-control" min="0" max="100" placeholder="Enter Your Years in Business..." value="<%= business.businessYears %>" required>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="dash-btn">Update</button>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade edit-popup" id="edit-name-headling" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="edit-name-headlingLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="edit-name-headlingLabel">Edit Business Info</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="/api/business/modify/info" method="POST">
<input type="hidden" name="id" value="<%= business.id %>">
<div class="modal-body">
<div class="row g-4">
<div class="col-12">
<div class="portfolio-form-design">
<label class="form-label">Enter Full Business Name*</label>
<input type="text" name="fullName" class="form-control" placeholder="Your Full Business Name..." value="<%= business.fullName %>" required>
</div>
</div>
<div class="col-12">
<div class="portfolio-form-design">
<label class="form-label">Enter Website</label>
<input type="url" name="url" class="form-control" placeholder="Enter Website Url..." value="<%= business.subHeading %>">
</div>
</div>
<div class="col-12">
<div class="portfolio-form-design">
<label class="form-label">Enter Industry*</label>
<input type="text" name="industry" class="form-control" placeholder="Enter Business Industry..." value="<%= business.industry %>" required>
</div>
</div>
<div class="col-12">
<div class="portfolio-form-design">
<label class="form-label">Enter Company Size*</label>
<select class="form-control" name="companySize">
<option value="1-10">1-10</option>
<option value="11-30">11-30</option>
<option value="31-50">31-50</option>
<option value="61-100">61-100</option>
</select>
</div>
</div>
<div class="col-12">
<div class="portfolio-form-design">
<label class="form-label">Enter Founded Date*</label>
<input type="date" name="foundedDate" value="<%= business.foundedDate?.toISOString()?.split('T')[0] %>" class="form-control" placeholder="Enter Business Founded Date..." required>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="dash-btn">Update</button>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade edit-popup" id="edit-profile-about" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="edit-profile-aboutLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="edit-profile-aboutLabel">Edit Business About</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="/api/business/modify/info" method="post">
<input type="hidden" name="id" value="<%= business.id %>">
<div class="modal-body">
<div class="row g-4">
<div class="col-12">
<div class="portfolio-form-design">
<label for="full-name-edit" class="form-label">About*</label>
<textarea class="form-control" name="about" required minlength="30"><%= business.about %></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="dash-btn">Update</button>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade edit-popup" id="edit-work-with-us" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="edit-work-with-usLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="edit-work-with-usLabel">Edit Business Info</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="/api/business/modify/info" method="post">
<input type="hidden" name="id" value="<%= business.id %>">
<div class="modal-body">
<div class="row g-4">
<div class="col-12">
<div class="portfolio-form-design">
<label for="full-name-edit" class="form-label">Why work with us*</label>
<textarea class="form-control" name="workWithUs" required minlength="30"><%= business.workWithUs %></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="dash-btn">Update</button>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade edit-popup social-edit-popup" id="edit-social-info" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="edit-social-infoLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="edit-social-infoLabel">Edit Social Info</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<input type="hidden" name="id" value="<%= business.id %>">
<div class="modal-body">
<%
const socialLinks = business.socialLinks || [];
// Initialize variables
let facebook, instagram, twitter, linkedin, behance, pinterest, dribbble, linktree;
socialLinks.forEach(link => {
switch (link.platform.toLowerCase()) {
case 'facebook':
facebook = link.username;
break;
case 'instagram':
instagram = link.username;
break;
case 'twitter':
twitter = link.username;
break;
case 'linkedin':
linkedin = link.username;
break;
case 'behance':
behance = link.username;
break;
case 'pinterest':
pinterest = link.username;
break;
case 'dribbble':
dribbble = link.username;
break;
case 'linktree':
linktree = link.username;
break;
}
});
%>
<form action="/api/business/modify/social-info" method="POST">
<input type="hidden" name="id" value="<%= business._id %>" />
<div class="row g-4">
<div class="col-lg-6 col-12">
<div class="portfolio-form-design skill-fields">
<label for="skill-input" class="form-label">Facebook Username</label>
<div class="wrap-all">
<input type="text" name="facebook" class="form-control skill-input" placeholder="Enter Facebook Username..." value="<%= facebook %>">
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="portfolio-form-design skill-fields">
<label for="skill-input" class="form-label">Instagram Username</label>
<div class="wrap-all">
<input type="text" name="instagram" class="form-control skill-input" placeholder="Enter Instagram Username..." value="<%= instagram %>">
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="portfolio-form-design skill-fields">
<label for="skill-input" class="form-label">Twitter Username</label>
<div class="wrap-all">
<input type="text" name="twitter" class="form-control skill-input" placeholder="Enter Twitter Username..." value="<%= twitter %>">
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="portfolio-form-design skill-fields">
<label for="skill-input" class="form-label">LinkedIn Username</label>
<div class="wrap-all">
<input type="text" name="linkedin" class="form-control skill-input" placeholder="Enter LinkedIn Username..." value="<%= linkedin %>">
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="portfolio-form-design skill-fields">
<label for="skill-input" class="form-label">Behance Username</label>
<div class="wrap-all">
<input type="text" name="behance" class="form-control skill-input" placeholder="Enter Behance Username..." value="<%= behance %>">
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="portfolio-form-design skill-fields">
<label for="skill-input" class="form-label">Pinterest Username</label>
<div class="wrap-all">
<input type="text" name="pinterest" class="form-control skill-input" placeholder="Enter Pinterest Username..." value="<%= pinterest %>">
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="portfolio-form-design skill-fields">
<label for="skill-input" class="form-label">Dribbble Username</label>
<div class="wrap-all">
<input type="text" name="dribbble" class="form-control skill-input" placeholder="Enter Dribbble Username..." value="<%= dribbble %>">
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="portfolio-form-design skill-fields">
<label for="skill-input" class="form-label">Linktree Username</label>
<div class="wrap-all">
<input type="text" name="linktree" class="form-control skill-input" placeholder="Enter Linktree Username..." value="<%= linktree %>">
</div>
</div>
</div>
<div class="col-12">
<button type="submit" class="dash-btn">Save</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade edit-popup" id="edit-contact-info" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="edit-contact-infoLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="edit-contact-infoLabel">Edit Contact Info</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="/api/business/modify/info" method="post">
<input type="hidden" name="id" value="<%= business.id %>">
<div class="modal-body">
<div class="row g-4">
<div class="col-12">
<div class="portfolio-form-design">
<label for="user-phone" class="form-label">Phone*</label>
<input type="text" name="phone" id="user-phone" class="form-control" placeholder="Enter Phone Number..." value="<%= business.phone %>" required>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="dash-btn">Update</button>
</div>
</form>
</div>
</div>
</div>
<%- include('./partials/query') %>
<%- include('./partials/footer') %>
<%- include('./partials/scriptlinks') %>
<script>
$("#profile-pic-form [type='file'],#profileVideo, .upload-input").change(async function() {
if ($(this)[0].files[0]) {
$(this).parents('form').submit()
}
})
</script>
<script>
$(".show-all-btn").click(function() {
$(this).parent().find('.listing .hidden').removeClass('hidden')
$(this).remove()
})
</script>
<script>
$("#upload-photos").change(function(e) {
const fileInput = e.target
const files = fileInput.files;
const formData = new FormData();
formData.append('id', '<%= business._id %>');
for (let i = 0; i < files.length; i++) {
formData.append('image', files[i]);
}
const xhr = new XMLHttpRequest();
xhr.open('POST', '/api/business/modify/business-images', true);
$(".photos-wrap .progress").show()
$(".photos-wrap .progress .progress-bar").removeClass('bg-success bg-danger')
xhr.upload.onprogress = function(e) {
if (e.lengthComputable) {
const percentComplete = (e.loaded / e.total) * 100;
$(".photos-wrap .progress .progress-bar").css({
width: `${percentComplete}%`
})
$(".photos-wrap .progress .progress-bar").html(`${percentComplete}%`)
console.log('percentComplete', percentComplete)
}
};
xhr.onload = function() {
const images = JSON.parse(xhr.response).images
console.log('xhr.response', xhr.response)
if (xhr.status === 200) {
let wrapper;
if ($('.photos-wrap .row').length == 0) {
wrapper = document.createElement('div')
$(wrapper).addClass('row g-4')
} else {
wrapper = $('.photos-wrap .row')
}
images.map((item) => {
$(wrapper).append(`<div class="col-lg-4 col-12">
<a href="/${item}" class="business-image d-block">
<img class="w-100" src="/${item}" alt="">
</a>
</div>`)
})
$(".photos-wrap .progress .progress-bar").addClass('bg-success')
$(".photos-wrap .progress .progress-bar").html('Success')
console.log('uploaded')
} else {
console.log('upload Failed')
$(".photos-wrap .progress .progress-bar").addClass('bg-danger')
$(".photos-wrap .progress .progress-bar").html('Upload Failed!')
}
setTimeout(() => {
$(".photos-wrap .progress").fadeOut()
$(".photos-wrap .progress .progress-bar").css({
width: 0
})
}, 3000);
};
xhr.send(formData);
})
</script>
<script>
$(".social-form").submit(async (e) => {
e.preventDefault()
const curForm = e.target
const formData = new FormData(curForm);
const formDataObj = {};
$(curForm).find('.save-btn').attr('disabled', true)
$(curForm).find('.save-btn').html()
formData.forEach((value, key) => {
formDataObj[key] = value;
});
formDataObj['id'] = '<%= business.id %>'
const res = await fetch('/api/business/modify/social-info', {
method: 'POST',
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(formDataObj)
})
location.href=`?message=Social Links Updated`
const resJson = await res.json()
console.log(resJson)
$(curForm).find('.save-btn').removeAttr('disabled')
if (resJson.success) {
document.querySelector('#edit-social-info').addEventListener('hidden.bs.modal', function(event) {
location.reload()
});
if (!$('.social-edit-popup').hasClass('show')) {
location.reload()
}
}
})
</script>
</body>
</html>