File Manager

Editing File: /home/ubuntu/ridge-crop-landing-ui-revamp/provider-services.html

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Truelysell</title>

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

<script src="assets/js/theme-script.js" type="82e76a8272986031a8c4102e-text/javascript"></script>

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

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

<link rel="stylesheet" href="assets/plugins/select2/css/select2.min.css">

<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
    <link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">

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

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

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

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

<script src="assets/plugins/intltelinput/js/intlTelInput.js" type="82e76a8272986031a8c4102e-text/javascript"></script>

<link rel="stylesheet" href="assets/css/style.css">

</head>

<div class="main-wrapper">
        
        <div class="header provider-header">

<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>

<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="#" 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>

<div class="d-flex align-items-center">
                    <div class="me-2">
                        <a href="javascript:void(0);" class="d-flex align-items-center justify-content-center me-2"><i class="feather-globe me-2"></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>

</div>
            </div>

<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>

</div>

<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 class="active">
                        <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"><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="#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>

<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>My Services</h5>
                        <div class="d-flex align-items-center">
                            <span class="fs-14 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>
                            <a href="provider-services.html"
                                class="tags active d-flex justify-content-center align-items-center  rounded me-2"><i
                                    class="ti ti-layout-grid"></i></a>
                            <a href="provider-service-list.html"
                                class="tags d-flex justify-content-center align-items-center border rounded me-2"><i
                                    class="ti ti-list"></i></a>
                            <a href="create-service.html" class="btn btn-dark d-flex align-items-center"><i class="ti ti-circle-plus me-2"></i>Add Services</a>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-xl-12 col-lg-12">
                        <div class="tab-list mb-4" role="tablist">
                            <ul class="nav d-flex align-items-center">
                                <li>
                                    <a href="javascript:void(0);" class="act-btn active me-3 p-2 rounded fs-14" data-bs-toggle="tab" data-bs-target="#active-service"  role="tab" aria-controls="active-service"
                                    aria-selected="true" tabindex="-1" >Active Services</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0);" class="act-btn p-2 rounded fs-14" data-bs-toggle="tab" data-bs-target="#inactive-service" role="tab" aria-controls="inactive-service" aria-selected="false" tabindex="-1">
                                        Inactive Services
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="tab-content pt-0">
                            <div class="tab-pane active" id="active-service" role="tabpanel" aria-labelledby="active-service">
                                <div class="row justify-content-center align-items-center">
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-13.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Car Wash</span>
                                                        <span
                                                            class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray"><i
                                                                class="fa fa-star filled me-1"></i>4.9</span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Car Repair Service</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>New Jersey, USA
                                                        </p>
                                                        <h5>$20.00 <span class="fs-13 text-gray"><del>$25.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);"><i class="ti ti-edit me-2"></i>Edit</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#active"><i class="ti ti-info-circle me-2"></i>Inactive</a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-14.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Construction</span>
                                                        <span
                                                            class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray"><i
                                                                class="fa fa-star filled me-1"></i>4.9</span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Toughened Glass Fitting Services</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Chicago, USA</p>
                                                        <h5>$15.00 <span class="fs-13 text-gray"><del>$20.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);"><i class="ti ti-edit me-2"></i>Edit</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#active"><i class="ti ti-info-circle me-2 "></i>Inactive</a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-15.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Computer</span>
                                                        <span
                                                            class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray"><i
                                                                class="fa fa-star filled me-1"></i>4.9</span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Computer & Server AMC Service</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Los Angeles, USA
                                                        </p>
                                                        <h5>$15.00 <span class="fs-13 text-gray"><del>$20.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);"><i class="ti ti-edit me-2"></i>Edit</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#active"><i class="ti ti-info-circle me-2"></i>Inactive</a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light ">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-16.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Interior</span>
                                                        <span
                                                            class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray"><i
                                                                class="fa fa-star filled me-1"></i>4.9</span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Interior Designing</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Detroit, USA</p>
                                                        <h5>$25.00 <span class="fs-13 text-gray"><del>$30.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);"><i class="ti ti-edit me-2"></i>Edit</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#active"><i class="ti ti-info-circle me-2"></i>Inactive</a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-17.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Car Wash</span>
                                                        <span
                                                            class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray"><i
                                                                class="fa fa-star filled me-1"></i>4.9</span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Steam Car Wash</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>San Jose, USA
                                                        </p>
                                                        <h5>$15.00 <span class="fs-13 text-gray"><del>$25.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);"><i class="ti ti-edit me-2"></i>Edit</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#active"><i class="ti ti-info-circle me-2"></i>Inactive</a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-18.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Electrical</span>
                                                        <span
                                                            class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray"><i
                                                                class="fa fa-star filled me-1"></i>4.9</span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Electric Panel Repairing Service</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Texas, USA</p>
                                                        <h5>$10.00 <span class="fs-13 text-gray"><del>$15.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);"><i class="ti ti-edit me-2"></i>Edit</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#active"><i class="ti ti-info-circle me-2"></i>Inactive</a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-19.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Cleaning</span>
                                                        <span
                                                            class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray"><i
                                                                class="fa fa-star filled me-1"></i>4.9</span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">House Cleaning Services</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Denver, USA</p>
                                                        <h5>$15.00 <span class="fs-13 text-gray"><del>$20.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);"><i class="ti ti-edit me-2"></i>Edit</a>
                                                            <a href="javascript:void(0);"><i class="ti ti-info-circle me-2"></i>Inactive</a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-20.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Painting</span>
                                                        <span
                                                            class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray"><i
                                                                class="fa fa-star filled me-1"></i>4.9</span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Commercial Wall Painting</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Austin, USA</p>
                                                        <h5>$25.00 <span class="fs-13 text-gray"><del>$30.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);"><i class="ti ti-edit me-2"></i>Edit</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#active"><i class="ti ti-info-circle me-2"></i>Inactive</a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-22.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Construction</span>
                                                        <span
                                                            class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray"><i
                                                                class="fa fa-star filled me-1"></i>4.9</span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Building Construction Services</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Houston, USA</p>
                                                        <h5>$20.00 <span class="fs-13 text-gray"><del>$25.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);"><i class="ti ti-edit me-2"></i>Edit</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#active"><i class="ti ti-info-circle me-2"></i>Inactive</a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="inactive-service" role="tabpanel" aria-labelledby="inactive-service">
                                <div class="row justify-content-center align-items-center">
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-13.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Car Wash</span>
                                                        <span class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray">
                                                            <i class="fa fa-star filled me-1"></i>
                                                            4.9
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Car Repair Service</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>New Jersey, USA
                                                        </p>
                                                        <h5>$20.00 <span class="fs-13 text-gray"><del>$25.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#del-service"><i class="ti ti-trash me-2"></i>Delete</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#in-active"><i class="ti ti-info-circle me-2"></i>Active</a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-14.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Construction</span>
                                                        <span class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray">
                                                            <i class="fa fa-star filled me-1"></i>
                                                            4.9
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Toughened Glass Fitting Services</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Chicago, USA</p>
                                                        <h5>$15.00 <span class="fs-13 text-gray"><del>$20.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#del-service"><i class="ti ti-trash me-2"></i>Delete</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#in-active"><i class="ti ti-info-circle me-2"></i>Active</a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-15.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Computer</span>
                                                        <span class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray">
                                                            <i class="fa fa-star filled me-1"></i>
                                                            4.9
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Computer & Server AMC Service</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Los Angeles, USA
                                                        </p>
                                                        <h5>$15.00 <span class="fs-13 text-gray"><del>$20.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#del-service"><i class="ti ti-trash me-2"></i>Delete</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#in-active">
                                                                <i class="ti ti-info-circle me-2"></i>
                                                                Active
                                                            </a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light ">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-16.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Interior</span>
                                                        <span class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray">
                                                            <i class="fa fa-star filled me-1"></i>
                                                            4.9
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Interior Designing</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Detroit, USA</p>
                                                        <h5>$25.00 <span class="fs-13 text-gray"><del>$30.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#del-service"><i class="ti ti-trash me-2"></i>Delete</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#in-active">
                                                                <i class="ti ti-info-circle me-2"></i>
                                                                Active
                                                            </a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-17.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Car Wash</span>
                                                        <span class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray">
                                                            <i class="fa fa-star filled me-1"></i>
                                                            4.9
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Steam Car Wash</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>San Jose, USA
                                                        </p>
                                                        <h5>$15.00 <span class="fs-13 text-gray"><del>$25.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#del-service"><i class="ti ti-trash me-2"></i>Delete</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#in-active">
                                                                <i class="ti ti-info-circle me-2"></i>
                                                                Active
                                                            </a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-18.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Electrical</span>
                                                        <span class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray">
                                                            <i class="fa fa-star filled me-1"></i>
                                                            4.9
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Electric Panel Repairing Service</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Texas, USA</p>
                                                        <h5>$10.00 <span class="fs-13 text-gray"><del>$15.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#del-service"><i class="ti ti-trash me-2"></i>Delete</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#in-active">
                                                                <i class="ti ti-info-circle me-2"></i>
                                                                Active
                                                            </a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-19.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Cleaning</span>
                                                        <span class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray">
                                                            <i class="fa fa-star filled me-1"></i>
                                                            4.9
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">House Cleaning Services</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Denver, USA</p>
                                                        <h5>$15.00 <span class="fs-13 text-gray"><del>$20.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#del-service"><i class="ti ti-trash me-2"></i>Delete</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#in-active">
                                                                <i class="ti ti-info-circle me-2"></i>
                                                                Active
                                                            </a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                 <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-20.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Painting</span>
                                                        <span class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray">
                                                            <i class="fa fa-star filled me-1"></i>
                                                            4.9
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Commercial Wall Painting</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Austin, USA</p>
                                                        <h5>$25.00 <span class="fs-13 text-gray"><del>$30.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#del-service"><i class="ti ti-trash me-2"></i>Delete</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#in-active">
                                                                <i class="ti ti-info-circle me-2"></i>
                                                                Active
                                                            </a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-md-6">
                                        <div class="card p-0">
                                            <div class="card-body p-0">
                                                <div class="img-sec w-100">
                                                    <a href="service-details.html"><img src="assets/img/providers/provider-22.jpg"
                                                            class="img-fluid rounded-top w-100" alt="img"></a>
                                                    <div class="image-tag d-flex justify-content-end align-items-center">
                                                        <span class="trend-tag">Construction</span>
                                                        <span class="trend-tag-2  d-flex justify-content-center align-items-center rating text-gray">
                                                            <i class="fa fa-star filled me-1"></i>
                                                            4.9
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="p-3">
                                                    <h5 class="mb-2 text-truncate">
                                                        <a href="service-details.html">Building Construction Services</a>
                                                    </h5>
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <p class="fs-14 mb-0"><i class="ti ti-map-pin me-2"></i>Houston, USA</p>
                                                        <h5>$20.00 <span class="fs-13 text-gray"><del>$25.00/hr</del></span>
                                                        </h5>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div class="d-flex gap-3">
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#del-service"><i class="ti ti-trash me-2"></i>Delete</a>
                                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#in-active">
                                                                <i class="ti ti-info-circle me-2"></i>
                                                                Active
                                                            </a>
                                                        </div>
                                                        <a href="javascript:void(0);" class="btn bg-light">Apply Offer</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="value d-flex align-items-center">
                                <span>Show</span>
                                <select>
                                    <option>7</option>
                                </select>
                                <span>entries</span>
                            </div>
                            <div class="d-flex align-items-center justify-content-center">
                                <span class="me-2 text-gray-9">1 - 07 of 10</span>
                                <nav aria-label="Page navigation">
                                    <ul class="paginations d-flex justify-content-center align-items-center">
                                        <li class="page-item me-2"><a
                                                class="page-link-1 active d-flex justify-content-center align-items-center "
                                                href="javascript:void(0);">1</a></li>
                                        <li class="page-item me-2"><a
                                                class="page-link-1 d-flex justify-content-center align-items-center "
                                                href="javascript:void(0);">2</a></li>
                                        <li class="page-item "><a
                                                class="page-link-1 d-flex justify-content-center align-items-center "
                                                href="javascript:void(0);">3</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<div class="modal fade custom-modal" id="in-active">
            <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">Inactive Service</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>
                    <div class="modal-body">
                        <div class="write-review">
                            <form action="https://truelysell.dreamstechnologies.com/html/template/provider-services.html">
                                <p>Are you sure want to inactive this service?</p>
                                <div class="modal-submit text-end">
                                    <a href="javascript:void(0);" class="btn btn-light me-2" data-bs-dismiss="modal">Cancel</a>
                                    <button type="submit" class="btn btn-dark">Yes</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<div class="modal fade custom-modal" id="active">
            <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">Active Services</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>
                    <div class="modal-body">
                        <div class="write-review">
                            <form action="https://truelysell.dreamstechnologies.com/html/template/provider-services.html">
                                <p>Are you sure want to active this service?</p>
                                <div class="modal-submit text-end">
                                    <a href="javascript:void(0);" class="btn btn-light me-2" data-bs-dismiss="modal">Cancel</a>
                                    <button type="submit" class="btn btn-dark">Yes</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<div class="modal fade custom-modal" id="del-service">
            <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 Service</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>
                    <div class="modal-body">
                        <div class="write-review">
                            <form action="https://truelysell.dreamstechnologies.com/html/template/provider-services.html">
                                <p>Are you sure want to delete this service?</p>
                                <div class="modal-submit text-end">
                                    <a href="javascript:void(0);" class="btn btn-light me-2" data-bs-dismiss="modal">Cancel</a>
                                    <button type="submit" class="btn btn-dark">Yes</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<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="#">
                    <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>

