Files
gsf/resources/views/Admin/Pages/manage_subscription/manage_subscription.blade.php
vedant-chavan 20f55281ef save to codehub
2024-08-09 17:11:41 +05:30

1681 lines
140 KiB
PHP
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@extends('Admin.layouts.master')
@section('content')
@php
$currentPage = 'manage_subcription';
@endphp
<!--begin::Wrapper-->
<!--<div class="app-wrapper flex-column flex-row-fluid " id="kt_app_wrapper">-->
<!--begin::Main-->
<!--<div class="app-main flex-column flex-row-fluid" id="kt_app_main">-->
<!--begin::Content wrapper-->
<!--<div class="d-flex flex-column flex-column-fluid subscription-page">-->
<!--begin::Toolbar-->
<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
<!--begin::Toolbar container-->
<div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
<!--begin::Page title-->
<!--begin::Title-->
<div class="sub-header">
<h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
Manage Subscriptions</h1>
<div class="date-box">
<input type="date" id="start" name="trip-start" value="" max="">
<a href="{{ route('manage_archive_list') }}"><i class="fa fa-archive" aria-hidden="true"></i></a>
</div>
</div>
</div>
<!--end::Toolbar container-->
</div>
<!--begin::Content-->
<div class="users-profile app-container container-xxl">
<ul id="myTabs" class="nav nav-pills nav-justified" role="tablist" data-tabs="tabs">
<li class="active"><a href="#Active" data-toggle="tab" class="active">Active</a></li>
<li><a href="#Expired" data-toggle="tab">Expired</a></li>
<li><a href="#Cancelled" data-toggle="tab">Cancelled</a></li>
<li><a href="#Deleted" data-toggle="tab">Deleted</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active show" id="Active">
<div id="kt_app_content" class="app-content flex-column-fluid">
<div id="kt_app_content_container">
<div class="card mb-5 mb-xl-8">
<div class="card-body py-3">
<div class="table-responsive">
<table id="subscription-one"
class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3">
<thead>
<tr class="fw-bold text-muted">
<th class="w-50px min-w-50px ">Sr. No.</th>
<th class="w-75px min-w-75px ">Name</th>
<th class="w-100px min-w-75px ">Email</th>
<th class="w-100px min-w-100px ">Phone</th>
<th class="w-100px min-w-100px ">Plan</th>
<th class="w-100px min-w-100px ">Next Renewal Date</th>
<th class="w-100px min-w-100px ">Payment</th>
<th class="w-150px min-w-150px text-center ">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td class="fs-6 ">1
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="{{ route('manage_archive_list') }}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">2
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">3
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">4
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">5
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">6
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">7
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">8
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="Expired">
<div id="kt_app_content" class="app-content flex-column-fluid">
<div id="kt_app_content_container">
<div class="card mb-5 mb-xl-8">
<div class="card-body py-3">
<div class="table-responsive">
<table id="subscription-two"
class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3">
<thead>
<tr class="fw-bold text-muted">
<th class="w-50px min-w-50px">Sr. No.</th>
<th class=" w-75px min-w-75px ">Name</th>
<th class="w-100px min-w-100px ">Email</th>
<th class="w-100px min-w-100px ">Phone</th>
<th class="w-100px min-w-100px ">Plan</th>
<th class="w-100px min-w-100px ">Last Payment Date</th>
<th class="w-100px min-w-100px ">Payment</th>
<th class="w-150px min-w-150px text-center">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td class="fs-6 ">1
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="{{ route('manage_archive_list') }}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">2
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_new"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">3
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">4
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">5
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">6
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">7
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">8
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="Cancelled">
<div id="kt_app_content" class="app-content flex-column-fluid">
<div id="kt_app_content_container">
<div class="card mb-5 mb-xl-8">
<div class="card-body py-3">
<div class="table-responsive">
<table id="subscription-three"
class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3 tableview">
<thead>
<tr class="fw-bold text-muted">
<th class="w-50px min-w-50px ">Sr. No.</th>
<th class="w-50px min-w-50px ">Name</th>
<th class="w-75px min-w-75px ">Email</th>
<th class="w-75px min-w-75px ">Phone</th>
<th class="w-75px min-w-75px ">Plan</th>
<th class="w-75px min-w-75px ">Cancellation Date</th>
<th class="w-75px min-w-75px ">Cancellation Reason</th>
<th class="w-75px min-w-75px ">Payment</th>
<th class="w-150px min-w-150px text-center">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td class="fs-6 ">1
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="{{ route('manage_archive_list') }}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">2
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">3
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">4
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">5
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">6
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">7
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">8
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class=" fs-6 "><i class="fa fa-inr" aria-hidden="true"></i> 1000
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-red btn-sm">
<span class="svg-icon svg-icon-3">
<svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
fill="currentColor" />
<path opacity="0.5"
d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
fill="currentColor" />
<path opacity="0.5"
d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
fill="currentColor" />
</svg>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="Deleted">
<div id="kt_app_content" class="app-content flex-column-fluid">
<div id="kt_app_content_container">
<div class="card mb-5 mb-xl-8">
<div class="card-body py-3">
<div class="table-responsive">
<table id="subscription-four"
class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3 tableview">
<thead>
<tr class="fw-bold text-muted">
<th class="w-50px min-w-50px">Sr. No.</th>
<th class="w-75px min-w-75px ">Name</th>
<th class="w-75px min-w-75px ">Email</th>
<th class="w-100px min-w-100px ">Phone</th>
<th class="w-100px min-w-75px ">Plan</th>
<th class="w-75px min-w-75px ">Deleted Date</th>
<th class="w-75px min-w-75px ">Deleted By</th>
<th class="w-100px min-w-100px ">Deleted Reason</th>
<th class="w-100px min-w-100px ">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td class="fs-6 ">1
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 ">Admin
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class="">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="{{ route('manage_archive_list') }}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">2
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 ">Sub Admin
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class="">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">3
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 ">Admin
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class="">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">4
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 ">Sub Admin
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class="">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">5
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 ">Admin
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class="">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">6
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 ">Sub Admin
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class="">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">7
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 ">Admin
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class="">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">8
</td>
<td class="fs-6 ">Priyanka
</td>
<td class="fs-6 ">Priyanka@gmail.com
</td>
<td class=" fs-6 ">9920185020
</td>
<td class="fs-6 ">Beginners 3Months
</td>
<td class="fs-6 ">22-08-2022
</td>
<td class=" fs-6 ">Sub Admin
</td>
<td class="fs-6 "><span class="view-modal">
<a href="" data-toggle="modal" data-target="#delete_new">View</a>
</span>
</td>
<td class="">
<a href="#" data-toggle="modal" data-target="#reply_popup" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</span>
</a>
<a href="manage-archive-list.php" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 ml-1">
<span class="svg-icon svg-icon-3">
<i class="fa fa-cog" aria-hidden="true"></i>
</span>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end::Content-->
<!--</div>-->
<!--end::Content wrapper-->
<!--</div>-->
<!--end:::Main-->
<!--</div>-->
<div class="modal fade" id="delete_new" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content email-mod">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<h2>Reason For Deletion</h2>
<p>Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin word</p>
<div class="save-btn box-btn">
<button type="button" class="btn btn-primary">Save</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="reply_popup" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content email-mod">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Reply to : Priyanka@gmail.com</p>
<div class="noti-form">
<form action="">
<textarea placeholder=""></textarea>
</form>
</div>
<div class="modal-footer">
<a href=""><button type="button" class="btn btn-primary">Send</button></a>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="delete_opt" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content Delete_pop">
<div class="modal-body">
<svg style="color: red;margin-bottom: 20px;" xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" fill="red"></path> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" fill="red"></path> </svg>
<h2>Are you sure?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</p>
<div class="modal-footer logout_footer">
<button class="log-close" type="button" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">Cancel</span>
</button>
<a href=""><button type="button" class="btn btn-primary">Delete</button></a>
</div>
</div>
</div>
</div>
</div>
@endsection