Files
freeu-project/resources/views/Admin/Pages/reports.blade.php

3613 lines
310 KiB
PHP
Raw Normal View History

@extends('Admin.layouts.master')
@section('content')
<!--begin::Wrapper-->
<!--<div class="app-wrapper flex-column flex-row-fluid manage-advisory report-page" 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">
<!--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-->
<div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
<!--begin::Title-->
<h1
class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
Manage Reports</h1>
</div>
<div class="d-flex align-items-center gap-2 gap-lg-3">
<!--begin::Filter menu-->
<div class="m-0">
<!--begin::Menu toggle-->
<a href="#"
class="btn btn-sm btn-flex bg-body btn-color-gray-700 btn-active-color-primary fw-bold"
data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
<!--begin::Svg Icon | path: icons/duotune/general/gen031.svg-->
<span class="svg-icon svg-icon-6 svg-icon-muted me-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M19.0759 3H4.72777C3.95892 3 3.47768 3.83148 3.86067 4.49814L8.56967 12.6949C9.17923 13.7559 9.5 14.9582 9.5 16.1819V19.5072C9.5 20.2189 10.2223 20.7028 10.8805 20.432L13.8805 19.1977C14.2553 19.0435 14.5 18.6783 14.5 18.273V13.8372C14.5 12.8089 14.8171 11.8056 15.408 10.964L19.8943 4.57465C20.3596 3.912 19.8856 3 19.0759 3Z"
fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->Filter
</a>
<!--end::Menu toggle-->
<!--begin::Menu 1-->
<div class="menu menu-sub menu-sub-dropdown w-250px w-md-300px"
data-kt-menu="true" id="kt_menu_62cfa3a253c5c">
<!--begin::Header-->
<div class="px-7 py-5">
<div class="fs-5 text-dark fw-bold">Filter Options</div>
</div>
<!--end::Header-->
<!--begin::Menu separator-->
<div class="separator border-gray-200"></div>
<!--end::Menu separator-->
<!--begin::Form-->
<div class="px-7 py-5">
<!--begin::Input group-->
<div class="mb-10">
<!--begin::Label-->
<label class="form-label fw-semibold">Status:</label>
<!--end::Label-->
<!--begin::Input-->
<div>
<select class="form-select form-select-solid"
data-kt-select2="true" data-placeholder="Select option"
data-dropdown-parent="#kt_menu_62cfa3a253c5c"
data-allow-clear="true">
<option></option>
<option value="1">Approved</option>
<option value="2">Pending</option>
<option value="2">In Process</option>
<option value="2">Rejected</option>
</select>
</div>
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Actions-->
<div class="d-flex justify-content-end">
<button type="reset"
class="btn btn-sm btn-light btn-active-light-primary me-2"
data-kt-menu-dismiss="true">Reset</button>
<button type="submit" class="btn btn-sm btn-primary"
data-kt-menu-dismiss="true">Apply</button>
</div>
<!--end::Actions-->
</div>
<!--end::Form-->
</div>
<!--end::Menu 1-->
</div>
<!--end::Filter menu-->
<!--begin::Secondary button-->
<!--end::Secondary button-->
<!--begin::Primary button-->
<a href="#" class="btn btn-sm fw-bold btn-primary">Export</a>
<!--end::Primary button-->
</div>
<!--end::Actions-->
</div>
<!--end::Toolbar container-->
</div>
<!--end::Toolbar-->
<!--begin::Content-->
<div id="kt_app_content" class="app-content flex-column-fluid">
<!--begin::Content container-->
<div id="kt_app_content_container" class="app-container container-xxl">
<form action="#">
<!--begin::Card-->
<div class="card mb-7">
<!--begin::Card body-->
<div class="card-body">
<!--begin::Compact form-->
<div class="d-flex align-items-center">
<!--begin::Input group-->
<div class="position-relative w-md-400px me-md-2 ">
<!--begin::Svg Icon | path: icons/duotune/general/gen021.svg-->
<span
class="svg-icon svg-icon-3 svg-icon-gray-500 position-absolute top-50 translate-middle ms-6">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546"
height="2" rx="1" transform="rotate(45 17.0365 15.1223)"
fill="currentColor"></rect>
<path
d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z"
fill="currentColor"></path>
</svg>
</span>
<!--end::Svg Icon-->
<input type="text" class="form-control form-control-solid ps-10 h-40px"
name="search" value="" placeholder="Search">
</div>
<!--end::Input group-->
<!--begin:Action-->
<div class="d-flex align-items-center">
<button type="submit" class="btn btn-primary me-5">Search</button>
</div>
<!--end:Action-->
</div>
<!--end::Compact form-->
</div>
<!--end::Card body-->
</div>
<!--end::Card-->
</form>
<div class="advi-tab">
<ul id="myTabs" class="nav nav-pills nav-justified" role="tablist" data-tabs="tabs">
<li class="active"><a href="#report-tab-one" data-toggle="tab" class="active">Consolidated Reports</a></li>
<li><a href="#report-tab-two" data-toggle="tab">Top Investor Reports</a></li>
<li><a href="#report-tab-three" data-toggle="tab">Investment Report</a></li>
<li><a href="#report-tab-four" data-toggle="tab">Advisory Report</a></li>
<li><a href="#report-tab-five" data-toggle="tab">Lead Report</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active show" id="report-tab-one">
<div class="row">
<div class="col-md-7">
<!--begin::Charts Widget 4-->
<div class="card card-xl-stretch mb-5 mb-xl-8">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bold fs-3 mb-1">Consolidated Reports</span>
<!-- <span class="text-muted fw-semibold fs-7">More than 500 new customers</span>-->
</h3>
<!--begin::Toolbar-->
<div class="card-toolbar" data-kt-buttons="true">
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary active px-4 me-1" id="kt_charts_widget_4_year_btn">Year</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1" id="kt_charts_widget_4_month_btn">Month</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4" id="kt_charts_widget_4_week_btn">Week</a>
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body">
<!--begin::Chart-->
<div id="kt_charts_widget_4_chart" style="height: 350px"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
<!--end::Charts Widget 4-->
</div>
<div class="col-md-5">
<div class="card card-flush h-md-100 left-bar-graph Consolidated">
<h2>Break Out</h2>
<!--begin::Header-->
<figure class="pie-chart"></figure>
<div class="stocks">
<table>
<tr>
<td>stock</td>
<td>120.00</td>
</tr>
<tr>
<td>Mutual Fund</td>
<td>90.00</td>
</tr>
<tr>
<td>Tax Planning</td>
<td>120.00</td>
</tr>
</table>
</div>
<!--end::Body-->
</div>
</div>
</div>
<div class="card mb-5 mb-xl-8">
<!--begin::Body-->
<div class="card-body py-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table
class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3">
<!--begin::Table head-->
<thead>
<tr class="fw-bold ">
<th class="w-25px">
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox"
value="1" data-kt-check="true"
data-kt-check-target=".widget-13-check" />
</div>
</th>
<th class="min-w-75px">Sr. No.</th>
<th class="min-w-120px">User Name</th>
<th class="min-w-100px">Order Id</th>
<th class="min-w-150px">Document Type</th>
<th class="min-w-200px">Date</th>
<th class="min-w-100px ">Status</th>
<th class="min-w-175px text-center">Action</th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--begin::Body-->
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="report-tab-two">
<div class="row">
<div class="col-md-7">
<div class="card card-xl-stretch mb-5 mb-xl-8">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bold fs-3 mb-1">Top Investor Reports</span>
<!-- <span class="text-muted fw-semibold fs-7">More than 1000 new records</span>-->
</h3>
<!--begin::Toolbar-->
<div class="card-toolbar" data-kt-buttons="true">
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1" id="kt_charts_widget_3_year_btn">All</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary active px-4 me-1" id="kt_charts_widget_3_month_btn">Stocks</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4" id="kt_charts_widget_3_week_btn">Mutual Fund</a>
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body">
<!--begin::Chart-->
<div id="kt_charts_widget_3_chart" style="height: 350px"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
</div>
<div class="col-md-5">
<div class="card card-flush h-md-100 left-bar-graph">
<!--begin::Header-->
<div class="card-header pt-5 mb-6">
<!--begin::Title-->
<h3 class="card-title align-items-start flex-column">
<!--begin::Statistics-->
<div class="d-flex align-items-center mb-2">
<!--begin::Currency-->
<span class="fs-3 fw-semibold text-gray-400 align-self-start me-1">$</span>
<!--end::Currency-->
<!--begin::Value-->
<span class="fs-2hx fw-bold text-gray-800 me-2 lh-1 ls-n2">3,274.94</span>
<!--end::Value-->
<!--begin::Label-->
<span class="badge badge-light-success fs-base">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
<span class="svg-icon svg-icon-5 svg-icon-success ms-n1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor" />
<path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->9.2%</span>
<!--end::Label-->
</div>
</h3>
<!--end::Title-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-0 px-0">
<!--end::Nav-->
<!--begin::Tab Content-->
<div class="tab-content mt-n6">
<!--begin::Tap pane-->
<div class="tab-pane fade active show" id="kt_charts_widget_35_tab_content_1">
<!--begin::Chart-->
<div id="kt_charts_widget_35_chart_1" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive ">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-danger">-139.34</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:10 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$3,207.03</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">+576.24</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:55 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$3,274.94</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">+124.03</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_2">
<!--begin::Chart-->
<div id="kt_charts_widget_35_chart_2" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,345.45</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">+134.02</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">11:35 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">-124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$1,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-danger">+144.04</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_3">
<!--begin::Chart-->
<div id="kt_charts_widget_35_chart_3" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:20 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$3,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">+185.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">12:30 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-danger">+124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">-154.03</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_4">
<!--begin::Chart-->
<div id="kt_charts_widget_35_chart_4" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-warning">+124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">5:30 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$1,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-info">+144.65</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,085.25</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">+154.06</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_5">
<!--begin::Chart-->
<div id="kt_charts_widget_35_chart_5" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,045.04</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-warning">+114.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:30 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">-124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">10:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$1.756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-info">+165.86</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
</div>
<!--end::Tab Content-->
</div>
<!--end::Body-->
</div>
</div>
</div>
<div class="card mb-5 mb-xl-8">
<!--begin::Body-->
<div class="card-body py-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table
class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3">
<!--begin::Table head-->
<thead>
<tr class="fw-bold">
<th class="w-25px">
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox"
value="1" data-kt-check="true"
data-kt-check-target=".widget-13-check" />
</div>
</th>
<th class="min-w-75px">Sr. No.</th>
<th class="min-w-120px">User Name</th>
<th class="min-w-100px">Order Id</th>
<th class="min-w-150px">Document Type</th>
<th class="min-w-200px">Date</th>
<th class="min-w-100px ">Status</th>
<th class="min-w-175px text-center">Action</th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--begin::Body-->
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="report-tab-three">
<div class="row">
<div class="col-md-7">
<div class="card card-xl-stretch mb-5 mb-xl-8">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<!--begin::Title-->
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bold fs-3 mb-1">Investment Report</span>
<!-- <span class="text-muted fw-semibold fs-7">More than 400 new members</span>-->
</h3>
<!--end::Title-->
<!--begin::Toolbar-->
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body">
<!--begin::Chart-->
<div id="kt_charts_widget_1_chart" style="height: 350px"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
</div>
<div class="col-md-5">
<div class="card card-flush h-md-100 left-bar-graph">
<!--begin::Header-->
<div class="card-header pt-5 mb-6">
<!--begin::Title-->
<h3 class="card-title align-items-start flex-column">
<!--begin::Statistics-->
<div class="d-flex align-items-center mb-2">
<!--begin::Currency-->
<span class="fs-3 fw-semibold text-gray-400 align-self-start me-1">$</span>
<!--end::Currency-->
<!--begin::Value-->
<span class="fs-2hx fw-bold text-gray-800 me-2 lh-1 ls-n2">3,274.94</span>
<!--end::Value-->
<!--begin::Label-->
<span class="badge badge-light-success fs-base">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
<span class="svg-icon svg-icon-5 svg-icon-success ms-n1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor" />
<path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->9.2%</span>
<!--end::Label-->
</div>
</h3>
<!--end::Title-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-0 px-0">
<!--end::Nav-->
<!--begin::Tab Content-->
<div class="tab-content mt-n6">
<!--begin::Tap pane-->
<div class="tab-pane fade active show" id="kt_charts_widget_35_tab_content_1">
<!--begin::Chart-->
<div id="kt_charts_widget_50_chart_1" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive ">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-danger">-139.34</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:10 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$3,207.03</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">+576.24</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:55 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$3,274.94</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">+124.03</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_2">
<!--begin::Chart-->
<div id="kt_charts_widget_35_chart_2" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,345.45</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">+134.02</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">11:35 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">-124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$1,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-danger">+144.04</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_3">
<!--begin::Chart-->
<div id="kt_charts_widget_35_chart_3" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:20 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$3,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">+185.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">12:30 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-danger">+124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">-154.03</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_4">
<!--begin::Chart-->
<div id="kt_charts_widget_35_chart_4" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-warning">+124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">5:30 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$1,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-info">+144.65</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,085.25</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">+154.06</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_5">
<!--begin::Chart-->
<div id="kt_charts_widget_35_chart_5" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,045.04</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-warning">+114.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:30 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">-124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">10:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$1.756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-info">+165.86</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
</div>
<!--end::Tab Content-->
</div>
<!--end::Body-->
</div>
</div>
</div>
<div class="card mb-5 mb-xl-8">
<!--begin::Body-->
<div class="card-body py-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table
class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3">
<!--begin::Table head-->
<thead>
<tr class="fw-bold">
<th class="w-25px">
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox"
value="1" data-kt-check="true"
data-kt-check-target=".widget-13-check" />
</div>
</th>
<th class="min-w-75px">Sr. No.</th>
<th class="min-w-120px">User Name</th>
<th class="min-w-100px">Order Id</th>
<th class="min-w-150px">Document Type</th>
<th class="min-w-200px">Date</th>
<th class="min-w-100px ">Status</th>
<th class="min-w-175px text-center">Action</th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--begin::Body-->
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="report-tab-four">
<div class="row">
<div class="col-md-7">
<div class="card card-xl-stretch mb-5 mb-xl-8 advisory-four">
<!--begin::Header-->
<div class="card-header pt-5">
<!--begin::Title-->
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bold text-dark">Advisory Report</span>
<!-- <span class="text-gray-400 mt-1 fw-semibold fs-6">1,046 Inbound Calls today</span>-->
</h3>
<!--end::Title-->
<!--begin::Toolbar-->
<div class="card-toolbar">
<!--begin::Daterangepicker(defined in src/js/layout/app.js)-->
<div data-kt-daterangepicker="true" data-kt-daterangepicker-opens="left" data-kt-daterangepicker-range="today" class="btn btn-sm btn-light d-flex align-items-center px-4">
<!--begin::Display range-->
<div class="text-gray-600 fw-bold">Loading date range...</div>
<!--end::Display range-->
<!--begin::Svg Icon | path: icons/duotune/general/gen014.svg-->
<span class="svg-icon svg-icon-1 ms-2 me-0">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M21 22H3C2.4 22 2 21.6 2 21V5C2 4.4 2.4 4 3 4H21C21.6 4 22 4.4 22 5V21C22 21.6 21.6 22 21 22Z" fill="currentColor" />
<path d="M6 6C5.4 6 5 5.6 5 5V3C5 2.4 5.4 2 6 2C6.6 2 7 2.4 7 3V5C7 5.6 6.6 6 6 6ZM11 5V3C11 2.4 10.6 2 10 2C9.4 2 9 2.4 9 3V5C9 5.6 9.4 6 10 6C10.6 6 11 5.6 11 5ZM15 5V3C15 2.4 14.6 2 14 2C13.4 2 13 2.4 13 3V5C13 5.6 13.4 6 14 6C14.6 6 15 5.6 15 5ZM19 5V3C19 2.4 18.6 2 18 2C17.4 2 17 2.4 17 3V5C17 5.6 17.4 6 18 6C18.6 6 19 5.6 19 5Z" fill="currentColor" />
<path d="M8.8 13.1C9.2 13.1 9.5 13 9.7 12.8C9.9 12.6 10.1 12.3 10.1 11.9C10.1 11.6 10 11.3 9.8 11.1C9.6 10.9 9.3 10.8 9 10.8C8.8 10.8 8.59999 10.8 8.39999 10.9C8.19999 11 8.1 11.1 8 11.2C7.9 11.3 7.8 11.4 7.7 11.6C7.6 11.8 7.5 11.9 7.5 12.1C7.5 12.2 7.4 12.2 7.3 12.3C7.2 12.4 7.09999 12.4 6.89999 12.4C6.69999 12.4 6.6 12.3 6.5 12.2C6.4 12.1 6.3 11.9 6.3 11.7C6.3 11.5 6.4 11.3 6.5 11.1C6.6 10.9 6.8 10.7 7 10.5C7.2 10.3 7.49999 10.1 7.89999 10C8.29999 9.90003 8.60001 9.80003 9.10001 9.80003C9.50001 9.80003 9.80001 9.90003 10.1 10C10.4 10.1 10.7 10.3 10.9 10.4C11.1 10.5 11.3 10.8 11.4 11.1C11.5 11.4 11.6 11.6 11.6 11.9C11.6 12.3 11.5 12.6 11.3 12.9C11.1 13.2 10.9 13.5 10.6 13.7C10.9 13.9 11.2 14.1 11.4 14.3C11.6 14.5 11.8 14.7 11.9 15C12 15.3 12.1 15.5 12.1 15.8C12.1 16.2 12 16.5 11.9 16.8C11.8 17.1 11.5 17.4 11.3 17.7C11.1 18 10.7 18.2 10.3 18.3C9.9 18.4 9.5 18.5 9 18.5C8.5 18.5 8.1 18.4 7.7 18.2C7.3 18 7 17.8 6.8 17.6C6.6 17.4 6.4 17.1 6.3 16.8C6.2 16.5 6.10001 16.3 6.10001 16.1C6.10001 15.9 6.2 15.7 6.3 15.6C6.4 15.5 6.6 15.4 6.8 15.4C6.9 15.4 7.00001 15.4 7.10001 15.5C7.20001 15.6 7.3 15.6 7.3 15.7C7.5 16.2 7.7 16.6 8 16.9C8.3 17.2 8.6 17.3 9 17.3C9.2 17.3 9.5 17.2 9.7 17.1C9.9 17 10.1 16.8 10.3 16.6C10.5 16.4 10.5 16.1 10.5 15.8C10.5 15.3 10.4 15 10.1 14.7C9.80001 14.4 9.50001 14.3 9.10001 14.3C9.00001 14.3 8.9 14.3 8.7 14.3C8.5 14.3 8.39999 14.3 8.39999 14.3C8.19999 14.3 7.99999 14.2 7.89999 14.1C7.79999 14 7.7 13.8 7.7 13.7C7.7 13.5 7.79999 13.4 7.89999 13.2C7.99999 13 8.2 13 8.5 13H8.8V13.1ZM15.3 17.5V12.2C14.3 13 13.6 13.3 13.3 13.3C13.1 13.3 13 13.2 12.9 13.1C12.8 13 12.7 12.8 12.7 12.6C12.7 12.4 12.8 12.3 12.9 12.2C13 12.1 13.2 12 13.6 11.8C14.1 11.6 14.5 11.3 14.7 11.1C14.9 10.9 15.2 10.6 15.5 10.3C15.8 10 15.9 9.80003 15.9 9.70003C15.9 9.60003 16.1 9.60004 16.3 9.60004C16.5 9.60004 16.7 9.70003 16.8 9.80003C16.9 9.90003 17 10.2 17 10.5V17.2C17 18 16.7 18.4 16.2 18.4C16 18.4 15.8 18.3 15.6 18.2C15.4 18.1 15.3 17.8 15.3 17.5Z" fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Daterangepicker-->
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Card body-->
<div class="card-body d-flex align-items-end p-0">
<!--begin::Chart-->
<div id="kt_charts_widget_0107" class="min-h-auto w-100 ps-4 pe-6" style="height: 300px"></div>
<!--end::Chart-->
</div>
<!--end::Card body-->
</div>
</div>
<div class="col-md-5">
<div class="card card-flush h-md-100 left-bar-graph">
<!--begin::Header-->
<div class="card-header pt-5 mb-0">
<!--begin::Title-->
<h3 class="card-title align-items-start flex-column">
<!--begin::Statistics-->
<div class="d-flex align-items-center mb-2">
<!--begin::Currency-->
<span class="fs-3 fw-semibold text-gray-400 align-self-start me-1">$</span>
<!--end::Currency-->
<!--begin::Value-->
<span class="fs-2hx fw-bold text-gray-800 me-2 lh-1 ls-n2">3,274.94</span>
<!--end::Value-->
<!--begin::Label-->
<span class="badge badge-light-success fs-base">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
<span class="svg-icon svg-icon-5 svg-icon-success ms-n1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor" />
<path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->9.2%</span>
<!--end::Label-->
</div>
</h3>
<!--end::Title-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-0 px-0">
<!--end::Nav-->
<!--begin::Tab Content-->
<div class="tab-content mt-n6">
<!--begin::Tap pane-->
<div class="tab-pane fade active show" id="kt_charts_widget_35_tab_content_1">
<!--begin::Chart-->
<!--<div id="kt_charts_widget_35_chart_1" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>-->
<div id="kt_charts_widget_55_chart_1" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive ">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-danger">-139.34</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:10 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$3,207.03</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">+576.24</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:55 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$3,274.94</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">+124.03</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_2">
<!--begin::Chart-->
<div id="kt_charts_widget_55_chart_2" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,345.45</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">+134.02</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">11:35 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">-124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$1,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-danger">+144.04</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_3">
<!--begin::Chart-->
<div id="kt_charts_widget_55_chart_3" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:20 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$3,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">+185.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">12:30 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-danger">+124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">-154.03</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_4">
<!--begin::Chart-->
<div id="kt_charts_widget_55_chart_4" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-warning">+124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">5:30 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$1,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-info">+144.65</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,085.25</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">+154.06</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_5">
<!--begin::Chart-->
<div id="kt_charts_widget_55_chart_5" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,045.04</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-warning">+114.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:30 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">-124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">10:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$1.756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-info">+165.86</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
</div>
<!--end::Tab Content-->
</div>
<!--end::Body-->
</div>
</div>
</div>
<!--begin::Body-->
<div class="card mb-5 mb-xl-8">
<!--begin::Body-->
<div class="card-body py-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table
class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3">
<!--begin::Table head-->
<thead>
<tr class="fw-bold">
<th class="w-25px">
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox"
value="1" data-kt-check="true"
data-kt-check-target=".widget-13-check" />
</div>
</th>
<th class="min-w-75px">Sr. No.</th>
<th class="min-w-120px">User Name</th>
<th class="min-w-100px">Order Id</th>
<th class="min-w-150px">Document Type</th>
<th class="min-w-200px">Date</th>
<th class="min-w-100px ">Status</th>
<th class="min-w-175px text-center">Action</th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--begin::Body-->
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="report-tab-five">
<div class="row">
<div class="col-md-7">
<div class="card card-xl-stretch mb-5 mb-xl-8">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bold fs-3 mb-1">Lead Report</span>
<!-- <span class="text-muted fw-semibold fs-7">More than 1000 new records</span>-->
</h3>
<!--begin::Toolbar-->
<div class="card-toolbar" data-kt-buttons="true">
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary active px-4 me-1" id="kt_charts_widget_3_year_btn">Year</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1" id="kt_charts_widget_3_month_btn">Month</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4" id="kt_charts_widget_3_week_btn">Week</a>
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body">
<!--begin::Chart-->
<div id="kt_charts_widget_52_chart" style="height: 350px"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
</div>
<div class="col-md-5">
<div class="card card-flush h-md-100 left-bar-graph">
<!--begin::Header-->
<div class="card-header pt-5 mb-6">
<!--begin::Title-->
<h3 class="card-title align-items-start flex-column">
<!--begin::Statistics-->
<div class="d-flex align-items-center mb-2">
<!--begin::Currency-->
<span class="fs-3 fw-semibold text-gray-400 align-self-start me-1">$</span>
<!--end::Currency-->
<!--begin::Value-->
<span class="fs-2hx fw-bold text-gray-800 me-2 lh-1 ls-n2">3,274.94</span>
<!--end::Value-->
<!--begin::Label-->
<span class="badge badge-light-success fs-base">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
<span class="svg-icon svg-icon-5 svg-icon-success ms-n1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor" />
<path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->9.2%</span>
<!--end::Label-->
</div>
</h3>
<!--end::Title-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-0 px-0">
<!--end::Nav-->
<!--begin::Tab Content-->
<div class="tab-content mt-n6">
<!--begin::Tap pane-->
<div class="tab-pane fade active show" id="kt_charts_widget_35_tab_content_1">
<!--begin::Chart-->
<!--<div id="kt_charts_widget_35_chart_1" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>-->
<div id="kt_charts_widget_60_chart_1" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive ">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-danger">-139.34</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:10 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$3,207.03</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">+576.24</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:55 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$3,274.94</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">+124.03</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_2">
<!--begin::Chart-->
<div id="kt_charts_widget_35_chart_2" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,345.45</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">+134.02</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">11:35 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">-124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$1,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-danger">+144.04</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_3">
<!--begin::Chart-->
<div id="kt_charts_widget_35_chart_3" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:20 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$3,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">+185.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">12:30 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-danger">+124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-success">-154.03</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_4">
<!--begin::Chart-->
<div id="kt_charts_widget_35_chart_4" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-warning">+124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">5:30 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$1,756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-info">+144.65</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,085.25</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">+154.06</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_5">
<!--begin::Chart-->
<div id="kt_charts_widget_35_chart_5" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
<!--end::Chart-->
<!--begin::Table container-->
<div class="table-responsive mx-9 mt-n6">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr>
<th class="min-w-100px"></th>
<th class="min-w-100px text-end pe-0"></th>
<th class="text-end min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$2,045.04</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-warning">+114.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">3:30 AM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-primary">-124.03</span>
</td>
</tr>
<tr>
<td>
<a href="#" class="text-gray-600 fw-bold fs-6">10:30 PM</a>
</td>
<td class="pe-0 text-end">
<span class="text-gray-800 fw-bold fs-6 me-1">$1.756.26</span>
</td>
<td class="pe-0 text-end">
<span class="fw-bold fs-6 text-info">+165.86</span>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Tap pane-->
</div>
<!--end::Tab Content-->
</div>
<!--end::Body-->
</div>
</div>
</div>
<div class="card mb-5 mb-xl-8">
<!--begin::Body-->
<div class="card-body py-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table
class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3">
<!--begin::Table head-->
<thead>
<tr class="fw-bold">
<th class="w-25px">
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox"
value="1" data-kt-check="true"
data-kt-check-target=".widget-13-check" />
</div>
</th>
<th class="min-w-75px">Sr. No.</th>
<th class="min-w-120px">User Name</th>
<th class="min-w-100px">Order Id</th>
<th class="min-w-150px">Document Type</th>
<th class="min-w-200px">Date</th>
<th class="min-w-100px ">Status</th>
<th class="min-w-175px text-center">Action</th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
<tr>
<td>
<div
class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check"
type="checkbox" value="1" />
</div>
</td>
<td class="fs-6 text-dark">
1</td>
<td class="fs-6 text-dark">
Aditya Gupta
</td>
<td class="fs-6 text-dark">
Pi345679
</td>
<td class="fs-6 text-dark">
Lorem Ipsum
</td>
<td class="fs-6 text-dark">
June 1, 2020, 08:22 AM
</td>
<td>
<span class="badge badge-light-success">Sent</span>
</td>
<td class="text-center">
<a href="#" data-toggle="modal" data-target="#notify_popup"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
<span class="svg-icon svg-icon-3">
<img src="{{asset('public/assets/media/logos/noti-icons.png')}}">
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#reporting-tabs"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
<!--begin::Svg Icon | path: icons/duotune/art/art005.svg-->
<span class="svg-icon svg-icon-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-eye" viewBox="0 0 16 16">
<path
d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
<path
d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
</svg>
</span>
<!--end::Svg Icon-->
</a>
<a href="" data-toggle="modal" data-target="#delete_opt"
class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
<!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
<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>
<!--end::Svg Icon-->
</a>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--begin::Body-->
</div>
</div>
</div>
</div>
<!--begin::Tables Widget 13-->
<!--end::Tables Widget 13-->
<div class="d-flex flex-stack flex-wrap pt-10 justify-content-end">
<ul class="pagination">
<li class="page-item previous">
<a href="#" class="page-link">
<i class="previous"></i>
</a>
</li>
<li class="page-item active">
<a href="#" class="page-link">1</a>
</li>
<li class="page-item">
<a href="#" class="page-link">2</a>
</li>
<li class="page-item">
<a href="#" class="page-link">3</a>
</li>
<li class="page-item next">
<a href="#" class="page-link">
<i class="next"></i>
</a>
</li>
</ul>
<!--end::Pages-->
</div>
</div>
<!--end::Content container-->
</div>
<!--end::Content-->
</div>
<!--end::Content wrapper-->
<!--</div>-->
<!--end:::Main-->
<!--</div>-->
<!--end::Wrapper-->
<!--begin::Scrolltop-->
<div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
<span class="svg-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)"
fill="currentColor" />
<path
d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z"
fill="currentColor" />
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Scrolltop-->
<!--begin::Modals-->
<!--begin::Modal - Users Search-->
<!--end::Modal - Users Search-->
<!--begin::Delete Modals-->
<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>
<!--end::Modals-->
<div class="modal fade report-popup" id="reporting-tabs" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content addpln-content resource-popup">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">User Details</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="add_subAdm">
<div class="subAdm_right res-brd">
<div class="subAdm_label">
<label>Full Name :</label>
</div>
<div class="subAdm_input">
<input type="text" value="Aditya Gupta">
</div>
</div>
<div class="subAdm_left res-brd">
<div class="subAdm_label">
<label>Email ID</label>
</div>
<div class="subAdm_input">
<input type="email" value="adity@gmail.com">
</div>
</div>
<div class="subAdm_left res-brd">
<div class="subAdm_label">
<label>Mobile</label>
</div>
<div class="subAdm_input">
<input type="text" value="8425025713">
</div>
</div>
<div class="subAdm_left res-brd">
<div class="subAdm_label">
<label>Subject</label>
</div>
<div class="subAdm_input">
<input type="text" value="Lorem ipsum dolor sit amet">
</div>
</div>
<div class="subAdm_left">
<div class="subAdm_label">
<label>Message</label>
</div>
<div class="subAdm_input">
<input type="text" value="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod ">
</div>
</div>
<div class="subAdm_left">
<textarea id="w3review" name="w3review" rows="4" cols="50"></textarea>
</div>
<div class="subAdm_right upload-form">
<div class="btn float-left">
<input type="file">
</div>
<div class="report-btn">
<button type="button" class="btn btn-primary">Submit</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="notify_popup" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<form>
<div class="mu-notify">
<div class="mu-name">
<p><span>Name :</span> Aditya Gupta</p>
</div>
<div class="mu-subject">
<p><span>Subject :</span> <input type="text" placeholder="Enter Subject" value=" Lorem ipsum dolar (Optional)"></p>
</div>
<div class="musub-content">
<input type="text" placeholder="Enter heading" value="Please Click on Links and invest in Stocks and Mutual Fund.">
<textarea>Mutual Fund
https://www.zerodha.com/mutual-funds/nav/canara-robeco-blue-chip-equity-fund-direct-plan/MCA212
Stock
https://www.zerodha.com/india/stockpricequote/banks-private-sector/icicibank/ICI02
</textarea>
</div>
</div>
</form>
<div class="modal-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">Send</button></a>
</div>
</div>
</div>
</div>
</div>
@endsection