@extends('layouts.default', ['CurrentPage' => $CurrentPage, 'baseHref' => 1])


@section('content')
		<div class="content-body default-height">
			<div class="page-titles">
				<h5 class="dashboard_bar">Project</h5>
				<ul class="breadcrumb">
					<li class="breadcrumb-item"><a href="{{ url('index') }}">
							Home </a>
					</li>
					<li class="breadcrumb-item active"><a href="javascript:void(0)">Project</a></li>
				</ul>
			</div>
			<div class="container">
				<div class="card profile-overview profile-overview-wide">
					<div class="card-body d-flex">
						<div class="clearfix">
							<div class="d-inline-block position-relative me-sm-4 me-3 mb-3 mb-lg-0">
								<img src="{{ asset('images/avatar/pic7.jpg') }}" alt="" class="rounded-4 profile-avatar">
								<span
									class="fa fa-circle border border-3 border-white text-success position-absolute bottom-0 end-0 rounded-circle"></span>
							</div>
						</div>
						<div class="clearfix d-xl-flex flex-grow-1">
							<div class="clearfix pe-md-5">
								<h3 class="fw-semibold mb-1">Atkinson <img src="{{ asset('images/blue-tick.png') }}" alt="Blue Tick">
								</h3>
								<ul class="d-flex flex-wrap fs-6 align-items-center">
									<li class="me-3 d-inline-flex align-items-center"><i
											class="las la-user me-1 fs-18"></i>Web Designer</li>
									<li class="me-3 d-inline-flex align-items-center"><i
											class="las la-map-marker me-1 fs-18"></i>420 City Path, AU 123-456</li>
									<li class="me-3 d-inline-flex align-items-center"><i
											class="las la-envelope me-1 fs-18"></i>info@gmail.com</li>
								</ul>
								<div class="d-md-flex d-none flex-wrap">
									<div class="border outline-dashed rounded p-2 d-flex align-items-center me-3 mt-3">
										<div
											class="avatar avatar-md style-1 bg-primary-light text-primary rounded d-flex align-items-center justify-content-center">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
												xmlns="http://www.w3.org/2000/svg">
												<path d="M12 1V23" stroke="var(--primary)" stroke-width="2"
													stroke-linecap="round" stroke-linejoin="round" />
												<path
													d="M17 5H9.5C8.57174 5 7.6815 5.36875 7.02513 6.02513C6.36875 6.6815 6 7.57174 6 8.5C6 9.42826 6.36875 10.3185 7.02513 10.9749C7.6815 11.6313 8.57174 12 9.5 12H14.5C15.4283 12 16.3185 12.3687 16.9749 13.0251C17.6313 13.6815 18 14.5717 18 15.5C18 16.4283 17.6313 17.3185 16.9749 17.9749C16.3185 18.6313 15.4283 19 14.5 19H6"
													stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
													stroke-linejoin="round" />
											</svg>
										</div>
										<div class="clearfix ms-2">
											<h3 class="mb-0 fw-semibold lh-1">$1,250</h3>
											<span class="fs-14">Total Earnings</span>
										</div>
									</div>
									<div class="border outline-dashed rounded p-2 d-flex align-items-center me-3 mt-3">
										<div
											class="avatar avatar-md style-1 bg-primary-light text-primary rounded d-flex align-items-center justify-content-center">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
												xmlns="http://www.w3.org/2000/svg">
												<path
													d="M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21"
													stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
													stroke-linejoin="round" />
												<path
													d="M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z"
													stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
													stroke-linejoin="round" />
												<path
													d="M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13"
													stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
													stroke-linejoin="round" />
												<path
													d="M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89318 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88"
													stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
													stroke-linejoin="round" />
											</svg>
										</div>
										<div class="clearfix ms-2">
											<h3 class="mb-0 fw-semibold lh-1">125</h3>
											<span class="fs-14">New Referrals</span>
										</div>
									</div>
									<div class="border outline-dashed rounded p-2 d-flex align-items-center me-3 mt-3">
										<div
											class="avatar avatar-md style-1 bg-primary-light text-primary rounded d-flex align-items-center justify-content-center">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
												xmlns="http://www.w3.org/2000/svg">
												<path
													d="M20 7H4C2.89543 7 2 7.89543 2 9V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V9C22 7.89543 21.1046 7 20 7Z"
													stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
													stroke-linejoin="round" />
												<path
													d="M16 21V5C16 4.46957 15.7893 3.96086 15.4142 3.58579C15.0391 3.21071 14.5304 3 14 3H10C9.46957 3 8.96086 3.21071 8.58579 3.58579C8.21071 3.96086 8 4.46957 8 5V21"
													stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
													stroke-linejoin="round" />
											</svg>
										</div>
										<div class="clearfix ms-2">
											<h3 class="mb-0 fw-semibold lh-1">25</h3>
											<span class="fs-14">New Deals</span>
										</div>
									</div>
								</div>
							</div>
							<div class="clearfix mt-3 mt-xl-0 ms-auto d-flex flex-column col-xl-3">
								<div class="clearfix mb-3 text-xl-end d-flex flex-wrap">
									<a href="javascript:void(0);" class="btn btn-light text-dark">Follow</a>
									<a href="javascript:void(0);" class="btn btn-primary ms-2">Offer a Deal</a>
								</div>
								<div class="mt-auto d-flex align-items-center">
									<div class="clearfix me-3">
										<span class="fw-medium text-black d-block mb-1">Progress</span>
										<p class="mb-0 d-flex">
											<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
												xmlns="http://www.w3.org/2000/svg">
												<path d="M5.83334 14.1668L14.1667 5.8335" stroke="var(--bs-success)"
													stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
												</path>
												<path d="M5.83334 5.8335H14.1667V14.1668" stroke="var(--bs-success)"
													stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											<span class="text-success me-1">+3.50%</span>
										</p>
									</div>
									<div id="chartProfileProgress"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="card-footer py-0 d-flex flex-wrap justify-content-between align-items-center px-0">
						<ul class="nav nav-underline nav-underline-primary nav-underline-text-dark nav-underline-gap-x-0"
							id="tabMyProfileBottom" role="tablist">
							<li class="nav-item ms-1" role="presentation">
								<a href="{{ url('profile/overview-profile') }}" class="nav-link py-3 border-3 text-black">Overview</a>
							</li>
							<li class="nav-item ms-1" role="presentation">
								<a href="{{ url('profile/projects') }}"
									class="nav-link py-3 border-3 text-black active">Projects</a>
							</li>
							<li class="nav-item ms-1" role="presentation">
								<a href="{{ url('profile/campaigns') }}" class="nav-link py-3 border-3 text-black">Campaigns</a>
							</li>
							<li class="nav-item ms-1" role="presentation">
								<a href="{{ url('profile/documents') }}" class="nav-link py-3 border-3 text-black">Documents</a>
							</li>
							<li class="nav-item ms-1" role="presentation">
								<a href="{{ url('profile/followers') }}" class="nav-link py-3 border-3 text-black">Followers</a>
							</li>
							<li class="nav-item ms-1" role="presentation">
								<a href="{{ url('profile/activity-profile') }}" class="nav-link py-3 border-3 text-black">Activity</a>
							</li>
						</ul>
						<ul class="d-md-flex d-none py-2">
							<li class="px-1">
								<a class="btn btn-light text-dark" href="javascript:void(0);">
									<i class="fa-brands fa-linkedin-in"></i>
								</a>
							</li>
							<li class="px-1">
								<a class="btn btn-light text-dark" href="javascript:void(0);">
									<i class="fa-brands fa-instagram"></i>
								</a>
							</li>
							<li class="px-1">
								<a class="btn btn-light text-dark" href="javascript:void(0);">
									<i class="fa-brands fa-facebook-f"></i>
								</a>
							</li>
							<li class="px-1">
								<a class="btn btn-light text-dark" href="javascript:void(0);">
									<i class="fa-brands fa-telegram"></i>
								</a>
							</li>
							<li class="px-1">
								<a class="btn btn-light text-dark" href="javascript:void(0);">
									<i class="fa-brands fa-youtube"></i>
								</a>
							</li>
						</ul>
					</div>
				</div>

				<div class="tab-content" id="tabContentMyProfileBottom">
					<div class="row">
						<div class="col-lg-12">
							<div class="d-flex justify-content-between align-items-center mb-3">
								<h5 class="mb-0">My Projects</h5>
								<div class="d-flex align-items-center">
									<a href="javascript:void(0)" class="btn btn-primary btn-sm ms-2">+ New Project</a>
								</div>
							</div>
						</div>
						<div class="col-xl-4 col-sm-6">
							<a href="{{ url('profile/projects-details') }}" class="card">
								<div class="card-body">
									<div class="clearfix d-flex">
										<div
											class="avatar avatar-md style-1 rounded bg-light d-flex align-items-center justify-content-center me-3">
											<img src="{{ asset('images/logo/figma.png') }}" class="m-0" alt="">
										</div>
										<div class="clearfix">
											<h6 class="mb-0 fw-semibold">Figma Design</h6>
											<span class="text-muted fs-13">There are many variations</span>
										</div>
									</div>
									<p class="my-3">Lorem Ipsum is simply dummy text of the printing and typesetting
										industry.</p>
									<div class="clearfix">
										<p class="text-black mb-1 font-w500">Team</p>
										<div class="avatar-list avatar-list-stacked">
											<img src="{{ asset('images/avatar/avatar8.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar6.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar4.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar2.jpg') }}" class="avatar rounded-circle" alt="">
										</div>
									</div>
									<div class="mt-3">
										<div class="d-flex justify-content-between">
											<span class="fw-medium text-black">Project Complete</span>
											<span class="">60%</span>
										</div>
										<div class="progress mt-2">
											<div class="progress-bar bg-purple"
												style="width:60%; height:5px; border-radius:4px;" role="progressbar">
											</div>
										</div>
									</div>
								</div>
								<div class="card-footer d-flex justify-content-between flex-wrap">
									<div class="due-progress mb-0">
										<p class="mb-0 text-black">Due <span class="text-purple">: 2024-06-02</span></p>
									</div>
									<span class="badge badge-sm badge-primary light border-0">In Progress</span>
								</div>
							</a>
						</div>
						<div class="col-xl-4 col-sm-6">
							<a href="{{ url('profile/projects-details') }}" class="card">
								<div class="card-body">
									<div class="clearfix d-flex">
										<div
											class="avatar avatar-md style-1 rounded bg-light d-flex align-items-center justify-content-center me-3">
											<img src="{{ asset('images/logo/github.png') }}" class="m-0" alt="">
										</div>
										<div class="clearfix">
											<h6 class="mb-0 fw-semibold">Github Repository</h6>
											<span class="text-muted fs-13">There are many variations</span>
										</div>
									</div>
									<p class="my-3">Lorem Ipsum is simply dummy text of the printing and typesetting
										industry.</p>
									<div>
										<p class="text-black mb-1 font-w500">Team</p>
										<div class="avatar-list avatar-list-stacked">
											<img src="{{ asset('images/avatar/avatar1.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar3.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar5.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar7.jpg') }}" class="avatar rounded-circle" alt="">
										</div>
									</div>
									<div class="mt-3">
										<div class="d-flex justify-content-between">
											<span class="fw-medium text-black">Project Complete</span>
											<span class="">69%</span>
										</div>
										<div class="progress mt-2">
											<div class="progress-bar bg-danger"
												style="width:69%; height:5px; border-radius:4px;" role="progressbar">
											</div>
										</div>
									</div>
								</div>
								<div class="card-footer d-flex justify-content-between flex-wrap">
									<div class="due-progress mb-0">
										<p class="mb-0 text-black">Due <span class="text-dabger">: 2024-06-02</span></p>
									</div>
									<span class="badge badge-sm badge-danger light border-0">Pending</span>
								</div>
							</a>
						</div>
						<div class="col-xl-4 col-sm-6">
							<a href="{{ url('profile/projects-details') }}" class="card">
								<div class="card-body">
									<div class="clearfix d-flex">
										<div
											class="avatar avatar-md style-1 rounded bg-light d-flex align-items-center justify-content-center me-3">
											<img src="{{ asset('images/logo/spotify.png') }}" class="m-0" alt="">
										</div>
										<div class="clearfix">
											<h6 class="mb-0 fw-semibold">Music App</h6>
											<span class="text-muted fs-13">There are many variations</span>
										</div>
									</div>
									<p class="my-3">Lorem Ipsum is simply dummy text of the printing and typesetting
										industry.</p>
									<div>
										<p class="text-black mb-1 font-w500">Team</p>
										<div class="avatar-list avatar-list-stacked">
											<img src="{{ asset('images/avatar/avatar8.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar6.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar4.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar2.jpg') }}" class="avatar rounded-circle" alt="">
										</div>
									</div>
									<div class="mt-3">
										<div class="d-flex justify-content-between">
											<span class="fw-medium text-black">Project Complete</span>
											<span class="">75%</span>
										</div>
										<div class="progress mt-2">
											<div class="progress-bar bg-purple"
												style="width:75%; height:5px; border-radius:4px;" role="progressbar">
											</div>
										</div>
									</div>
								</div>
								<div class="card-footer d-flex justify-content-between flex-wrap">
									<div class="due-progress mb-0">
										<p class="mb-0 text-black">Due <span class="text-purple">: 2024-06-02</span></p>
									</div>
									<span class="badge badge-sm badge-success light border-0">Complete</span>
								</div>
							</a>
						</div>
						<div class="col-xl-4 col-sm-6">
							<a href="{{ url('profile/projects-details') }}" class="card">
								<div class="card-body">
									<div class="clearfix d-flex">
										<div
											class="avatar avatar-md style-1 rounded bg-light d-flex align-items-center justify-content-center me-3">
											<img src="{{ asset('images/logo/twitch.png') }}" class="m-0" alt="">
										</div>
										<div class="clearfix">
											<h6 class="mb-0 fw-semibold">Banking System</h6>
											<span class="text-muted fs-13">There are many variations</span>
										</div>
									</div>
									<p class="my-3">Lorem Ipsum is simply dummy text of the printing and typesetting
										industry.</p>
									<div>
										<p class="text-black mb-1 font-w500">Team</p>
										<div class="avatar-list avatar-list-stacked">
											<img src="{{ asset('images/avatar/avatar1.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar3.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar5.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar7.jpg') }}" class="avatar rounded-circle" alt="">
										</div>
									</div>
									<div class="mt-3">
										<div class="d-flex justify-content-between">
											<span class="fw-medium text-black">Project Complete</span>
											<span class="">92%</span>
										</div>
										<div class="progress mt-2">
											<div class="progress-bar bg-danger"
												style="width:92%; height:5px; border-radius:4px;" role="progressbar">
											</div>
										</div>
									</div>
								</div>
								<div class="card-footer d-flex justify-content-between flex-wrap">
									<div class="due-progress mb-0">
										<p class="mb-0 text-black">Due <span class="text-dabger">: 2024-06-02</span></p>
									</div>
									<span class="badge badge-sm badge-warning light border-0">Testing</span>
								</div>
							</a>
						</div>
						<div class="col-xl-4 col-sm-6">
							<a href="{{ url('profile/projects-details') }}" class="card">
								<div class="card-body">
									<div class="clearfix d-flex">
										<div
											class="avatar avatar-md style-1 rounded bg-light d-flex align-items-center justify-content-center me-3">
											<img src="{{ asset('images/logo/dropbox.png') }}" class="m-0" alt="">
										</div>
										<div class="clearfix">
											<h6 class="mb-0 fw-semibold">Cloud Store</h6>
											<span class="text-muted fs-13">There are many variations</span>
										</div>
									</div>
									<p class="my-3">Lorem Ipsum is simply dummy text of the printing and typesetting
										industry.</p>
									<div>
										<p class="text-black mb-1 font-w500">Team</p>
										<div class="avatar-list avatar-list-stacked">
											<img src="{{ asset('images/avatar/avatar8.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar6.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar4.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar2.jpg') }}" class="avatar rounded-circle" alt="">
										</div>
									</div>
									<div class="mt-3">
										<div class="d-flex justify-content-between">
											<span class="fw-medium text-black">Project Complete</span>
											<span class="">68%</span>
										</div>
										<div class="progress mt-2">
											<div class="progress-bar bg-danger"
												style="width:68%; height:5px; border-radius:4px;" role="progressbar">
											</div>
										</div>
									</div>
								</div>
								<div class="card-footer d-flex justify-content-between flex-wrap">
									<div class="due-progress mb-0">
										<p class="mb-0 text-black">Due <span class="text-dabger">: 2024-06-02</span></p>
									</div>
									<span class="badge badge-sm badge-danger light border-0">Pending</span>
								</div>
							</a>
						</div>
						<div class="col-xl-4 col-sm-6">
							<a href="{{ url('profile/projects-details') }}" class="card">
								<div class="card-body">
									<div class="clearfix d-flex">
										<div
											class="avatar avatar-md style-1 rounded bg-light d-flex align-items-center justify-content-center me-3">
											<img src="{{ asset('images/logo/html.png') }}" class="m-0" alt="">
										</div>
										<div class="clearfix">
											<h6 class="mb-0 fw-semibold">HTML Design</h6>
											<span class="text-muted fs-13">There are many variations</span>
										</div>
									</div>
									<p class="my-3">Lorem Ipsum is simply dummy text of the printing and typesetting
										industry.</p>
									<div>
										<p class="text-black mb-1 font-w500">Team</p>
										<div class="avatar-list avatar-list-stacked">
											<img src="{{ asset('images/avatar/avatar1.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar3.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar5.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar7.jpg') }}" class="avatar rounded-circle" alt="">
										</div>
									</div>
									<div class="mt-3">
										<div class="d-flex justify-content-between">
											<span class="fw-medium text-black">Project Complete</span>
											<span class="">68%</span>
										</div>
										<div class="progress mt-2">
											<div class="progress-bar bg-danger"
												style="width:68%; height:5px; border-radius:4px;" role="progressbar">
											</div>
										</div>
									</div>
								</div>
								<div class="card-footer d-flex justify-content-between flex-wrap">
									<div class="due-progress mb-0">
										<p class="mb-0 text-black">Due <span class="text-dabger">: 2024-06-02</span></p>
									</div>
									<span class="badge badge-sm badge-success light border-0">Complete</span>
								</div>
							</a>
						</div>
						<div class="col-xl-4 col-sm-6">
							<a href="{{ url('profile/projects-details') }}" class="card">
								<div class="card-body">
									<div class="clearfix d-flex">
										<div
											class="avatar avatar-md style-1 rounded bg-light d-flex align-items-center justify-content-center me-3">
											<img src="{{ asset('images/logo/amazon.png') }}" class="m-0" alt="">
										</div>
										<div class="clearfix">
											<h6 class="mb-0 fw-semibold">eCommerce Theme</h6>
											<span class="text-muted fs-13">There are many variations</span>
										</div>
									</div>
									<p class="my-3">Lorem Ipsum is simply dummy text of the printing and typesetting
										industry.</p>
									<div>
										<p class="text-black mb-1 font-w500">Team</p>
										<div class="avatar-list avatar-list-stacked">
											<img src="{{ asset('images/avatar/avatar8.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar6.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar4.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar2.jpg') }}" class="avatar rounded-circle" alt="">
										</div>
									</div>
									<div class="mt-3">
										<div class="d-flex justify-content-between">
											<span class="fw-medium text-black">Project Complete</span>
											<span class="">86%</span>
										</div>
										<div class="progress mt-2">
											<div class="progress-bar bg-purple"
												style="width:86%; height:5px; border-radius:4px;" role="progressbar">
											</div>
										</div>
									</div>
								</div>
								<div class="card-footer d-flex justify-content-between flex-wrap">
									<div class="due-progress mb-0">
										<p class="mb-0 text-black">Due <span class="text-purple">: 2024-06-02</span></p>
									</div>
									<span class="badge badge-sm badge-warning light border-0">Testing</span>
								</div>
							</a>
						</div>
						<div class="col-xl-4 col-sm-6">
							<a href="{{ url('profile/projects-details') }}" class="card">
								<div class="card-body">
									<div class="clearfix d-flex">
										<div
											class="avatar avatar-md style-1 rounded bg-light d-flex align-items-center justify-content-center me-3">
											<img src="{{ asset('images/logo/slack.png') }}" class="m-0" alt="">
										</div>
										<div class="clearfix">
											<h6 class="mb-0 fw-semibold">Music App</h6>
											<span class="text-muted fs-13">There are many variations</span>
										</div>
									</div>
									<p class="my-3">Lorem Ipsum is simply dummy text of the printing and typesetting
										industry.</p>
									<div>
										<p class="text-black mb-1 font-w500">Team</p>
										<div class="avatar-list avatar-list-stacked">
											<img src="{{ asset('images/avatar/avatar1.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar3.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar5.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar7.jpg') }}" class="avatar rounded-circle" alt="">
										</div>
									</div>
									<div class="mt-3">
										<div class="d-flex justify-content-between">
											<span class="fw-medium text-black">Project Complete</span>
											<span class="">65%</span>
										</div>
										<div class="progress mt-2">
											<div class="progress-bar bg-danger"
												style="width:65%; height:5px; border-radius:4px;" role="progressbar">
											</div>
										</div>
									</div>
								</div>
								<div class="card-footer d-flex justify-content-between flex-wrap">
									<div class="due-progress mb-0">
										<p class="mb-0 text-black">Due <span class="text-dabger">: 2024-06-02</span></p>
									</div>
									<span class="badge badge-sm badge-success light border-0">Complete</span>
								</div>
							</a>
						</div>
						<div class="col-xl-4 col-sm-6">
							<a href="{{ url('profile/projects-details') }}" class="card">
								<div class="card-body">
									<div class="clearfix d-flex">
										<div
											class="avatar avatar-md style-1 rounded bg-light d-flex align-items-center justify-content-center me-3">
											<img src="{{ asset('images/logo/tvit.png') }}" class="m-0" alt="">
										</div>
										<div class="clearfix">
											<h6 class="mb-0 fw-semibold">Music App</h6>
											<span class="text-muted fs-13">There are many variations</span>
										</div>
									</div>
									<p class="my-3">Lorem Ipsum is simply dummy text of the printing and typesetting
										industry.</p>
									<div>
										<p class="text-black mb-1 font-w500">Team</p>
										<div class="avatar-list avatar-list-stacked">
											<img src="{{ asset('images/avatar/avatar1.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar3.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar5.jpg') }}" class="avatar rounded-circle" alt="">
											<img src="{{ asset('images/avatar/avatar7.jpg') }}" class="avatar rounded-circle" alt="">
										</div>
									</div>
									<div class="mt-3">
										<div class="d-flex justify-content-between">
											<span class="fw-medium text-black">Project Complete</span>
											<span class="">65%</span>
										</div>
										<div class="progress mt-2">
											<div class="progress-bar bg-danger"
												style="width:65%; height:5px; border-radius:4px;" role="progressbar">
											</div>
										</div>
									</div>
								</div>
								<div class="card-footer d-flex justify-content-between flex-wrap">
									<div class="due-progress mb-0">
										<p class="mb-0 text-black">Due <span class="text-dabger">: 2024-06-02</span></p>
									</div>
									<span class="badge badge-sm badge-success light border-0">Complete</span>
								</div>
							</a>
						</div>
					</div>
				</div>

			</div>

		</div>
@endsection