@extends('admin.layout.layout')
@section('content')


    <!-- ============================================================== -->
    <!-- Start right Content here -->
    <!-- ============================================================== -->
    <div class="main-content">
        <div class="page-content">
            <div class="container-fluid">

                <!-- start page title -->
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box d-flex align-items-center justify-content-between">
                            <h4 class="mb-0">Dashboard</h4>

                            <div class="page-title-right">
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a href="javascript: void(0);">zDomainName</a></li>
                                    <li class="breadcrumb-item active">Dashboard</li>
                                </ol>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- end page title -->

                <!-- end row-->
                <div class="row">
                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <a href="{{asset('admin/portfolio')}}" class="card-link">
                                <div class="card-body">
                                    <div class="float-right mt-2">
                                    </div>
                                    <div class="dashboard-card-content">
                                        <i class="mdi dripicons-user center"></i>
                                        <p class="m-0 text-uppercase  text-center  card-label">Inventory</p>
                                        <h2 class="text-grey text-center font-weight-bold mt-3"><span>{{count($domains)}}</span></h2>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <div class="card-body">
                                <a href="{{asset('domain/sold')}}" class="card-link">
                                    <div class="float-right mt-2">
                                    </div>
                                    <div class="dashboard-card-content">
                                        <i class="mdi mdi-cards center"></i>
                                        <p class="m-0 text-uppercase font-600 text-center text-white card-label">Sold</p>
                                        <h2 class="text-grey text-center font-weight-bold mt-3"><span>{{count($soldDomains)}}</span></h2>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <a href="{{asset('/admin/inquiries/general_inquiries')}}" class="card-link">
                                <div class="card-body">
                                    <div class="float-right mt-2">

                                    </div>
                                    <div class="dashboard-card-content">
                                        <i class="mdi mdi-briefcase center"></i>
                                        <p class="m-0 text-uppercase font-600 text-center text-white card-label">Offers</p>
                                        <h2 class="text-grey text-center font-weight-bold mt-3"><span>{{count($offers)}}</span></h2>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <div class="card-body">
                                <div class="float-right mt-2">

                                </div>
                                <div class="dashboard-card-content">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <a href="{{asset('domain/expiring')}}" class="card-link">
                                                <i class="mdi dripicons-preview center"></i>
                                                <p class="m-0 text-uppercase font-600 text-center text-white card-label">Expiring</p>
                                                <h2 class="text-grey text-center font-weight-bold mt-3"><span>{{$expirFortyFive}}</span></h2>
                                            </a>
                                        </div>
                                        <div class="col-md-8 pl-2">
                                            <div class="mt-1" style="padding-top: 8px;">
                                                <ul style="width: 100%; list-style: none; padding: 0">
                                                    <li style="margin: 3px 0">
                                                        <a href="#" class="row" style="    color: grey;">
                                                                <span class="col-3" style="text-align: right;">
                                                                    <span class="span-1" onclick='location.href="{{asset("/expire/7")}}";' style="text-align: right;">7 D</span>
                                                                </span>
                                                            <div class="col-7">
                                                                <div class="b-1 bg-danger p-1 bar-1" style="margin-top: 7px; width: {{$expirSeven}}%; margin-left: -10px;"></div>
                                                            </div>
                                                            <span class="col-2 text-danger text-right">{{$expirSeven}}</span>
                                                        </a>
                                                    </li>
                                                    <li style="margin: 3px 0">
                                                        <a href="#" class="row" style="    color: grey;">
                                                                <span class="col-3" style="text-align: right;">
                                                                    <span class="span-1" onclick='location.href="{{asset("/expire/15")}}";' style="text-align: right;">15 D</span>
                                                                </span>
                                                            <div class="col-7">
                                                                <div class="  b-1 bg-warning p-1 bar-1 "  style="margin-top: 7px; width: {{$expirFifteen}}%; margin-left: -10px;"></div>
                                                            </div>

                                                            <span class="col-2 text-warning text-right">{{$expirFifteen}}</span>
                                                        </a>

                                                    </li>
                                                    <li style="margin: 3px 0">
                                                        <a href="#" class="row" style="    color: grey;">
                                                                <span class="col-3" style="text-align: right;">
                                                                    <span class="span-1" onclick='location.href="{{asset("/expire/30")}}";' style="text-align: right;">30 D</span>
                                                                </span>
                                                            <div class="col-7">
                                                                <div class="  b-1 bg-info p-1 bar-1 "  style="margin-top: 7px; width: {{$expirThirty}}%; margin-left: -10px;"></div>
                                                            </div>
                                                            <span class="col-2 text-info text-right">{{$expirThirty}}</span>
                                                        </a>

                                                    </li>
                                                    <li style="margin: 3px 0">
                                                        <a href="#" class="row" style="    color: grey;">
                                                                <span class="col-3" style="text-align: right;">
                                                                    <span class="span-1" onclick='location.href="{{asset("/expire/45")}}";' >45 D</span>
                                                                </span>
                                                            <div class="col-7">
                                                                <div class="  b-1 bg-success p-1 bar-1 "  style="margin-top: 7px; width: {{$expirFortyFive}}%; margin-left: -10px;"></div>
                                                            </div>
                                                            <span class="col-2 text-success text-right">{{$expirFortyFive}}</span>
                                                        </a>

                                                    </li>

                                                </ul>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <a href="" class="card-link">
                                <div class="card-body">
                                    <div class="float-right mt-2">

                                    </div>
                                    <div class="dashboard-card-content">
                                        <i class="mdi mdi-cash center"></i>
                                        <p class="m-0 text-uppercase font-600 text-center text-white card-label">Visitors</p>
                                        <h2 class="text-grey text-center font-weight-bold mt-3"><span>{{count($visitors)}}</span></h2>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <a href="" class="card-link">
                                <div class="card-body">
                                    <div class="float-right mt-2">

                                    </div>
                                    <div class="dashboard-card-content">
                                        <i class="mdi mdi-account-star-outline center"></i>
                                        <p class="m-0 text-uppercase font-600 text-center text-white card-label">Click REVENUE</p>
                                        <h2 class="text-grey text-center font-weight-bold mt-3"><span>0</span></h2>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <a href="" class="card-link">
                                <div class="card-body">
                                    <div class="float-right mt-2">

                                    </div>
                                    <div class="dashboard-card-content">
                                        <i class="mdi dripicons-preview center"></i>
                                        <p class="m-0 text-uppercase font-600 text-center text-white card-label">SALES COSTS</p>
                                        <h2 class="text-grey text-center font-weight-bold mt-3"><span>0</span></h2>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <a href="" class="card-link">
                                <div class="card-body">
                                    <div class="float-right mt-2">

                                    </div>
                                    <div class="dashboard-card-content">
                                        <i class="mdi mdi-account-cash center"></i>
                                        <p class="m-0 text-uppercase font-600 text-center text-white card-label">PROFIT</p>
                                        <h2 class="text-grey text-center font-weight-bold mt-3"><span>0</span></h2>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div> <!-- end row-->
                <div class="row">
                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <div class="card-body">
                                <div class="float-right mt-2">
                                    <div id="inventory"></div>
                                </div>
                                <div class="dashboard-card-content">
                                    <h4 class="mb-1 mt-1"><span data-plugin="counterup">{{count($domains)}}</span></h4>
                                    <p class="text-muted mb-0">Inventory</p>
                                </div>
                                {{--<p class="text-muted mt-3 mb-0"><span class="text-success mr-1"><i class="mdi mdi-arrow-up-bold ml-1"></i>2.65%</span> since last week--}}
                                {{--</p>--}}
                            </div>
                        </div>
                    </div> <!-- end col-->

                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <div class="card-body">
                                <div class="float-right mt-2">
                                    <div id="sold"> </div>
                                </div>
                                <div class="dashboard-card-content">
                                    <h4 class="mb-1 mt-1"><span data-plugin="counterup">{{count($soldDomains)}}</span>%</h4>
                                    <p class="text-muted mb-0">Sold</p>
                                </div>
                                {{--<p class="text-muted mt-3 mb-0"><span class="text-danger mr-1"><i class="mdi mdi-arrow-down-bold ml-1"></i>0.82%</span> since last week--}}
                                {{--</p>--}}
                            </div>
                        </div>
                    </div> <!-- end col-->

                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <div class="card-body">
                                <div class="float-right mt-2">
                                    <div id="offers"> </div>
                                </div>
                                <div class="dashboard-card-content">
                                    <h4 class="mb-1 mt-1"><span data-plugin="counterup">{{count($offers)}}</span>%</h4>
                                    <p class="text-muted mb-0">Offers</p>
                                </div>
                                {{--<p class="text-muted mt-3 mb-0"><span class="text-danger mr-1"><i class="mdi mdi-arrow-down-bold ml-1"></i>6.24%</span> since last week--}}
                                {{--</p>--}}
                            </div>
                        </div>
                    </div> <!-- end col-->

                    <div class="col-md-6 col-xl-3">

                        <div class="card">
                            <div class="card-body">
                                <div class="float-right mt-2">
                                    <div id="expiring"></div>
                                </div>
                                <div class="dashboard-card-content">
                                    <h4 class="mb-1 mt-1"><span data-plugin="counterup">{{count($expire)}}</span></h4>
                                    <p class="text-muted mb-0">Expiring</p>
                                </div>
                                {{--<p class="text-muted mt-3 mb-0"><span class="text-success mr-1"><i class="mdi mdi-arrow-up-bold ml-1"></i>10.51%</span> since last week--}}
                                {{--</p>--}}
                            </div>
                        </div>
                    </div> <!-- end col-->
                </div> <!-- end row-->
                <div class="row">
                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <div class="card-body">
                                <div class="float-right mt-2">
                                    <div id="visitors"></div>
                                </div>
                                <div class="dashboard-card-content">
                                    <h4 class="mb-1 mt-1"><span data-plugin="counterup">{{count($visitors)}}</span></h4>
                                    <p class="text-muted mb-0">Visitors</p>
                                </div>
                                {{--<p class="text-muted mt-3 mb-0"><span class="text-success mr-1"><i class="mdi mdi-arrow-up-bold ml-1"></i>2.65%</span> since last week--}}
                                {{--</p>--}}
                            </div>
                        </div>
                    </div> <!-- end col-->

                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <div class="card-body">
                                <div class="float-right mt-2">
                                    <div id="click_revenue"> </div>
                                </div>
                                <div class="dashboard-card-content">
                                    <h4 class="mb-1 mt-1"><span data-plugin="counterup">0</span>%</h4>
                                    <p class="text-muted mb-0">Click Revenue</p>
                                </div>
                                {{--<p class="text-muted mt-3 mb-0"><span class="text-danger mr-1"><i class="mdi mdi-arrow-down-bold ml-1"></i>0.82%</span> since last week--}}
                                {{--</p>--}}
                            </div>
                        </div>
                    </div> <!-- end col-->

                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <div class="card-body">
                                <div class="float-right mt-2">
                                    <div id="sales_costs"> </div>
                                </div>
                                <div class="dashboard-card-content">
                                    <h4 class="mb-1 mt-1"><span data-plugin="counterup">0</span>%</h4>
                                    <p class="text-muted mb-0">Sales Costs</p>
                                </div>
                                {{--<p class="text-muted mt-3 mb-0"><span class="text-danger mr-1"><i class="mdi mdi-arrow-down-bold ml-1"></i>6.24%</span> since last week--}}
                                {{--</p>--}}
                            </div>
                        </div>
                    </div> <!-- end col-->

                    <div class="col-md-6 col-xl-3">

                        <div class="card">
                            <div class="card-body">
                                <div class="float-right mt-2">
                                    <div id="profit"></div>
                                </div>
                                <div class="dashboard-card-content">
                                    <h4 class="mb-1 mt-1"><span data-plugin="counterup">0</span></h4>
                                    <p class="text-muted mb-0">Profit</p>
                                </div>
                                {{--<p class="text-muted mt-3 mb-0"><span class="text-success mr-1"><i class="mdi mdi-arrow-up-bold ml-1"></i>10.51%</span> since last week--}}
                                {{--</p>--}}
                            </div>
                        </div>
                    </div> <!-- end col-->
                </div>
                <div class="row">
                    <div class="col-xl-4">
                        <div class="card">
                            <div class="card-body dashboard-card-content">
                                <h4 class="header-title m-t-0 ">Confirmed inquiries</h4>
                            </div><!-- end card-body-->
                        </div> <!-- end card-->
                    </div><!-- end col -->
                    <div class="col-xl-4">
                        <div class="card">
                            <div class="card-body dashboard-card-content">
                                <h4 class="header-title m-t-0 ">Transactions</h4>
                            </div><!-- end card-body-->
                        </div> <!-- end card-->
                    </div><!-- end col -->
                    <div class="col-xl-4">
                        <div class="card">
                            <div class="card-body dashboard-card-content">
                                <h4 class="header-title m-t-0 ">Revenue</h4>
                            </div><!-- end card-body-->
                        </div> <!-- end card-->
                    </div><!-- end col -->

                </div>
                <div class="row">
                    <div class="col-xl-4">
                        <div class="card dashboard-card-content">
                            <div class="card-header dashboard-card">RECENT INQUIRES</div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table table-hover m-0">
                                        <thead>
                                        <tr>
                                            <th></th>
                                            <th>Domain</th>
                                            <th>Client</th>
                                        </tr>
                                        </thead>
                                        <tbody>

                                        <tr>
                                            <th>
                                                <span class="avatar-sm-box bg-success">&nbsp;</span>
                                            </th>
                                            <td colspan="3">No inquiries found</td>
                                        </tr>

                                        </tbody>
                                    </table>

                                </div>


                            </div><!-- end card-body-->
                        </div> <!-- end card-->
                    </div><!-- end col -->
                    <div class="col-xl-4">
                        <div class="card dashboard-card-content">
                            <div class="card-header dashboard-card">RECENT TRANSACTIONS</div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table table-hover m-0">
                                        <thead>
                                        <tr>
                                            <th></th>
                                            <th>Domain</th>
                                            <th>Client</th>
                                        </tr>
                                        </thead>
                                        <tbody>

                                        <tr>
                                            <th>
                                                <span class="avatar-sm-box bg-success">&nbsp;</span>
                                            </th>
                                            <td colspan="3">No inquiries found</td>
                                        </tr>

                                        </tbody>
                                    </table>

                                </div>


                            </div><!-- end card-body-->
                        </div> <!-- end card-->
                    </div><!-- end col -->
                    <div class="col-xl-4">
                        <div class="card dashboard-card-content">
                            <div class="card-header dashboard-card">NEWEST DOMAINS</div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table table-hover m-0">
                                        <thead>
                                        <tr>
                                            <th></th>
                                            <th>Domain</th>
                                            <th>Client</th>
                                        </tr>
                                        </thead>
                                        <tbody>

                                        <tr>
                                            <th>
                                                <span class="avatar-sm-box bg-success">&nbsp;</span>
                                            </th>
                                            <td colspan="3">No inquiries found</td>
                                        </tr>

                                        </tbody>
                                    </table>

                                </div>

                            </div><!-- end card-body-->
                        </div> <!-- end card-->
                    </div><!-- end col -->

                </div>

            </div> <!-- container-fluid -->
        </div>
        <!-- End Page-content -->

        <footer class="footer">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6">
                        <script>document.write(new Date().getFullYear())</script> © zDomainName.com
                    </div>

                </div>
            </div>
        </footer>
    </div>
    <!-- end main content-->

    <!-- Right Sidebar -->
    <!-- END layout-wrapper -->

    <!-- Right Sidebar -->
    <div class="right-bar">
        <div data-simplebar class="h-100">
            <div class="rightbar-title px-3 py-4">
                <a href="javascript:void(0);" class="right-bar-toggle float-right">
                    <i class="mdi mdi-close noti-icon"></i>
                </a>
                <h5 class="m-0">Settings</h5>
            </div>

            <!-- Settings -->
            <hr class="mt-0" />
            <h6 class="text-center mb-0">Choose Layouts</h6>

            <div class="p-4">
                <div class="mb-2">
                    <img src="{{asset('admin/assets')}}/images/layouts/layout-1.jpg" class="img-fluid img-thumbnail" alt="">
                </div>
                <div class="custom-control custom-switch mb-3">
                    <input type="checkbox" class="custom-control-input theme-choice" id="light-mode-switch" checked />
                    <label class="custom-control-label" for="light-mode-switch">Light Mode</label>
                </div>

                <div class="mb-2">
                    <img src="{{asset('admin/assets')}}/images/layouts/layout-2.jpg" class="img-fluid img-thumbnail" alt="">
                </div>
                <div class="custom-control custom-switch mb-3">
                    <input type="checkbox" class="custom-control-input theme-choice" id="dark-mode-switch" data-bsStyle="assets/css/bootstrap-dark.min.css" data-appStyle="assets/css/app-dark.min.css" />
                    <label class="custom-control-label" for="dark-mode-switch">Dark Mode</label>
                </div>

                <div class="mb-2">
                    <img src="{{asset('admin/assets')}}/images/layouts/layout-3.jpg" class="img-fluid img-thumbnail" alt="">
                </div>
                <div class="custom-control custom-switch mb-5">
                    <input type="checkbox" class="custom-control-input theme-choice" id="rtl-mode-switch" data-appStyle="assets/css/app-rtl.min.css" />
                    <label class="custom-control-label" for="rtl-mode-switch">RTL Mode</label>
                </div>


            </div>

        </div> <!-- end slimscroll-menu-->
    </div>
    <!-- /Right-bar -->

    <!-- Right bar overlay-->
    <div class="rightbar-overlay"></div>

    @yield('script')

