Viewing File: /home/ubuntu/ridge-crop-landing-ui-revamp/provider-plan.html

<!DOCTYPE html>
<html lang="en">


<!-- Mirrored from truelysell.dreamstechnologies.com/html/template/provider-plan.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 27 May 2025 11:05:26 GMT -->
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Truelysell</title>

	<!-- Favicon -->
	<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.svg">

	<!-- Themescript -->
	<script src="assets/js/theme-script.js" type="b9cf20f6f9d9ccf213a08b2c-text/javascript"></script>

	<!-- Aos -->
	<link rel="stylesheet" href="assets/css/animate.css">
	<link rel="stylesheet" href="assets/css/bootstrap.min.css">

	<!-- Tabler Icon CSS -->
	<link rel="stylesheet" href="assets/plugins/tabler-icons/tabler-icons.css">

	<!-- select CSS -->
	<link rel="stylesheet" href="assets/plugins/select2/css/select2.min.css">

	<!-- Fontawesome Icon CSS -->
	<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
	<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
	

	<!-- Owlcarousel CSS -->
	<link rel="stylesheet" href="assets/plugins/owlcarousel/owl.carousel.min.css">
	<link rel="stylesheet" href="assets/css/feather.css">

	<!-- Mobile CSS-->
	<link rel="stylesheet" href="assets/plugins/intltelinput/css/intlTelInput.css">
	<link rel="stylesheet" href="assets/plugins/intltelinput/css/demo.css">

	<!-- Tagsinput CSS -->
	<link rel="stylesheet" href="assets/plugins/bootstrap-tagsinput/css/bootstrap-tagsinput.css">

	<!-- Calendar CSS -->
	<link rel="stylesheet" href="assets/plugins/simple-calendar/simple-calendar.css">

	<!-- Mobile Input -->
	<script src="assets/plugins/intltelinput/js/intlTelInput.js" type="b9cf20f6f9d9ccf213a08b2c-text/javascript"></script>

	<!-- Datetimepicker CSS -->
	<link rel="stylesheet" href="assets/css/bootstrap-datetimepicker.min.css">

	<!-- Style CSS -->
	<link rel="stylesheet" href="assets/css/style.css">

</head>