</div>

<script src="assets/js/jquery-3.7.1.min.js" type="82e76a8272986031a8c4102e-text/javascript"></script>

<script src="assets/js/jquery.slimscroll.min.js" type="82e76a8272986031a8c4102e-text/javascript"></script>

<script src="assets/js/bootstrap.bundle.min.js" type="82e76a8272986031a8c4102e-text/javascript"></script>

<script src="assets/js/wow.min.js" type="82e76a8272986031a8c4102e-text/javascript"></script>

<script src="assets/plugins/select2/js/select2.min.js" type="82e76a8272986031a8c4102e-text/javascript"></script>

<script src="assets/plugins/owlcarousel/owl.carousel.min.js" type="82e76a8272986031a8c4102e-text/javascript"></script>

<script src="assets/js/cursor.js" type="82e76a8272986031a8c4102e-text/javascript"></script>

<script src="assets/plugins/apexchart/apexcharts.min.js" type="82e76a8272986031a8c4102e-text/javascript"></script>
    <script src="assets/plugins/apexchart/chart-data.js" type="82e76a8272986031a8c4102e-text/javascript"></script>

<script src="assets/plugins/bootstrap-tagsinput/js/bootstrap-tagsinput.js" type="82e76a8272986031a8c4102e-text/javascript"></script>

<script src="assets/plugins/simple-calendar/jquery.simple-calendar.min.js" type="82e76a8272986031a8c4102e-text/javascript"></script>
    <script src="assets/js/calender.js" type="82e76a8272986031a8c4102e-text/javascript"></script>

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

</html>

Back to Directory File Manager