Viewing File: /home/ubuntu/ridge-crop-landing-ui-revamp/admin/edit-service.html
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from truelysell.dreamstechnologies.com/html/template/admin/edit-service.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 27 May 2025 11:08:23 GMT -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<title>Truelysell | Template</title>
<!-- Favicons -->
<link rel="shortcut icon" href="assets/img/favicon.png">
<!-- Select 2 -->
<link rel="stylesheet" href="assets/css/select2.min.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/plugins/bootstrap-tagsinput/css/bootstrap-tagsinput.css">
<!-- Fontawesome CSS -->
<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
<!-- Feather CSS -->
<link rel="stylesheet" href="assets/plugins/feather/feather.css">
<!-- Datetimepicker CSS -->
<link rel="stylesheet" href="assets/css/bootstrap-datetimepicker.min.css">
<!-- Ck Editor -->
<link rel="stylesheet" href="assets/css/ckeditor.css">
<!-- Main CSS -->
<link rel="stylesheet" href="assets/css/admin.css">
</head>
<body>
<div class="main-wrapper">
<!-- Header -->
<div class="header">
<div class="header-left">
<a href="index.html" class="logo">
<img src="assets/img/logo.webp" alt="Logo" width="30" height="30">
</a>
<a href="index.html" class=" logo-small">
<img src="assets/img/logo-small.svg" alt="Logo" width="30" height="30">
</a>
</div>
<a class="mobile_btn" id="mobile_btn" href="javascript:void(0);">
<i class="fas fa-align-left"></i>
</a>
<div class="header-split">
<div class="page-headers">
<div class="search-bar">
<span><i class="fe fe-search"></i></span>
<input type="text" placeholder="Search" class="form-control">
</div>
</div>
<ul class="nav user-menu">
<!-- Notifications -->
<li class="nav-item">
<a href="../index.html" class="viewsite" ><i class="fe fe-globe me-2"></i>View Site</a>
</li>
<li class="nav-item dropdown has-arrow dropdown-heads flag-nav">
<a class="nav-link" data-bs-toggle="dropdown" href="javascript:void(0);" role="button">
<img src="assets/img/flags/us1.png" alt="Flag" height="20">
</a>
<div class="dropdown-menu dropdown-menu-right">
<a href="javascript:void(0);" class="dropdown-item">
<img src="assets/img/flags/us.png" class="me-2" alt="Flag" height="16"> English
</a>
<a href="javascript:void(0);" class="dropdown-item">
<img src="assets/img/flags/fr.png" class="me-2" alt="Flag" height="16"> French
</a>
<a href="javascript:void(0);" class="dropdown-item">
<img src="assets/img/flags/es.png" class="me-2" alt="Flag" height="16"> Spanish
</a>
<a href="javascript:void(0);" class="dropdown-item">
<img src="assets/img/flags/de.png" class="me-2" alt="Flag" height="16"> German
</a>
</div>
</li>
<li class="nav-item has-arrow dropdown-heads ">
<a href="javascript:void(0);" class="toggle-switch">
<i class="fe fe-moon"></i>
</a>
</li>
<li class="nav-item dropdown has-arrow dropdown-heads ">
<a href="javascript:void(0);" data-bs-toggle="dropdown">
<i class="fe fe-bell"></i>
</a>
<div class="dropdown-menu notifications">
<div class="topnav-dropdown-header">
<span class="notification-title">Notifications</span>
<a href="javascript:void(0)" class="clear-noti"> Clear All </a>
</div>
<div class="noti-content">
<ul class="notification-list">
<li class="notification-message">
<a href="notifications.html">
<div class="media d-flex">
<span class="avatar avatar-sm flex-shrink-0">
<img class="avatar-img rounded-circle" alt="user" src="assets/img/provider/provider-01.jpg">
</span>
<div class="media-body flex-grow-1">
<p class="noti-details">
<span class="noti-title">Thomas Herzberg have been subscribed</span>
</p>
<p class="noti-time">
<span class="notification-time">15 Sep 2020 10:20 PM</span>
</p>
</div>
</div>
</a>
</li>
<li class="notification-message">
<a href="notifications.html">
<div class="media d-flex">
<span class="avatar avatar-sm flex-shrink-0">
<img class="avatar-img rounded-circle" alt="user" src="assets/img/provider/provider-02.jpg">
</span>
<div class="media-body flex-grow-1">
<p class="noti-details">
<span class="noti-title">Matthew Garcia have been subscribed</span>
</p>
<p class="noti-time">
<span class="notification-time">13 Sep 2020 03:56 AM</span>
</p>
</div>
</div>
</a>
</li>
<li class="notification-message">
<a href="notifications.html">
<div class="media d-flex">
<span class="avatar avatar-sm flex-shrink-0">
<img class="avatar-img rounded-circle" alt="user" src="assets/img/provider/provider-03.jpg">
</span>
<div class="media-body flex-grow-1">
<p class="noti-details">
<span class="noti-title">Yolanda Potter have been subscribed</span>
</p>
<p class="noti-time">
<span class="notification-time">12 Sep 2020 09:25 PM</span>
</p>
</div>
</div>
</a>
</li>
<li class="notification-message">
<a href="notifications.html">
<div class="media d-flex">
<span class="avatar avatar-sm flex-shrink-0">
<img class="avatar-img rounded-circle" alt="User Image" src="assets/img/provider/provider-04.jpg">
</span>
<div class="media-body flex-grow-1">
<p class="noti-details">
<span class="noti-title">Ricardo Flemings have been subscribed</span>
</p>
<p class="noti-time">
<span class="notification-time">11 Sep 2020 06:36 PM</span>
</p>
</div>
</div>
</a>
</li>
<li class="notification-message">
<a href="notifications.html">
<div class="media d-flex">
<span class="avatar avatar-sm flex-shrink-0">
<img class="avatar-img rounded-circle" alt="User Image" src="assets/img/provider/provider-05.jpg">
</span>
<div class="media-body flex-grow-1">
<p class="noti-details">
<span class="noti-title">Maritza Wasson have been subscribed</span>
</p>
<p class="noti-time">
<span class="notification-time">10 Sep 2020 08:42 AM</span>
</p>
</div>
</div>
</a>
</li>
<li class="notification-message">
<a href="notifications.html">
<div class="media d-flex">
<span class="avatar avatar-sm flex-shrink-0">
<img class="avatar-img rounded-circle" alt="User Image" src="assets/img/provider/provider-06.jpg">
</span>
<div class="media-body flex-grow-1">
<p class="noti-details">
<span class="noti-title">Marya Ruiz have been subscribed</span>
</p>
<p class="noti-time">
<span class="notification-time">9 Sep 2020 11:01 AM</span>
</p>
</div>
</div>
</a>
</li>
<li class="notification-message">
<a href="notifications.html">
<div class="media d-flex">
<span class="avatar avatar-sm flex-shrink-0">
<img class="avatar-img rounded-circle" alt="User Image" src="assets/img/provider/provider-07.jpg">
</span>
<div class="media-body flex-grow-1">
<p class="noti-details">
<span class="noti-title">Richard Hughes have been subscribed</span>
</p>
<p class="noti-time">
<span class="notification-time">8 Sep 2020 06:23 AM</span>
</p>
</div>
</div>
</a>
</li>
</ul>
</div>
<div class="topnav-dropdown-footer">
<a href="notifications.html">View all Notifications</a>
</div>
</div>
</li>
<li class="nav-item has-arrow dropdown-heads ">
<a href="javascript:void(0);" class="win-maximize">
<i class="fe fe-maximize" ></i>
</a>
</li>
<!-- User Menu -->
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="user-link nav-link" data-bs-toggle="dropdown">
<span class="user-img">
<img class="rounded-circle" src="assets/img/user.jpg" width="40" alt="Admin">
<span class="animate-circle"></span>
</span>
<span class="user-content">
<span class="user-name">John Smith</span>
<span class="user-details">Demo User</span>
</span>
</a>
<div class="dropdown-menu menu-drop-user">
<div class="profilemenu ">
<div class="user-detials">
<a href="account.html">
<span class="profile-image">
<img src="assets/img/user.jpg" alt="img" class="profilesidebar">
</span>
<span class="profile-content">
<span>John Smith</span>
<span><span class="__cf_email__" data-cfemail="551f3a3d3b15302d34382539307b363a38">[email protected]</span></span>
</span>
</a>
</div>
<div class="subscription-menu">
<ul>
<li>
<a href="account-settings.html" >Profile</a>
</li>
<li>
<a href="localization.html">Settings</a>
</li>
</ul>
</div>
<div class="subscription-logout">
<a href="signin.html">Log Out</a>
</div>
</div>
</div>
</li>
<!-- /User Menu -->
</ul>
</div>
</div>
<!-- /Header -->
<!-- Sidebar -->
<div class="sidebar" id="sidebar">
<div class="sidebar-header">
<div class="sidebar-logo">
<a href="index.html">
<img src="assets/img/logo.webp" class="img-fluid logo" alt="Logo">
</a>
<a href="index.html">
<img src="assets/img/logo-small.svg" class="img-fluid logo-small" alt="Logo">
</a>
</div>
<div class="siderbar-toggle">
<label class="switch" id="toggle_btn">
<input type="checkbox">
<span class="slider round"></span>
</label>
</div>
</div>
<div class="sidebar-inner slimscroll">
<div id="sidebar-menu" class="sidebar-menu">
<ul>
<li class="menu-title m-0">
<h6>Home</h6>
</li>
<li>
<a href="index.html"><i class="fe fe-grid"></i> <span>Dashboard</span></a>
</li>
<li class="menu-title">
<h6>Services</h6>
</li>
<li class="submenu">
<a href="javascript:void(0);" class="active"><i class="fe fe-briefcase"></i>
<span>Services</span>
<span class="menu-arrow"><i class="fe fe-chevron-right"></i></span>
</a>
<ul>
<li>
<a href="add-service.html">Add Service</a>
</li>
<li>
<a class="active" href="services.html">Services</a>
</li>
<li>
<a href="service-settings.html">Service Settings</a>
</li>
</ul>
</li>
<li>
<a href="categories.html"><i class="fe fe-file-text"></i>
<span>Categories</span>
</a>
</li>
<li>
<a href="sub-categories.html"><i class="fe fe-clipboard"></i> <span>Sub Categories</span></a>
</li>
<li class="submenu">
<a href="javascript:void(0);"><i class="fe fe-star"></i>
<span>Review</span>
<span class="menu-arrow"><i class="fe fe-chevron-right"></i></span>
</a>
<ul>
<li>
<a href="review-type.html">Review Type</a>
</li>
<li>
<a href="review.html">Review</a>
</li>
</ul>
</li>
<li class="menu-title">
<h6>Booking</h6>
</li>
<li>
<a href="booking.html"><i class="fe fe-smartphone"></i> <span> Bookings</span></a>
</li>
<li class="menu-title">
<h6>Finance & Accounts</h6>
</li>
<li>
<a href="banktransferlist.html"><i class="fe fe-file"></i>
<span>Bank Transfer</span>
</a>
</li>
<li>
<a href="wallet.html"><i class="fe fe-credit-card"></i>
<span>Wallet</span>
</a>
</li>
<li>
<a href="refund-request.html"><i class="fe fe-git-pull-request"></i> <span>Refund Request</span></a>
</li>
<li>
<a href="cash-on-delivery.html"><i class="fe fe-dollar-sign"></i> <span>Cash on Delivery</span></a>
</li>
<li class="submenu">
<a href="javascript:void(0);"><i class="fe fe-credit-card"></i>
<span>Payouts</span>
<span class="menu-arrow"><i class="fe fe-chevron-right"></i></span>
</a>
<ul>
<li>
<a href="payout-request.html">Payout Requests</a>
</li>
<li>
<a href="payout-settings.html">Payout Settings</a>
</li>
</ul>
</li>
<li>
<a href="sales-transactions.html"><i class="fe fe-bar-chart"></i> <span>Sales Transactions</span></a>
</li>
<li class="menu-title">
<h6>Others</h6>
</li>
<li>
<a href="chat.html"><i class="fe fe-message-square"></i> <span>Chat</span></a>
</li>
<li class="menu-title">
<h6>Content</h6>
</li>
<li class="submenu">
<a href="javascript:void(0);"><i class="fe fe-file"></i>
<span>Pages</span>
<span class="menu-arrow"><i class="fe fe-chevron-right"></i></span>
</a>
<ul>
<li>
<a href="add-page.html">Add Page</a>
</li>
<li>
<a href="pages-list.html">Pages</a>
</li>
<li>
<a href="page-list.html">Pages List</a>
</li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"><i class="fe fe-file-text"></i>
<span>Blog</span>
<span class="menu-arrow"><i class="fe fe-chevron-right"></i></span>
</a>
<ul>
<li>
<a href="all-blog.html">All Blog</a>
</li>
<li>
<a href="add-blog.html">Add Blog</a>
</li>
<li>
<a href="blogs-categories.html">Categories</a>
</li>
<li>
<a href="blogs-comments.html">Blog Comments</a>
</li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"><i class="fe fe-map-pin"></i>
<span>Location</span>
<span class="menu-arrow"><i class="fe fe-chevron-right"></i></span>
</a>
<ul>
<li>
<a href="countries.html">Countries</a>
</li>
<li>
<a href="states.html">States</a>
</li>
<li>
<a href="cities.html">Cities</a>
</li>
</ul>
</li>
<li>
<a href="testimonials.html"><i class="fe fe-star"></i> <span>Testimonials</span></a>
</li>
<li>
<a href="faq.html"><i class="fe fe-help-circle"></i> <span>FAQ</span></a>
</li>
<li class="menu-title">
<h6>Membership</h6>
</li>
<li>
<a href="membership.html"><i class="fe fe-user"></i> <span>Membership</span></a>
</li>
<li>
<a href="membership-addons.html"><i class="fe fe-user-plus"></i> <span>Membership Addons</span></a>
</li>
<li class="menu-title">
<h6>Reports</h6>
</li>
<li>
<a href="admin-earnings.html"><i class="fe fe-user"></i>
<span>Admin Earnings</span>
</a>
</li>
<li>
<a href="provider-earnings.html"><i class="fe fe-dollar-sign"></i>
<span>Provider Earnings</span>
</a>
</li>
<li>
<a href="provider-sales.html"><i class="fe fe-dollar-sign"></i>
<span>Provider Sales</span>
</a>
</li>
<li>
<a href="provider-wallet.html"><i class="fe fe-credit-card"></i>
<span>Provider Wallet</span>
</a>
</li>
<li>
<a href="customer-wallet.html"><i class="fe fe-user"></i>
<span>Customer Wallet</span>
</a>
</li>
<li>
<a href="membership-transaction.html"><i class="fe fe-tv"></i>
<span>Membership Transaction</span>
</a>
</li>
<li>
<a href="refund-report.html"><i class="fe fe-file-text"></i>
<span>Refund Report</span>
</a>
</li>
<li>
<a href="register-report.html"><i class="fe fe-git-pull-request"></i>
<span>Register Report</span>
</a>
</li>
<li>
<a href="service-sales.html"><i class="fe fe-bar-chart"></i>
<span>Sales Report</span>
</a>
</li>
<li class="menu-title">
<h6>User Management</h6>
</li>
<li class="submenu">
<a href="javascript:void(0);"><i class="fe fe-user"></i>
<span> Users</span>
<span class="menu-arrow"><i class="fe fe-chevron-right"></i></span>
</a>
<ul>
<li>
<a href="users.html">Users</a>
</li>
<li>
<a href="customers.html">Customers</a>
</li>
<li>
<a href="providers.html">Providers </a>
</li>
</ul>
</li>
<li>
<a href="roles.html"><i class="fe fe-file"></i> <span>Roles & Permissions</span></a>
</li>
<li>
<a href="delete-account-requests.html"><i class="fe fe-trash-2"></i> <span>Delete Account Requests</span></a>
</li>
<li>
<a href="verification-request.html" ><i class="fe fe-dollar-sign"></i><span>Verification Requests</span></a>
</li>
<li class="menu-title">
<h6>Marketing</h6>
</li>
<li>
<a href="coupons.html"><i class="fe fe-bookmark"></i> <span>Coupons</span></a>
</li>
<li>
<a href="offers.html"><i class="fe fe-briefcase"></i> <span>Service Offers</span></a>
</li>
<li>
<a href="featured-services.html"><i class="fe fe-briefcase"></i> <span>Featured Services</span></a>
</li>
<li>
<a href="email-newsletter.html"><i class="fe fe-mail"></i> <span>Email Newsletter</span></a>
</li>
<li class="menu-title">
<h6>Management</h6>
</li>
<li>
<a href="cachesystem.html"><i class="fe fe-user"></i>
<span>Cache System</span>
</a>
</li>
<li>
<a href="email-templates.html"><i class="fe fe-mail"></i> <span>Email Templates</span></a>
</li>
<li>
<a href="sms-templates.html"><i class="fe fe-message-square"></i> <span>SMS Templates</span></a>
</li>
<li>
<a href="menu-management.html"><i class="fe fe-file-text"></i> <span>Menu Management</span></a>
</li>
<li>
<a href="website-settings.html"><i class="fe fe-credit-card"></i> <span>Widgets</span></a>
</li>
<li>
<a href="create-menu.html"><i class="fe fe-list"></i> <span>Create Menu</span></a>
</li>
<li>
<a href="plugins-manager.html"><i class="fe fe-tv"></i><span>Plugin Managers</span> </a>
</li>
<li class="menu-title">
<h6>Support</h6>
</li>
<li>
<a href="contact-messages.html"><i class="fe fe-message-square"></i> <span>Contact Messages</span></a>
</li>
<li>
<a href="abuse-reports.html"><i class="fe fe-file-text"></i> <span>Abuse Reports</span></a>
</li>
<li>
<a href="announcements.html"><i class="fe fe-volume-2"></i> <span>Announcements</span></a>
</li>
<li class="menu-title">
<h6>Settings</h6>
</li>
<li>
<a href="localization.html" ><i class="fe fe-settings"></i> <span>Settings</span></a>
</li>
<li>
<a href="signin.html"><i class="fe fe-log-out"></i> <span>Logout</span></a>
</li>
</ul>
</div>
</div>
</div>
<!-- /Sidebar -->
<div class="page-wrapper">
<div class="content">
<div class="row">
<div class="col-lg-12 m-auto">
<div class="progressbar-card">
<ul id="progress-head">
<li class="active">Edit Services - Service Information</li>
<li>Edit Services - Availablity</li>
<li>Edit Services - Location</li>
<li>Edit Services - Gallery</li>
<li>Edit Services - SEO</li>
</ul>
<ul id="progressbar">
<li class="active">
<div class="multi-step-icon">
<span><i class="far fa-check-circle"></i></span>
</div>
<div class="multi-step-info">
<h6>Information</h6>
</div>
</li>
<li>
<div class="multi-step-icon">
<span><i class="far fa-clock"></i></span>
</div>
<div class="multi-step-info">
<h6>Availability</h6>
</div>
</li>
<li>
<div class="multi-step-icon">
<span><i class="far fa-map"></i></span>
</div>
<div class="multi-step-info">
<h6>Location</h6>
</div>
</li>
<li>
<div class="multi-step-icon">
<span><i class="far fa-images"></i></span>
</div>
<div class="multi-step-info">
<h6>Gallery</h6>
</div>
</li>
<li>
<div class="multi-step-icon">
<span><i class="far fa-chart-bar"></i></span>
</div>
<div class="multi-step-info">
<h6>SEO</h6>
</div>
</li>
</ul>
</div>
<!-- Service Information -->
<fieldset id="first-field">
<div class="container-service space-service">
<div class="sub-title">
<h6>Service Information</h6>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Provider</label>
<select class="select">
<option>Johnny</option>
<option>James</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Service Title</label>
<input type="text" class="form-control" value="Plumbing Service">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Category</label>
<select class="select">
<option>Car Wash</option>
<option>House Cleaning</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Sub Category</label>
<select class="select">
<option>Car Repair</option>
<option>Plumbing</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group price">
<label>Price <span>Set 0 for free</span></label>
<input type="text" class="form-control" value="$120.00">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Duration</label>
<div class="form-duration">
<input type="text" class="form-control" value="10:00">
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group service-editor">
<label>Description</label>
<div id="editor"></div>
</div>
</div>
</div>
</div>
<div class="container-service">
<div class="row">
<div class="col-sm-12">
<div class="additional">
<div class="sub-title Service">
<h6>Additional Service</h6>
</div>
<div class="status-toggle float-sm-end mb-3">
<input type="checkbox" id="status_1" class="check" value="" checked="">
<label for="status_1" class="checktoggle">checkbox</label>
</div>
</div>
</div>
</div>
<div class="addservice-info">
<div class="row service-cont">
<div class="col-md-4">
<div class="form-group">
<label>Additional Service</label>
<input type="text" class="form-control" placeholder="" value="Car Repair">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Price</label>
<input type="text" class="form-control" placeholder="Enter Price" value="500">
</div>
</div>
<div class="col-md-4">
<div class="form-group tax">
<label>Duration <span>Include tax</span></label>
<input type="text" class="form-control" placeholder="" value="30 mins">
</div>
</div>
</div>
</div>
<a href="javascript:void(0);" class="link-sets add-extra"><i class="fa fa-plus-circle me-2" aria-hidden="true"></i>Add Additional Service</a>
</div>
<div class="container-service space-service">
<div class="row">
<div class="col-lg-12">
<div class="video">
<div class="video-title">
<h6>Video</h6>
</div>
</div>
<div class="video-link">
<div class="form-group">
<label>Video Link</label>
<input type="text" class="form-control" placeholder="https://www.youtube.com/shorts/Lf-Z7H8bZ8o">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="bottom-btn">
<div class="field-btns">
<button class="btn btn-primary next_btn" type="button">Next <i class="fas fa-arrow-right"></i></button>
</div>
</div>
</div>
</div>
</fieldset>
<!-- /Service Information -->
<!-- Availablity-->
<fieldset>
<div class="row">
<div class="col-md-12">
<div class="available-section card-section ">
<div class="available-heading">
<h4>Availablity</h4>
</div>
<!-- Timeslot -->
<div class="timeslot-sec availablt-time-slots">
<!-- Schedule Nav -->
<label class="col-form-label">Configure Time Slots</label>
<div class="schedule-nav">
<ul class="nav">
<li class="nav-item">
<a class="nav-link active" data-bs-toggle="tab" href="#all_days">All Days</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#slot_monday">Monday</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#slot_tuesday">Tuesday</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#slot_wednesday">Wednesday</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#slot_thursday">Thursday</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#slot_friday">Friday</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#slot_saturday">Saturday</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#slot_sunday">Sunday</a>
</li>
</ul>
</div>
<!-- /Schedule Nav -->
<div class="tab-content pt-0">
<div class="tab-pane active" id="all_days">
<div class="hours-info">
<h4 class="nameof-day">All Days</h4>
<div class="row hours-cont">
<div class="col-md-4">
<div class="form-group">
<label>From</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>To</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Slots</label>
<input type="text" class="form-control" placeholder="Enter Slot">
</div>
</div>
</div>
</div>
<a href="#" class="link-sets add-text add-hours"><i class="fe fe-plus-circle"></i> Add More</a>
</div>
<div class="tab-pane fade" id="slot_monday">
<div class="hours-info">
<h4 class="nameof-day">Monday</h4>
<div class="row hours-cont">
<div class="col-md-4">
<div class="form-group">
<label>From</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>To</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Slots</label>
<input type="text" class="form-control" placeholder="Enter Slot">
</div>
</div>
</div>
</div>
<a href="#" class="link-sets add-text add-hours"><i class="fe fe-plus-circle"></i> Add More</a>
</div>
<div class="tab-pane fade" id="slot_tuesday">
<div class="hours-info">
<h4 class="nameof-day">Tuesday</h4>
<div class="row hours-cont">
<div class="col-md-4">
<div class="form-group">
<label>From</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>To</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Slots</label>
<input type="text" class="form-control" placeholder="Enter Slot">
</div>
</div>
</div>
</div>
<a href="#" class="link-sets add-text add-hours"><i class="fe fe-plus-circle"></i> Add More</a>
</div>
<div class="tab-pane fade" id="slot_wednesday">
<div class="hours-info">
<h4 class="nameof-day">Wednesday</h4>
<div class="row hours-cont">
<div class="col-md-4">
<div class="form-group">
<label>From</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>To</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Slots</label>
<input type="text" class="form-control" placeholder="Enter Slot">
</div>
</div>
</div>
</div>
<a href="#" class="link-sets add-text add-hours"><i class="fe fe-plus-circle"></i> Add More</a>
</div>
<div class="tab-pane fade" id="slot_thursday">
<div class="hours-info">
<h4 class="nameof-day">Thursday</h4>
<div class="row hours-cont">
<div class="col-md-4">
<div class="form-group">
<label>From</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>To</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Slots</label>
<input type="text" class="form-control" placeholder="Enter Slot">
</div>
</div>
</div>
</div>
<a href="#" class="link-sets add-text add-hours"><i class="fe fe-plus-circle"></i> Add More</a>
</div>
<div class="tab-pane fade" id="slot_friday">
<div class="hours-info">
<h4 class="nameof-day">Friday</h4>
<div class="row hours-cont">
<div class="col-md-4">
<div class="form-group">
<label>From</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>To</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Slots</label>
<input type="text" class="form-control" placeholder="Enter Slot">
</div>
</div>
</div>
</div>
<a href="#" class="link-sets add-text add-hours"><i class="fe fe-plus-circle"></i> Add More</a>
</div>
<div class="tab-pane fade" id="slot_saturday">
<div class="hours-info">
<h4 class="nameof-day">Saturday</h4>
<div class="row hours-cont">
<div class="col-md-4">
<div class="form-group">
<label>From</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>To</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Slots</label>
<input type="text" class="form-control" placeholder="Enter Slot">
</div>
</div>
</div>
</div>
<a href="#" class="link-sets add-text add-hours"><i class="fe fe-plus-circle"></i> Add More</a>
</div>
<div class="tab-pane fade" id="slot_sunday">
<div class="hours-info">
<h4 class="nameof-day">Sunday</h4>
<div class="row hours-cont">
<div class="col-md-4">
<div class="form-group">
<label>From</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>To</label>
<div class="form-availability-field">
<input type="text" class="form-control timepicker" placeholder="Select Time">
<span class="cus-icon"><i class="fe fe-clock"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group ">
<label>Slots</label>
<input type="text" class="form-control" placeholder="Enter Slot">
</div>
</div>
</div>
</div>
<a href="#" class="link-sets add-text add-hours"><i class="fe fe-plus-circle"></i> Add More</a>
</div>
</div>
</div>
<!-- Timeslot -->
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="bottom-btn">
<div class="field-btns">
<button class="btn btn-prev prev_btn" type="button"><i class="fas fa-arrow-left"></i> Prev</button>
<button class="btn btn-primary next_btn" type="button">Next <i class="fas fa-arrow-right"></i></button>
</div>
</div>
</div>
</div>
</fieldset>
<!-- /Availablity -->
<!-- Location -->
<fieldset>
<div class="addition-service card-section space-service">
<div class="row">
<div class="col-md-12">
<div class="heading-service">
<h4>Location</h4>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label>Address</label>
<input type="text" class="form-control" placeholder="Enter Your Address" value="Maryland City, MD, USA">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Country</label>
<input type="text" class="form-control" placeholder="Enter Country" value="USA">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>City</label>
<input type="text" class="form-control" placeholder="Enter Your City" value="Maryland">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>State</label>
<input type="text" class="form-control" placeholder="Enter Your State" value="MD">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Pincode</label>
<input type="text" class="form-control" placeholder="Enter Your Pincode" value="629145">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label>Google Maps Place ID</label>
<input type="text" class="form-control" placeholder="Enter Maps Place ID" value="75">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Latitude</label>
<input type="text" class="form-control" placeholder="Enter Latitude Number" value="Value">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Longitude</label>
<input type="text" class="form-control" placeholder="Enter Longitude Number" value="Value">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<div class="map-grid">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6509170.989457427!2d-123.80081967108484!3d37.192957227641294!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fb9fe5f285e3d%3A0x8b5109a227086f55!2sCalifornia%2C%20USA!5e0!3m2!1sen!2sin!4v1669181581381!5m2!1sen!2sin" allowfullscreen="" aria-hidden="false" tabindex="0" class="contact-map"></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="bottom-btn">
<div class="field-btns">
<button class="btn btn-prev prev_btn" type="button"><i class="fas fa-arrow-left"></i> Prev</button>
<button class="btn btn-primary next_btn" type="button">Next <i class="fas fa-arrow-right"></i></button>
</div>
</div>
</div>
</div>
</fieldset>
<!-- /Location -->
<!-- Gallery -->
<fieldset>
<div class="addition-service card-section">
<div class="heading-service">
<h4>Gallery</h4>
</div>
<div class="form-uploads mb-4">
<div class="form-uploads-path">
<img src="assets/img/icons/upload.svg" alt="img">
<div class="file-browse">
<h6>Drag & drop image or </h6>
<div class="file-browse-path">
<input type="file">
<a href="javascript:void(0);"> Browse</a>
</div>
</div>
<h5>Supported formates: JPEG, PNG</h5>
</div>
</div>
<div class="file-preview">
<label>Select Default Image</label>
<ul class="gallery-selected-img">
<li>
<div class="img-preview">
<img src="assets/img/services/service-01.jpg" alt="Service Image">
<a href="javascript:void(0);" class="remove-gallery"><i class="fe fe-trash-2"></i></a>
</div>
<label class="custom_check">
<input type="radio" name="gallery" checked>
<span class="checkmark"></span>
</label>
</li>
<li>
<div class="img-preview">
<img src="assets/img/services/service-02.jpg" alt="Service">
<a href="javascript:void(0);" class="remove-gallery"><i class="fe fe-trash-2"></i></a>
</div>
<label class="custom_check">
<input type="radio" name="gallery">
<span class="checkmark"></span>
</label>
</li>
<li>
<div class="img-preview">
<img src="assets/img/services/service-03.jpg" alt="Service Image">
<a href="javascript:void(0);" class="remove-gallery"><i class="fe fe-trash-2"></i></a>
</div>
<label class="custom_check">
<input type="radio" name="gallery">
<span class="checkmark"></span>
</label>
</li>
<li>
<div class="img-preview">
<img src="assets/img/services/service-04.jpg" class="img-fluid thumbnail" alt="image">
<a href="javascript:void(0);" class="remove-gallery"><i class="fe fe-trash-2"></i></a>
</div>
<label class="custom_check">
<input type="radio" name="gallery">
<span class="checkmark"></span>
</label>
</li>
</ul>
</div>
</div>
<div class="bottom-btn">
<div class="field-btns">
<button class="btn btn-prev prev_btn" type="button"><i class="fas fa-arrow-left"></i> Prev</button>
<button class="btn btn-primary next_btn" type="button">Next <i class="fas fa-arrow-right"></i></button>
</div>
</div>
</fieldset>
<!-- /Gallery -->
<!-- SEO -->
<fieldset>
<div class="addition-service card-section space-service">
<div class="heading-service">
<h4>SEO</h4>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Meta Title</label>
<input type="text" class="form-control" value="Pluming Service">
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<label>Meta Keywords</label>
<input class="input-tags form-control" type="text" data-role="tagsinput" name="specialist" value="English,French,Spanish" id="specialist">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label>Meta Description</label>
<textarea class="form-control" rows="5">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</textarea>
</div>
</div>
</div>
</div>
<div class="bottom-btn">
<div class="field-btns">
<button class="btn btn-prev prev_btn" type="button"><i class="fas fa-arrow-left"></i> Prev</button>
<a href="services.html" class="btn btn-primary next_btn" data-bs-toggle="modal" data-bs-target="#successmodal">Save</a>
</div>
</div>
</fieldset>
<!-- /SEO -->
</div>
</div>
</div>
</div>
</div>
<!-- Modal Succss -->
<div class="modal fade add-service-modal" id="successmodal" tabindex="-1" aria-labelledby="successmodal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<span>
<i class="fa-regular fa-circle-check"></i>
</span>
<h3>Success</h3>
<p>Service has been edited succeessfully</p>
<div class="popup-btn">
<a href="services.html" class="btn btn-primary">Go to Dashboard <i class="fa-solid fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Modal Succss -->
<!-- jQuery -->
<script data-cfasync="false" src="../../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery-3.7.1.min.js" type="4e731c7ebd947503d9d1e5de-text/javascript"></script>
<!-- Select 2 JS-->
<script src="assets/js/select2.min.js" type="4e731c7ebd947503d9d1e5de-text/javascript"></script>
<!-- Bootstrap Core JS -->
<script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js" type="4e731c7ebd947503d9d1e5de-text/javascript"></script>
<!-- Bootstrap Tagsinput JS -->
<script src="assets/plugins/bootstrap-tagsinput/js/bootstrap-tagsinput.js" type="4e731c7ebd947503d9d1e5de-text/javascript"></script>
<!-- Feather Icon JS -->
<script src="assets/js/feather.min.js" type="4e731c7ebd947503d9d1e5de-text/javascript"></script>
<!-- Datatable JS -->
<script src="assets/js/jquery.dataTables.min.js" type="4e731c7ebd947503d9d1e5de-text/javascript"></script>
<!-- Ck Editor JS -->
<script src="assets/js/ckeditor.js" type="4e731c7ebd947503d9d1e5de-text/javascript"></script>
<!-- Slimscroll JS -->
<script src="assets/plugins/slimscroll/jquery.slimscroll.min.js" type="4e731c7ebd947503d9d1e5de-text/javascript"></script>
<!-- Sweetalert 2 -->
<script src="assets/plugins/sweetalert/sweetalert2.all.min.js" type="4e731c7ebd947503d9d1e5de-text/javascript"></script>
<script src="assets/plugins/sweetalert/sweetalerts.min.js" type="4e731c7ebd947503d9d1e5de-text/javascript"></script>
<!-- Datetimepicker JS -->
<script src="assets/js/moment.js" type="4e731c7ebd947503d9d1e5de-text/javascript"></script>
<script src="assets/js/bootstrap-datetimepicker.min.js" type="4e731c7ebd947503d9d1e5de-text/javascript"></script>
<!-- Custom JS -->
<script src="assets/js/admin.js" type="4e731c7ebd947503d9d1e5de-text/javascript"></script>
<script src="../../../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="4e731c7ebd947503d9d1e5de-|49" defer></script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"94650b71eba27aff","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/admin/edit-service.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 27 May 2025 11:08:23 GMT -->
</html>
Back to Directory
File Manager