<body class="provider-page">

	<div class="main-wrapper">

		<!-- Header -->
		<div class="header provider-header">

			<!-- Logo -->
			<div class="header-left active">
				<a href="index.html" class="logo logo-normal">
					<img src="assets/img/logo.webp" alt="Logo">
				</a>
				<a href="index.html" class="logo-small">
					<img src="assets/img/logo-small.svg" alt="Logo">
				</a>
				<a id="toggle_btn" href="javascript:void(0);">
					<i class="ti ti-menu-deep"></i>
				</a>
			</div>
			<!-- /Logo -->

			<a id="mobile_btn" class="mobile_btn" href="javascript:void(0);sidebar">
				<span class="bar-icon">
					<span></span>
					<span></span>
					<span></span>
				</span>
			</a>

			<div class="header-user">
				<div class="nav user-menu">

					<!-- Search -->
					<div class="nav-item nav-search-inputs">
						<div class="top-nav-search">
							<a href="javascript:void(0);" class="responsive-search">
								<i class="fa fa-search"></i>
							</a>
							<form action="javascript:void(0);" class="dropdown">
								<div class="searchinputs" id="dropdownMenuClickable">
									<input type="text" placeholder="Search">
									<div class="search-addon">
										<span><i class="feather-user"></i></span>
									</div>
								</div>
							</form>
						</div>
					</div>
					<!-- /Search -->

					<div class="d-flex align-items-center">
						<div class="me-2 site-link">
							<a href="javascript:void(0);" class="d-flex align-items-center justify-content-center me-2"><i
									class="feather-globe me-1"></i>Visit Website</a>
						</div>
						<div class="provider-head-links">
							<div>
								<a href="javascript:void(0);" id="dark-mode-toggle" class="dark-mode-toggle me-2">
									<i class="fa-regular fa-moon"></i>
								</a>
								<a href="javascript:void(0);" id="light-mode-toggle" class="dark-mode-toggle me-2">
									<i class="ti ti-sun-filled"></i>
								</a>
							</div>
						</div>
						<div class="provider-head-links">
							<a href="javascript:void(0);" class="d-flex align-items-center justify-content-center me-2 dropdown-toggle notify-link" data-bs-toggle="dropdown"><i class="feather-bell"></i></a>
							<div class="dropdown-menu dropdown-menu-end notification-dropdown p-4">
								<div class="d-flex dropdown-body align-items-center justify-content-between border-bottom p-0 pb-3 mb-3">
									<h6 class="notification-title">Notifications <span class="fs-18 text-gray"> (2)</span></h6>
									<div class="d-flex align-items-center">
										<a href="#" class="text-primary fs-15 me-3 lh-1">Mark all as read</a>
										<div class="dropdown">
											<a href="javascript:void(0);" class="bg-white dropdown-toggle"
												data-bs-toggle="dropdown" data-bs-auto-close="outside"><i class="ti ti-calendar-due me-1"></i>Today
											</a>
											<ul class="dropdown-menu mt-2 p-3">
												<li>
													<a href="javascript:void(0);" class="dropdown-item rounded-1">
														This Week
													</a>
												</li>
												<li>
													<a href="javascript:void(0);" class="dropdown-item rounded-1">
														Last Week
													</a>
												</li>
												<li>
													<a href="javascript:void(0);" class="dropdown-item rounded-1">
														Last Week
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
	
								<div class="noti-content">
									<div class="d-flex flex-column">
										<div class="border-bottom mb-3 pb-3">
											<a href="notification.html">
												<div class="d-flex">
													<span class="avatar avatar-lg me-2 flex-shrink-0">
														<img src="assets/img/profiles/avatar-52.jpg" alt="Profile" class="rounded-circle">
													</span>
													<div class="flex-grow-1">
														<div class="d-flex align-items-center">
														<p class="mb-1 w-100"><span class="text-dark fw-semibold">Stephan Peralt</span> rescheduled the service to 14/01/2024. </p>
														<span class="d-flex justify-content-end "> <i class="ti ti-point-filled text-primary"></i></span>
														</div> 
														<span>Just Now</span>
													</div>
												</div>
											</a>
										</div>
										<div class="border-bottom mb-3 pb-3">
											<a href="notification.html" class="pb-0">
												<div class="d-flex">
													<span class="avatar avatar-lg me-2 flex-shrink-0">
														<img src="assets/img/profiles/avatar-36.jpg" alt="Profile" class="rounded-circle">
													</span>
													<div class="flex-grow-1">
														<div class="d-flex align-items-center">
															<p class="mb-1 w-100"><span class="text-dark fw-semibold">Harvey Smith</span> has requested your service.</p>
															<span class="d-flex justify-content-end "> <i class="ti ti-point-filled text-primary"></i></span>
														</div>
														<span>5 mins ago</span>
														<div class="d-flex justify-content-start align-items-center mt-2">
															<span class="btn btn-light btn-sm me-2">Deny</span>
															<span class="btn btn-dark btn-sm">Accept</span>
														</div>
													</div>
												</div>
											</a>					
										</div>
										<div class="border-bottom mb-3 pb-3">
											<a href="notification.html">
												<div class="d-flex">
													<span class="avatar avatar-lg me-2 flex-shrink-0">
														<img src="assets/img/profiles/avatar-02.jpg" alt="Profile" class="rounded-circle">
													</span>
													<div class="flex-grow-1">
														<p class="mb-1"><span class="text-dark fw-semibold"> Anthony Lewis</span> has left feedback for your recent service </p>
														<span>10 mins ago</span>
													</div>
												</div>
											</a>
										</div>
										<div class="border-0 mb-3 pb-0">
											<a href="notification.html">
												<div class="d-flex">
													<span class="avatar avatar-lg me-2 flex-shrink-0">
														<img src="assets/img/profiles/avatar-22.jpg" alt="Profile" class="rounded-circle">
													</span>
													<div class="flex-grow-1">
														<p class="mb-1"><span class="text-dark fw-semibold">Brian Villaloboshas </span> cancelled the service scheduled for 14/01/2024.
														</p>
														<span>15 mins ago</span>
													</div>
												</div>
											</a>
										</div>
									</div>
								</div>
								<div class="d-flex p-0 notification-footer-btn">
									<a href="#" class="btn btn-light rounded  me-2">Cancel</a>
									<a href="#" class="btn btn-dark rounded ">View All</a>
								</div>
							</div>
						</div>
						<div class="provider-head-links">
							<a href="javascript:void(0);" class="d-flex align-items-center justify-content-center me-2"><i
									class="feather-maximize"></i></a>
						</div>
						<div class="dropdown">
							<a href="javascript:void(0);" data-bs-toggle="dropdown">
								<div class="booking-user d-flex align-items-center">
									<span class="user-img">
										<img src="assets/img/profiles/avatar-02.jpg" alt="user">
									</span>
								</div>
							</a>
							<ul class="dropdown-menu p-2">
								<li><a class="dropdown-item d-flex align-items-center" href="login.html"><i
											class="ti ti-logout me-1"></i>Logout</a></li>
							</ul>
						</div>
					</div>

				</div>
			</div>

			<!-- Mobile Menu -->
			<div class="dropdown mobile-user-menu">
				<a href="javascript:void(0);" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"
					aria-expanded="false"><i class="fa fa-ellipsis-v"></i></a>
				<div class="dropdown-menu dropdown-menu-end">
					<a class="dropdown-item" href="profile.html">My Profile</a>
					<a class="dropdown-item" href="profile-settings.html">Settings</a>
					<a class="dropdown-item" href="login.html">Logout</a>
				</div>
			</div>
			<!-- /Mobile Menu -->

		</div>
		<!-- /Header -->

		<!-- Sidebar -->
		<div class="sidebar" id="sidebar">
			<div class="sidebar-inner slimscroll">
				<div id="sidebar-menu" class="sidebar-menu">
					<ul>
						<li>
							<a href="provider-dashboard.html"><i
									class="ti ti-layout-grid"></i><span>Dashboard</span></a>
						</li>
						<li>
							<a href="provider-services.html"><i class="ti ti-briefcase"></i><span>My Services</span></a>
						</li>
						<li>
							<a href="provider-booking.html"><i class="ti ti-calendar-month"></i><span>Bookings
								</span></a>
						</li>
						<li>
							<a href="staff-list.html"><i class="ti ti-users"></i><span>Staffs</span></a>
						</li>
						<li>
							<a href="customer-list.html"><i class="ti ti-user"></i><span>Customers</span></a>
						</li>
						<li>
							<a href="provider-payout.html"><i class="ti ti-wallet"></i><span>Payout</span></a>
						</li>
						<li>
							<a href="provider-holiday.html"><i class="feather-calendar"></i><span>Holidays &
									Leave</span></a>
						</li>
						<li>
							<a href="provider-coupons.html"><i class="ti ti-ticket"></i><span>Coupons</span></a>
						</li>
						<li>
							<a href="provider-offers.html"><i
									class="ti ti-square-percentage"></i><span>Offers</span></a>
						</li>
						<li>
							<a href="provider-reviews.html"><i class="ti ti-star"></i><span>Reviews</span></a>
						</li>
						<li>
							<a href="provider-enquiry.html"><i class="ti ti-mail"></i><span>Enquiries</span></a>
						</li>
						<li>
							<a href="provider-earnings.html"><i
									class="ti ti-cash-banknote"></i><span>Earnings</span></a>
						</li>
						<li>
							<a href="provider-chat.html"><i class="ti ti-messages"></i><span>Chat</span></a>
						</li>
						<li class="submenu">
							<a href="javascript:void(0);"><i class="ti ti-settings"></i><span>Settings</span><span
									class="menu-arrow"></span></a>
							<ul>
								<li>
									<a href="provider-appointment-settings.html"><i
											class="ti ti-chevrons-right me-2"></i>Appointment</a>
								</li>
								<li>
									<a href="provider-accounts-settings.html"><i
											class="ti ti-chevrons-right me-2"></i>Account</a>
								</li>
								<li>
									<a href="provider-social-profile.html"><i
											class="ti ti-chevrons-right me-2"></i>Social Profiles</a>
								</li>
								<li>
									<a href="provider-security-settings.html"><i
											class="ti ti-chevrons-right me-2"></i>Security</a>
								</li>
								<li>
									<a href="provider-plan.html" class="active"><i
											class="ti ti-chevrons-right me-2"></i>Plan & Billings</a>
								</li>
								<li>
									<a href="payment-settings.html"><i class="ti ti-chevrons-right me-2"></i>Payment</a>
								</li>
								<li>
									<a href="provider-notifcations.html"><i
											class="ti ti-chevrons-right me-2"></i>Notifications</a>
								</li>
								<li>
									<a href="provider-connected-apps.html"><i
											class="ti ti-chevrons-right me-2"></i>Connected Apps</a>
								</li>
								<li>
									<a href="verification.html"><i class="ti ti-chevrons-right me-2"></i>Profile
										Verification</a>
								</li>
								<li>
									<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="javascript:void(0);del-account"><i
											class="ti ti-chevrons-right me-2"></i>Delete Account</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="login.html"><i class="ti ti-logout-2"></i><span>Logout</span></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- /Sidebar -->

		<!-- Page Wrapper -->
		<div class="page-wrapper">
			<div class="content container-fluid">
				<div class="row">
					<div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
						<h5>Plan & Billings</h5>
						<div class="d-flex align-items-center">
							<a href="javascript:void(0);" class="btn btn-dark d-flex align-items-center">Plans</a>
						</div>
					</div>

				</div>

				<!-- Plan & Billings -->
				<div class="row">
					<div class="col-lg-6 d-flex flex-column">
						<!-- Current Plan -->
						<h6 class="subhead-title">Current Plan</h6>
						<div class="card flex-fill">
							<div class="card-body">
								<div class="plan-info row">
									<div class="col-md-9">
										<div class="plan-term">
											<h6 class="mb-1">Business</h6>
											<p class="mb-2">Our most popular plan for small teams.</p>
											<p class="fs-12 text-dark"><i class="feather-calendar fs-12"></i> Renew
												Date: <span class="fs-12 text-gray">Jan 22, 2023</span> </p>
										</div>
									</div>
									<div class="col-md-3">
										<div class="plan-price">
											<h4>$200</h4>
											<p>per user/month</p>
										</div>
									</div>
								</div>
								<div class="plan-btns">
									<a href="javascript:void(0);" class="btn btn-light  me-2">Cancel Subscription</a>
									<a href="javascript:void(0);" class="btn btn-dark ">Upgrade</a>
								</div>
							</div>
						</div>
						<!-- /Current Plan -->

					</div>
					<div class="col-lg-6 d-flex flex-column">
						<!-- Current Plan -->
						<h6 class="subhead-title">Payment</h6>
						<div class="card flex-fill">
							<div class="card-body">
								<div class="plan-info row">
									<div class="col-md-9">
										<div class="plan-term">
											<h6 class="mb-1">Last Payment</h6>
											<p class="fs-12 text-dark"><i class="feather-calendar fs-12 me-1"></i><span
													class="fs-12 text-gray">January 22, 2022</span> </p>
										</div>
									</div>
									<div class="col-md-3">
										<div class="plan-price d-flex justify-content-end">
											<span
												class="badge badge-soft-success d-inline-flex align-items-center">Active</span>
										</div>
									</div>
								</div>
								<div class="plan-btns row">
									<div class="col-md-7">
										<div class="plan-term">
											<h6 class="mb-1">Next Payment</h6>
											<p class="fs-12 text-dark"><i class="feather-calendar fs-12 me-1"></i><span
													class="fs-12 text-gray">January 22, 2023</span> </p>
										</div>
									</div>
									<div class="col-md-5">
										<div class="d-flex justify-content-end">
											<a href="javascript:void(0);" class="btn btn-dark ">Manage Payment</a>
										</div>
									</div>

								</div>
							</div>
						</div>
						<!-- /Current Plan -->

					</div>
					<div class="col-md-12">
						<h6 class="user-title">Payment Method</h6>
						<div class="row">
							<!-- Credit Card -->
							<div class="col-md-6 col-xl-4 d-flex flex-column">
								<div class="card card-payments active flex-fill">
									<div class="card-body">
										<div class=" row align-items-center">
											<div class="col-md-6">
												<h6>Credit Card</h6>
												<div class="card-num">
													<div class="visa-img">
														<img src="assets/img/icons/visa.svg" alt="image">
													</div>
													<h6>**** **** **** <span>9525</span></h6>
												</div>
											</div>
											<div class="col-md-6">
												<div class="card-remove d-flex justify-content-end">
													<a href="javascript:void(0);" class="btn btn-sm btn-light">Remove Card <i
															class="feather-trash-2"></i></a>
												</div>
											</div>
										</div>

									</div>
								</div>
							</div>
							<!-- /Credit Card -->

							<!-- Debit Card -->
							<div class="col-md-6 col-xl-4 d-flex flex-column">
								<div class="card card-payments flex-fill">
									<div class="card-body">
										<div class=" row align-items-center">
											<div class="col-md-6">
												<h6>Debit Card</h6>
												<div class="card-num">
													<div class="visa-img">
														<img src="assets/img/icons/mastercard.html" alt="image">
													</div>
													<h6>**** **** **** <span>6842</span></h6>
												</div>
											</div>
											<div class="col-md-6">
												<div class="card-remove d-flex justify-content-end">
													<a href="javascript:void(0);" class="btn btn-sm btn-light">Remove Card <i
															class="feather-trash-2"></i></a>
												</div>
											</div>
										</div>

									</div>
								</div>
							</div>
							<!-- /Debit Card -->

							<!-- Add Card -->
							<div class="col-md-6 col-xl-4 d-flex flex-column">
								<div class="card-payment-add flex-fill">
									<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#add-payment">
										<span class="rounded-circle"><i class="feather-plus"></i></span>
									</a>
								</div>
							</div>
							<!-- /Add Card -->

						</div>

						<!-- Billing History -->
						<div class="page-header">
							<div class="row flex-fill">
								<div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
									<h5>Billing History</h5>
									<div class="d-flex align-items-center">
										<span class="text-dark me-2">Sort</span>
										<div class="dropdown me-2">
											<a href="javascript:void(0);" class="dropdown-toggle bg-light-300 " data-bs-toggle="dropdown">
												Newly Added
											</a>
											<div class="dropdown-menu">
												<a href="javascript:void(0);" class="dropdown-item active">Recently Added</a>
											</div>
										</div>
										<div class="dropdown me-2">
											<a href="javascript:void(0);" class="dropdown-toggle bg-light-300 " data-bs-toggle="dropdown">
												Export
											</a>
											<div class="dropdown-menu">
												<a href="javascript:void(0);" class="dropdown-item active">Pdf</a>
												<a href="javascript:void(0);" class="dropdown-item active">Excel</a>
											</div>
										</div>
										<a href="javascript:void(0);" class="tags d-flex justify-content-center align-items-center  rounded me-2"><i class="ti ti-printer"></i></a>
										<a href="javascript:void(0);" class="tags d-flex justify-content-center align-items-center border rounded me-2 " id="filter_search"><i class="ti ti-adjustments"></i></a>

									</div>
								</div>
								
							</div>
						</div>
						<div id="filter_inputs">
							<div class="row">
								<div class="col-lg-4 col-md-6">
									<div class="mb-3">
										<div class="sel-cal Calendar-icon">
											<span><i class="ti ti-calendar-month"></i></span>
											<input class="form-control datetimepicker" type="text" placeholder="dd-mm-yyyy">
										</div>
									</div>
								</div>
								<div class="col-lg-4 col-md-6">
									<div class="mb-3">
										<select class="select">
											<option>Services</option>
											<option>Computer Repairs</option>
											<option>Plumbing</option>
										</select>
									</div>
								</div>
								<div class="col-lg-4 col-md-6">
									<div class="mb-3">
										<select class="select">
											<option>Name</option>
											<option>Jacob Kline</option>
											<option>William Smith</option>
										</select>
									</div>
								</div>
							</div>
						</div>
						<div class="provide-table">
							<div class="table-responsive">
								<table class="table  datatable mb-0">
									<thead class="thead-light">
										<tr>
											<th>Payout Date</th>
											<th>Plan Name</th>
											<th>Amount</th>
											<th>Invoice</th>
											<th>Status</th>
											<th>Action</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td class="text-gray">28 Sep 2024</td>
											<td class="text-body">Basic, Monthly</td>
											<td class="text-gray fw-500">$50.00</td>
											<td class="text-gray">Invoice 08 sep, 2023</td>
											<td><span class="badge badge-soft-success">Paid</span></td>
											<td class="d-flex"><a href="javascript:void(0);"><span class="p-1 bg-light-300 rounded-circle d-flex align-items-center justify-content-center"><i class="ti ti-eye"></i></span></a></td>
										</tr>
										<tr>
											<td class="text-gray">28 Oct 2024</td>
											<td class="text-body">Standard, Monthly</td>
											<td class="text-gray fw-500">$200.00</td>
											<td class="text-gray">Invoice 08 Oct, 2022</td>
											<td><span class="badge badge-soft-success">Paid</span></td>
											<td class="d-flex"><a href="javascript:void(0);"><span class="p-1 bg-light-300 rounded-circle d-flex align-items-center justify-content-center"><i class="ti ti-eye"></i></span></a></td>
										</tr>
										<tr>
											<td class="text-gray">28 Nov 2024</td>
											<td class="text-body">Enterprice, Year</td>
											<td class="text-gray fw-500">$200.00</td>
											<td class="text-gray">Invoice 08 Nov, 2022</td>
											<td><span class="badge badge-soft-success">Paid</span></td>
											<td class="d-flex"><a href="javascript:void(0);"><span class="p-1 bg-light-300 rounded-circle d-flex align-items-center justify-content-center"><i class="ti ti-eye"></i></span></a></td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
						<div class="row">
							<div class="col-md-5">
								<div id="tablelength"></div>
							</div>
							<div class="col-md-7">
								<div class="table-ingopage">
									<div id="tableinfo"></div>
									<div id="tablepagination"></div>
								</div>
							</div>
						</div>
						<!-- /Billing History -->

					</div>
				</div>
				<!-- /Plan & Billings -->



			</div>
		</div>
		<!-- /Page Wrapper -->

		<!-- Add Payment -->
		<div class="modal fade custom-modal" id="add-payment">
			<div class="modal-dialog modal-dialog-centered">
				<div class="modal-content">
					<div class="modal-header d-flex align-items-center justify-content-between border-bottom">
						<h5 class="modal-title">Add Payment Method</h5>
						<a href="javascript:void(0);" data-bs-dismiss="modal" aria-label="Close"><i
								class="ti ti-circle-x-filled fs-20"></i></a>
					</div>
					<form action="https://truelysell.dreamstechnologies.com/html/template/provider-coupons.html">
						<div class="modal-body">
							<div class="row">
								<div class="col-md-12">
									<div class="row">
										<div class="col-md-12">
											<div class="mb-3">
												<label class="form-label">Full Name</label>
												<input type="text" class="form-control">
											</div>
										</div>
										<div class="col-md-12">
											<div class="mb-3">
												<label class="form-label">Card Number</label>
												<input type="text" class="form-control">
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-6">
											<div class="mb-3">
												<label class="form-label">Expiration date</label>
												<div class=" input-icon position-relative">
													<span class="input-icon-addon"><i class="ti ti-calendar"></i></span>
													<input type="text" class="form-control monthpicker"
														placeholder="mm-yyyy">
												</div>
											</div>
										</div>
										<div class="col-md-6">
												<div class="mb-3">
													<label class="form-label">Security code</label>
													<input type="text" class="form-control" placeholder="CVV">
												</div>
										</div>

									</div>
								</div>
							</div>
						</div>
					</form>
					<div class="modal-footer">
						<button type="button" class="btn bg-gray" data-bs-dismiss="modal">Cancel</button>
						<button type="button" class="btn btn-dark">Add Card</button>
					</div>
				</div>
			</div>
		</div>
		<!-- /Add Payment -->

		<!-- Delete Account -->
		<div class="modal fade custom-modal" id="del-account">
			<div class="modal-dialog modal-dialog-centered">
				<div class="modal-content">
					<div class="modal-header d-flex align-items-center justify-content-between border-bottom">
						<h5 class="modal-title">Delete Account</h5>
						<a href="javascript:void(0);" data-bs-dismiss="modal" aria-label="Close"><i
								class="ti ti-circle-x-filled fs-20"></i></a>
					</div>
					<form action="javascript:void(0);">
						<div class="modal-body">
							<p class="mb-3">Are you sure you want to delete This Account? To delete your account, Type
								your password.</p>
							<div class="mb-0">
								<label class="form-label">Password</label>
								<div class="pass-group">
									<input type="password" class="form-control pass-input" placeholder="*************">
									<span class="toggle-password feather-eye-off"></span>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<a href="javascript:void(0);" class="btn btn-light me-2" data-bs-dismiss="modal">Cancel</a>
							<button type="submit" class="btn btn-dark">Delete Account</button>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- /Delete Account -->

	</div>

	<!-- Jquery JS -->
	<script src="assets/js/jquery-3.7.1.min.js" type="b9cf20f6f9d9ccf213a08b2c-text/javascript"></script>

	<!-- Slimscroll JS -->
	<script src="assets/js/jquery.slimscroll.min.js" type="b9cf20f6f9d9ccf213a08b2c-text/javascript"></script>

	<!-- Bootstrap JS -->
	<script src="assets/js/bootstrap.bundle.min.js" type="b9cf20f6f9d9ccf213a08b2c-text/javascript"></script>

	<!-- Wow JS -->
	<script src="assets/js/wow.min.js" type="b9cf20f6f9d9ccf213a08b2c-text/javascript"></script>

	<!-- select JS -->
	<script src="assets/plugins/select2/js/select2.min.js" type="b9cf20f6f9d9ccf213a08b2c-text/javascript"></script>

	<!-- Owlcarousel Js -->
	<script src="assets/plugins/owlcarousel/owl.carousel.min.js" type="b9cf20f6f9d9ccf213a08b2c-text/javascript"></script>

	<!-- cursor JS -->
	<script src="assets/js/cursor.js" type="b9cf20f6f9d9ccf213a08b2c-text/javascript"></script>

	<!-- Counter JS -->
	<script src="assets/plugins/countup/jquery.counterup.min.js" type="b9cf20f6f9d9ccf213a08b2c-text/javascript"></script>
	<script src="assets/plugins/countup/jquery.waypoints.min.js" type="b9cf20f6f9d9ccf213a08b2c-text/javascript">	</script>

	<!-- Datetimepicker JS -->
	<script src="assets/js/moment.js" type="b9cf20f6f9d9ccf213a08b2c-text/javascript"></script>
	<script src="assets/js/bootstrap-datetimepicker.min.js" type="b9cf20f6f9d9ccf213a08b2c-text/javascript"></script>

	<!-- Script JS -->
	<script src="assets/js/script.js" type="b9cf20f6f9d9ccf213a08b2c-text/javascript"></script>
<script src="../../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="b9cf20f6f9d9ccf213a08b2c-|49" defer></script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"9464ff94cf80b2a0","version":"2025.4.0-1-g37f21b1","serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"token":"3ca157e612a14eccbb30cf6db6691c29","b":1}' crossorigin="anonymous"></script>
</body>


<!-- Mirrored from truelysell.dreamstechnologies.com/html/template/provider-plan.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 27 May 2025 11:05:26 GMT -->
</html>
Back to Directory File Manager