@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