<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Latest Project</title>
<%- include('./partials/csslinks') %>
</head>
<body>
<%- include('./partials/header') %>
<!-- I HAVE ADDED EXTRA ONE CLASS IN DIV SO THAT CAN BE USED FOR DISPLAY NONE -->
<!-- BUSINESS DETAILS SECTION STARTS HERE -->
<section class="profilepicure-main-section">
<div class="container d-flex flex-column justify-content-center align-items-center mb-5" data-aos="fade-up" data-aos-duration="3200" data-aos-easing="ease-in-sine">
<!-- BUSINESS dashboard WORKS STARTS HERE -->
<div class="businessdashboard-section my-5">
<div class="profile-history">
<div class="profile-person-history">
<img src="/assets/img/business-profile.png" alt="">
<div class="px-3">
<h6><%= business.fullName %></h6>
<span><%= business.industry %></span>
</div>
</div>
<div class="d-flex align-items-center">
<a class="chat-btn" href="/chat"><i class="bi bi-chat"></i></a>
<button type="button" class="logout-btn"><i class="bi bi-bell"></i></button>
</div>
</div>
<div class="dashboard-business-tabs">
<div class="d-flex justify-content-between flex-wrap">
<ul class="nav nav-pills" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Home</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-advertise-tab" data-bs-toggle="pill" data-bs-target="#pills-advertise" type="button" role="tab" aria-controls="pills-advertise" aria-selected="false">Job Listing</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-subscription-tab" data-bs-toggle="pill" data-bs-target="#pills-subscription" type="button" role="tab" aria-controls="pills-subscription" aria-selected="false">connected</button>
</li>
</ul>
<form action="" method="get">
<!-- <div class="history-input-design d-flex justify-content-end align-items-end">
<input type="text" class="" placeholder="Location history" required>
<button><i class="bi bi-search"></i></button>
</div> -->
</form>
</div>
<!-- DASHBOARD TABS WORKS STARTS HERE -->
<div class="">
<!-- DASHBOARD HOME WORKS STARTS HERE -->
<div class="tab-content mt-lg-5 mt-4" id="dashboard-tabs">
<div class="tab-pane show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
<div class="dashboard-home-properties ">
<div class="row just">
<div class="col-12">
<div class="manage-ads">
<h5 class="fw-bold">Reguested Talents </h5>
<!-- <button type="button" class="review-btn mt-2">
Review</button> -->
<div class="talent-home-properties">
<div class="row">
<% allUsers?.forEach((user)=>{ %>
<div class="col-lg-4">
<div class="talent-home">
<div class="d-flex justify-content-between flex-wrap text-modifier">
<% if(user.preferredJobLocation[0]) { %>
<div class="">
<span class="company-loc">Location</span>
<p class="fw-bold"><%= user.preferredJobLocation[0] %></p>
</div>
<% } %>
<% if(user.experience) { %>
<div>
<span class="company-loc">Experience</span>
<p class="fw-bold"><%= user.experience %> Years</p>
</div>
<% } %>
<div>
<form action="/api/connection/approval" method="post">
<input type="hidden" name="id" value="<%= user.connectionId %>">
<input type="hidden" name="user" value="<%= user._id %>">
<input type="hidden" name="business" value="<%= user.businessId %>">
<button type="submit" class="review-btn mt-2">Connect</button>
</form>
</div>
</div>
<div class="d-flex justify-content-between flex-wrap text-modifier">
<% if (user.workType) { %>
<div>
<span class="company-loc ">Work Status</span>
<p class="fw-bold"><%= user.workType %>></p>
</div>
<% } %>
<div>
<span class="company-loc ">Notice Period</span>
<p class="fw-bold">3 Months</p>
</div>
<div>
<span class="company-loc ">Preferred Work</span>
<p class="fw-bold">On-Site</p>
</div>
</div>
<div class="text-modifier">
<div>
<span class="company-loc text-dark">Total Ads</span>
</div>
<div class="d-flex flex-wrap">
<% user.skills.slice(0, 4).forEach((skill)=>{ %>
<p class="bg-modifier"><%= skill %></p>
<% }) %>
<%if(user.skills.length > 4) { %> <p class="bg-modifier">and More...</p> <% } %>
</div>
</div>
<div>
<div>
<span class="company-loc "><i class="bi bi-lock-fill"></i>
Name, Phone, Email
Address</span>
</div>
<a class="review-btn mt-2" href="/connection/request/<%= user.connectionId %>">Review Profile</a>
</div>
</div>
</div>
<% }) %>
<% if(totalPages > 1) { %>
<ul class="pagination custom-pagination">
<% maxVisiblePages = 9 %>
<% if (totalPages <= maxVisiblePages) { %>
<!-- Show all pages if total pages are less than or equal to maxVisiblePages -->
<% for (let i = 1; i <= totalPages; i++) { %>
<% if (i === currentPage) { %>
<li><span class="active"><%= i %></span></li>
<% } else { %>
<li><a href="?page=<%= i %>"><%= i %></a></li>
<% } %>
<% } %>
<% } else { %>
<!-- Show pagination with ellipses if total pages are more than maxVisiblePages -->
<% if (currentPage > 1) { %>
<li><a href="?page=<%= currentPage - 1 %>">«</a></li>
<% } %>
<% if (currentPage > 3) { %>
<li><a href="?page=1">1</a></li>
<% if (currentPage > 4) { %>
<li><span>...</span></li>
<% } %>
<% } %>
<!-- Display current page and nearby pages -->
<% for (let i = Math.max(1, currentPage - 2); i <= Math.min(totalPages, currentPage + 2); i++) { %>
<% if (i === currentPage) { %>
<li><span class="active"><%= i %></span></li>
<% } else { %>
<li><a href="?page=<%= i %>"><%= i %></a></li>
<% } %>
<% } %>
<% if (currentPage < totalPages - 2) { %>
<% if (currentPage < totalPages - 3) { %>
<li><span>...</span></li>
<% } %>
<li><a href="?page=<%= totalPages %>"><%= totalPages %></a></li>
<% } %>
<% if (currentPage < totalPages) { %>
<li><a href="?page=<%= currentPage + 1 %>">»</a></li>
<% } %>
<% } %>
</ul>
<% } %>
</div>
<!-- <div class="col-lg-4">
<div class="talent-home">
<div class="d-flex justify-content-between flex-wrap text-modifier">
<div class="">
<span class="company-loc">Location</span>
<p class="fw-bold">New York</p>
</div>
<div>
<span class="company-loc">Experience</span>
<p class="fw-bold">4 Years</p>
</div>
<div>
<button type="button" class="review-btn mt-2">
Connect</button>
</div>
</div>
<div class="d-flex justify-content-between flex-wrap text-modifier">
<div>
<span class="company-loc ">Work Status</span>
<p class="fw-bold">Full Time</p>
</div>
<div>
<span class="company-loc ">Notice Period</span>
<p class="fw-bold">3 Months</p>
</div>
<div>
<span class="company-loc ">Preferred Work</span>
<p class="fw-bold">On-Site</p>
</div>
</div>
<div class="text-modifier">
<div>
<span class="company-loc text-dark">Total Ads</span>
</div>
<div class="d-flex">
<p class="bg-modifier">UI/UX</p>
<p class="bg-modifier">Branding</p>
<p class="bg-modifier">Logo</p>
</div>
</div>
<div>
<div>
<span class="company-loc "><i class="bi bi-lock-fill"></i>
Name, Phone, Email
Address</span>
</div>
<button type="button" class="review-btn mt-2">
Review CV / Cover Letter</button>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="talent-home">
<div class="d-flex justify-content-between flex-wrap text-modifier">
<div class="">
<span class="company-loc">Location</span>
<p class="fw-bold">New York</p>
</div>
<div>
<span class="company-loc">Experience</span>
<p class="fw-bold">4 Years</p>
</div>
<div>
<button type="button" class="review-btn mt-2">
Connect</button>
</div>
</div>
<div class="d-flex justify-content-between flex-wrap text-modifier">
<div>
<span class="company-loc ">Work Status</span>
<p class="fw-bold">Full Time</p>
</div>
<div>
<span class="company-loc ">Notice Period</span>
<p class="fw-bold">3 Months</p>
</div>
<div>
<span class="company-loc ">Preferred Work</span>
<p class="fw-bold">On-Site</p>
</div>
</div>
<div class="text-modifier">
<div>
<span class="company-loc text-dark">Total Ads</span>
</div>
<div class="d-flex">
<p class="bg-modifier">UI/UX</p>
<p class="bg-modifier">Branding</p>
<p class="bg-modifier">Logo</p>
</div>
</div>
<div>
<div>
<span class="company-loc "><i class="bi bi-lock-fill"></i>
Name, Phone, Email
Address</span>
</div>
<button type="button" class="review-btn mt-2">
Review CV / Cover Letter</button>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="talent-home">
<div class="d-flex justify-content-between flex-wrap text-modifier">
<div class="">
<span class="company-loc">Location</span>
<p class="fw-bold">New York</p>
</div>
<div>
<span class="company-loc">Experience</span>
<p class="fw-bold">4 Years</p>
</div>
<div>
<button type="button" class="review-btn mt-2">
Connect</button>
</div>
</div>
<div class="d-flex justify-content-between flex-wrap text-modifier">
<div>
<span class="company-loc ">Work Status</span>
<p class="fw-bold">Full Time</p>
</div>
<div>
<span class="company-loc ">Notice Period</span>
<p class="fw-bold">3 Months</p>
</div>
<div>
<span class="company-loc ">Preferred Work</span>
<p class="fw-bold">On-Site</p>
</div>
</div>
<div class="text-modifier">
<div>
<span class="company-loc text-dark">Total Ads</span>
</div>
<div class="d-flex">
<p class="bg-modifier">UI/UX</p>
<p class="bg-modifier">Branding</p>
<p class="bg-modifier">Logo</p>
</div>
</div>
<div>
<div>
<span class="company-loc "><i class="bi bi-lock-fill"></i>
Name, Phone, Email
Address</span>
</div>
<button type="button" class="review-btn mt-2">
Review CV / Cover Letter</button>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="talent-home">
<div class="d-flex justify-content-between flex-wrap text-modifier">
<div class="">
<span class="company-loc">Location</span>
<p class="fw-bold">New York</p>
</div>
<div>
<span class="company-loc">Experience</span>
<p class="fw-bold">4 Years</p>
</div>
<div>
<button type="button" class="review-btn mt-2">
Connect</button>
</div>
</div>
<div class="d-flex justify-content-between flex-wrap text-modifier">
<div>
<span class="company-loc ">Work Status</span>
<p class="fw-bold">Full Time</p>
</div>
<div>
<span class="company-loc ">Notice Period</span>
<p class="fw-bold">3 Months</p>
</div>
<div>
<span class="company-loc ">Preferred Work</span>
<p class="fw-bold">On-Site</p>
</div>
</div>
<div class="text-modifier">
<div>
<span class="company-loc text-dark">Total Ads</span>
</div>
<div class="d-flex">
<p class="bg-modifier">UI/UX</p>
<p class="bg-modifier">Branding</p>
<p class="bg-modifier">Logo</p>
</div>
</div>
<div>
<div>
<span class="company-loc "><i class="bi bi-lock-fill"></i>
Name, Phone, Email
Address</span>
</div>
<button type="button" class="review-btn mt-2">
Review CV / Cover Letter</button>
</div>
</div>
</div> -->
</div>
</div>
</div>
<!-- <div class="col-lg-4">
<div class="manage-ads-colorful">
<div class="d-flex justify-content-end mb-3">
<button type="button" class="review-btn mt-2">
Upgrade Now</button>
</div>
<h6 class="text-white mt-4 mb-0">Current Subscription</h6>
<h4 class="fw-bold text-white m-0">Essential Access </h4>
</div>
</div> -->
</div>
</div>
</div>
<div class="dashboard-home-portfolio dashboard-home-ads">
<div class="d-flex justify-content-center">
<span class="home-border">Profile Portfolio</span>
</div>
<img src="/assets/img/bg-porfolio.png" alt="" class="bus-port-img">
<div class="row">
<div class="col-lg-2 position-relative">
<img src="/assets/img/dashboard-img.png" alt="" class="bus-per-img">
</div>
<div class="col-lg-8 mt-4 px-4">
<h4><strong>Edward James</strong>
( UI/UX Designer )</h4>
<p class="fs-15">Lorem Ipsum is simply dummy text of the printing and
typesetting
industry.</p>
</div>
<div class="col-lg-2 mt-4">
<div>
<h5 class="border-design-exp">6+ years Of Experience</h5>
</div>
</div>
</div>
<div class="d-flex flex-wrap bor-bottom">
<div class="pad-rig">
<i class="bi bi-at"></i>
<span class="fw-bold">edwardjj53</span>
</div>
<div class="pad-rig">
<i class="bi bi-geo-alt"></i>
<span class="fw-bold">Sydney, Australia</span>
</div>
<div class="pad-rig">
<i class="bi bi-check2-square"></i>
<span class="fw-bold">Member Since Jan 2024</span>
</div>
<div class="pad-rig">
<span class="fw-bold">( 15 ) Recommendations</span>
</div>
</div>
<div class="row bor-bottom">
<div class="col-lg-7 ">
<div class="about-business">
<h5>About</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry.
Lorem Ipsum is simply dummy text of the printing and typesetting
industry.
Lorem Ipsum is simply dummy text of the printing and typesetting
industry.
Lorem Ipsum is simply dummy text of the printing and typesetting
industry
</p>
<img src="/assets/img/about-img.png" alt="" class="img-fluid border-10">
</div>
</div>
<div class="col-lg-5">
<div class="connect-business">
<h5 class="mb-5 fw-bold">Connect With Me</h5>
<span class="company-loc">Email Address</span>
<p class="fw-bold mb-4 fs-15">edwardjames569@gmail.com</p>
<span class="company-loc">Phone #</span>
<p class="fw-bold mb-4 fs-15">+69 8569 235 32</p>
<span class="company-loc">LinkedIn</span>
<p class="fw-bold mb-4 fs-15">LinkedIn.com/edwardjjUI.UX</p>
<div class="d-flex">
<p class="bg-modifier fs-12">UI/UX</p>
<p class="bg-modifier fs-12">Branding</p>
<p class="bg-modifier fs-12">Logo</p>
</div>
<img src="/assets/img/connect.PNG" alt="" class="img-fluid border-10">
</div>
</div>
</div>
<div class="project-business">
<div class="row">
<div class="d-flex justify-content-between flex-wrap">
<h5 class="fw-bold">Projects Showcase</h5>
<div>
<span class="fs-15">View All</span>
<i class="bi bi-arrow-up-right fs-15"></i>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="project-images">
<h6 class="fw-bold">UI/UX Design</h6>
<img src="/assets/img/project-business-img.png" alt="" class="img-fluid border-10">
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="project-images">
<h6 class="fw-bold">UI/UX Design</h6>
<img src="/assets/img/project-business-img.png" alt="" class="img-fluid border-10">
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="project-images">
<h6 class="fw-bold">UI/UX Design</h6>
<img src="/assets/img/project-business-img.png" alt="" class="img-fluid border-10">
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="project-images">
<h6 class="fw-bold">UI/UX Design</h6>
<img src="/assets/img/project-business-img1.png" alt="" class="img-fluid border-10">
</div>
</div>
<div class="col-lg-4 col-md-6 ">
<div class="project-images">
<h6 class="fw-bold">UI/UX Design</h6>
<img src="/assets/img/project-business-img1.png" alt="" class="img-fluid border-10">
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="project-images">
<h6 class="fw-bold">UI/UX Design</h6>
<img src="/assets/img/project-business-img1.png" alt="" class="img-fluid border-10">
</div>
</div>
<div class="d-flex justify-content-center my-5">
<h2 class="fw-bold position-relative crafting">Crafting Excellence in
Every Task
</h2>
</div>
</div>
</div>
<div class="d-flex flex-column align-items-center my-5">
<h5 class="fw-bold">Follow To Know More About Me!</h5>
<div>
<img src="./assets/img/facebook.png" alt="">
<img src="./assets/img/instagram.png" alt="">
<img src="./assets/img/twitterx.png" alt="">
<img src="./assets/img/tiktok.png" alt="">
<img src="./assets/img/linkedin.png" alt="">
</div>
</div>
</div>
<!-- DASHBOARD HOME WORKS EMDS HERE -->
<div class="tab-pane fade" id="pills-advertise" role="tabpanel" aria-labelledby="pills-advertise-tab">
<% 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>
<% } %>
</div>
<div class="tab-pane fade" id="pills-subscription" role="tabpanel" aria-labelledby="pills-subscription-tab">
<% if(connections.length > 0){ %>
<div class="row g-4">
<%
connections.forEach((item) => {
const connectionUser = item.user
%>
<div class="col-lg-4 col-12 panel">
<a href="/connected-profile/<%= item._id %>" class="profile-card">
<% if (item.profile) { %>
<img class="img-fluid" src="<%= connectionUser.profilePic ? connectionUser.profilePic : '/assets/img/user-icon.webp' %>" alt="">
<% } else { %>
<div class="lock-img">
<i class="bi bi-lock"></i>
</div>
<% } %>
<h4><%= item.fullName ? connectionUser.fullName : 'Hidden' %></h4>
</a>
</div>
<% }) %>
</div>
<% } %>
</div>
</div>
</div>
</div>
<!-- DASHBOARD TABS WORKS EMDS HERE -->
</div>
</div>
<!--BUSINESS dashboard WORKS ENDS HERE -->
</div>
</section>
<!-- BUSINESS DETAILS SECTION ENDS HERE -->
<%- include('./partials/query') %>
<%- include('./partials/footer') %>
<%- include('./partials/scriptlinks') %>
</body>
</html>