@endsection
@section('script')

<script>
    // inventory chart
    var options1 = {
            series: [{
                data: [25, 66, 41, 89, 63, 25, 44, 20, 36, 40, 54]
            }],
            fill: {
                colors: ["#5b73e8"]
            },
            chart: {
                type: "bar",
                width: 70,
                height: 40,
                sparkline: {
                    enabled: !0
                }
            },
            plotOptions: {
                bar: {
                    columnWidth: "50%"
                }
            },
            labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
            xaxis: {
                crosshairs: {
                    width: 1
                }
            },
            tooltip: {
                fixed: {
                    enabled: !1
                },
                x: {
                    show: !1
                },
                y: {
                    title: {
                        formatter: function(e) {
                            return ""
                        }
                    }
                },
                marker: {
                    show: !1
                }
            }
        },
        chart1 = new ApexCharts(document.querySelector("#inventory"), options1);
    chart1.render();

    // visitors chart
    var options1 = {
            series: [{
                data: [25, 66, 41, 89, 63, 25, 44, 20, 36, 40, 54]
            }],
            fill: {
                colors: ["blue"]
            },
            chart: {
                type: "area",
                width: 70,
                height: 40,
                sparkline: {
                    enabled: !0
                }
            },
            plotOptions: {
                bar: {
                    columnWidth: "50%"
                }
            },
            labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
            xaxis: {
                crosshairs: {
                    width: 1
                }
            },
            tooltip: {
                fixed: {
                    enabled: !1
                },
                x: {
                    show: !1
                },
                y: {
                    title: {
                        formatter: function(e) {
                            return ""
                        }
                    }
                },
                marker: {
                    show: !1
                }
            }
        },
        chart1 = new ApexCharts(document.querySelector("#visitors"), options1);
    chart1.render();

    // Sold
    var options = {
            fill: {
                colors: ["#34c38f"]
            },
            series: [70],
            chart: {
                type: "radialBar",
                width: 45,
                height: 45,
                sparkline: {
                    enabled: !0
                }
            },
            dataLabels: {
                enabled: !1
            },
            plotOptions: {
                radialBar: {
                    hollow: {
                        margin: 0,
                        size: "60%"
                    },
                    track: {
                        margin: 0
                    },
                    dataLabels: {
                        show: !1
                    }
                }
            }
        },
        chart = new ApexCharts(document.querySelector("#sold"), options);
    chart.render();


    // Offers

    options = {
        fill: {
            colors: ["#5b73e8"]
        },
        series: [55],
        chart: {
            type: "radialBar",
            width: 45,
            height: 45,
            sparkline: {
                enabled: !0
            }
        },
        dataLabels: {
            enabled: !1
        },
        plotOptions: {
            radialBar: {
                hollow: {
                    margin: 0,
                    size: "60%"
                },
                track: {
                    margin: 0
                },
                dataLabels: {
                    show: !1
                }
            }
        }
    };
    (chart = new ApexCharts(document.querySelector("#offers"), options)).render();

    // Expiring

    var options2 = {
            series: [{
                data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54]
            }],
            fill: {
                colors: ["#f1b44c"]
            },
            chart: {
                type: "bar",
                width: 70,
                height: 40,
                sparkline: {
                    enabled: !0
                }
            },
            plotOptions: {
                bar: {
                    columnWidth: "50%"
                }
            },
            labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
            xaxis: {
                crosshairs: {
                    width: 1
                }
            },
            tooltip: {
                fixed: {
                    enabled: !1
                },
                x: {
                    show: !1
                },
                y: {
                    title: {
                        formatter: function(e) {
                            return ""
                        }
                    }
                },
                marker: {
                    show: !1
                }
            }
        },
        chart2 = new ApexCharts(document.querySelector("#expiring"), options2);
    chart2.render();

    // Sold
    var options = {
            fill: {
                colors: ["#fd0101"]
            },
            series: [70],
            chart: {
                type: "donut",
                width: 45,
                height: 45,
                sparkline: {
                    enabled: !0
                }
            },
            dataLabels: {
                enabled: !1
            },
            plotOptions: {
                radialBar: {
                    hollow: {
                        margin: 0,
                        size: "60%"
                    },
                    track: {
                        margin: 0
                    },
                    dataLabels: {
                        show: !1
                    }
                }
            }
        },
        chart = new ApexCharts(document.querySelector("#click_revenue"), options);
    chart.render();


    // Sales Costs

    options = {
        fill: {
            colors: ["#00fefe"]
        },
        series: [55],
        chart: {
            type: "pie",
            width: 45,
            height: 45,
            sparkline: {
                enabled: !0
            }
        },
        dataLabels: {
            enabled: !1
        },
        plotOptions: {
            radialBar: {
                hollow: {
                    margin: 0,
                    size: "60%"
                },
                track: {
                    margin: 0
                },
                dataLabels: {
                    show: !1
                }
            }
        }
    };
    (chart = new ApexCharts(document.querySelector("#sales_costs"), options)).render();

    // Profit

    var options2 = {
            series: [{
                data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54]
            }],
            fill: {
                colors: ["#f1b44c"]
            },
            chart: {
                type: "line",
                width: 70,
                height: 40,
                sparkline: {
                    enabled: !0
                }
            },
            plotOptions: {
                bar: {
                    columnWidth: "50%"
                }
            },
            labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
            xaxis: {
                crosshairs: {
                    width: 1
                }
            },
            tooltip: {
                fixed: {
                    enabled: !1
                },
                x: {
                    show: !1
                },
                y: {
                    title: {
                        formatter: function(e) {
                            return ""
                        }
                    }

                },
                marker: {
                    show: !1
                }
            }
        },
        chart2 = new ApexCharts(document.querySelector("#profit"), options2);
    chart2.render();

</script>

@endsection