@extends('base::layouts.default')

@section('stylesheet')
    <link rel="stylesheet" href="{{ asset('adminview/assets/css/select2.min.css') }}" />
@endsection

@section('header')
    @include('base::layouts.headers.dashboard')
@endsection

@section('content')
    <div data-ng-controller="DashboardController as dashCtrl">

        <div class="dashboard-page " id="dashboard-page">

            <div class="page-heading flexbox d-flex align-items-right">
                <h4>{{ __('video::dashboard.Dashboard') }}</h4>

                @if (app('request')->has('error'))
                    <div class="alert alert-danger" style="width:100%">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        <span>You were not authorized to view the last page.</span>
                    </div>
                @endif

                <div class="right-side flexbox align-items-center">
                    <!-- <select ng-model="dashCtrl.revenueSelected" ng-change="dashCtrl.changeRevenueCount(dashCtrl.revenueSelected)"
                                            data-ng-options="item.id as item.name for item in dashCtrl.dropdown">
                                        </select> -->
                    <a href="javascript:void(0)" class="video-demo-ancher" ng-click="showDemoVideo = !showDemoVideo">
                        <div class="hotspot__positioner--01">
                            <div class="hotspot__container">
                                <div class="hotspot hotspot--01"></div>
                                <div class="hotspot hotspot--02"></div>
                                <div class="hotspot hotspot--03"></div>
                            </div>
                        </div>
                        <svg viewBox="0 0 47 48" version="1.1" x="0px" y="0px" width="55px" height="55px"
                            class="demo-ic">
                            <g>
                                <path
                                    d="M 31.4865 29.034 C 31.0336 29.034 28.1232 26.3365 28.1232 25.9814 L 28.1232 22.4468 C 28.1232 22.0919 30.969 19.3943 31.4865 19.3943 C 32.0038 19.3943 32.0038 19.8762 32.0038 19.8762 L 32.0038 28.552 C 32.0038 28.552 31.9392 29.034 31.4865 29.034 ZM 26.8619 28.3109 L 16.7722 28.3109 C 16.3435 28.3109 15.9961 28.0664 15.9961 27.7648 L 15.9961 20.6636 C 15.9961 20.3619 16.3435 20.1172 16.7722 20.1172 L 26.8619 20.1172 C 27.2906 20.1172 27.6381 20.3619 27.6381 20.6636 L 27.6381 27.7648 C 27.6381 28.0664 27.2906 28.3109 26.8619 28.3109 ZM 24.2424 19.8419 C 22.903 19.8419 21.817 18.7628 21.817 17.4319 C 21.817 16.1009 22.903 15.0219 24.2424 15.0219 C 25.582 15.0219 26.6678 16.1009 26.6678 17.4319 C 26.6678 18.7628 25.582 19.8419 24.2424 19.8419 ZM 18.9065 19.8419 C 17.835 19.8419 16.9662 18.9786 16.9662 17.9139 C 16.9662 16.8491 17.835 15.986 18.9065 15.986 C 19.9781 15.986 20.8469 16.8491 20.8469 17.9139 C 20.8469 18.9786 19.9781 19.8419 18.9065 19.8419 Z"
                                    fill="#ffffff">
                                </path>
                            </g>
                        </svg>
                    </a>
                </div>
            </div>

            @if (isset($_GET['permission']))
                <div class="alert alert-danger">You are not authorized to perform this action. Please contact your admin.
                </div>
            @endif
            @if ($errors->any())
                <div class="alert alert-danger">{{ implode('', $errors->all(':message')) }}</div>
            @endif

            <div class="dashbord-section dashboard-overview">
                <div class="card">
                    <div class="card-heading flexbox align-items-center">
                        <h3>{{ __('video::dashboard.overview') }}</h3>
                        <div class="dashboard-select">
                            <svg viewBox="0 0 13 14" x="0px" y="0px" width="14px" height="14px">
                                <g>
                                    <path
                                        d="M 11.8093 14.0901 L 1.1838 14.0901 C 0.5251 14.0901 -0.0088 13.5209 -0.0088 12.8276 L -0.0088 2.9009 C -0.0088 2.2202 0.5137 1.6666 1.1493 1.6465 L 1.1493 3.3405 C 1.1493 4.106 1.7395 4.7229 2.4669 4.7229 L 3.2981 4.7229 C 4.0254 4.7229 4.6234 4.106 4.6234 3.3405 L 4.6234 1.6406 L 8.3698 1.6406 L 8.3698 3.3405 C 8.3698 4.106 8.9677 4.7229 9.6952 4.7229 L 10.5264 4.7229 C 11.2537 4.7229 11.844 4.106 11.844 3.3405 L 11.844 1.6465 C 12.4796 1.6666 13.002 2.2202 13.002 2.9009 L 13.002 12.8276 C 13.002 13.5198 12.4672 14.0901 11.8093 14.0901 ZM 11.4578 7.0818 C 11.4578 6.782 11.2271 6.5391 10.9423 6.5391 L 2.0282 6.5391 C 1.7433 6.5391 1.5126 6.782 1.5126 7.0818 L 1.5126 12.2095 C 1.5126 12.5091 1.7435 12.7519 2.0282 12.7519 L 10.9424 12.7519 C 11.2271 12.7519 11.4578 12.5091 11.4578 12.2095 L 11.4578 7.0818 ZM 9.6577 12.0114 L 8.6036 12.0114 C 8.4369 12.0114 8.3016 11.869 8.3016 11.6936 L 8.3016 10.5848 C 8.3016 10.4091 8.4369 10.2671 8.6036 10.2671 L 9.6577 10.2671 C 9.8242 10.2671 9.9594 10.4091 9.9594 10.5848 L 9.9594 11.6936 C 9.9594 11.869 9.8242 12.0114 9.6577 12.0114 ZM 9.6576 9.2394 L 8.6036 9.2394 C 8.4369 9.2394 8.3016 9.0973 8.3016 8.9214 L 8.3016 7.8126 C 8.3016 7.6372 8.4369 7.4951 8.6036 7.4951 L 9.6576 7.4951 C 9.8242 7.4951 9.9594 7.6372 9.9594 7.8126 L 9.9594 8.9214 C 9.9594 9.0973 9.8242 9.2394 9.6576 9.2394 ZM 7.0237 12.0114 L 5.9696 12.0114 C 5.803 12.0114 5.6678 11.869 5.6678 11.6936 L 5.6678 10.5848 C 5.6678 10.4091 5.803 10.2671 5.9696 10.2671 L 7.0237 10.2671 C 7.1902 10.2671 7.3254 10.4091 7.3254 10.5848 L 7.3254 11.6936 C 7.3254 11.869 7.1902 12.0114 7.0237 12.0114 ZM 7.0237 9.2394 L 5.9696 9.2394 C 5.803 9.2394 5.6678 9.0973 5.6678 8.9214 L 5.6678 7.8126 C 5.6678 7.6372 5.803 7.4951 5.9696 7.4951 L 7.0237 7.4951 C 7.1902 7.4951 7.3254 7.6372 7.3254 7.8126 L 7.3254 8.9214 C 7.3254 9.0973 7.1902 9.2394 7.0237 9.2394 ZM 4.3895 12.0114 L 3.3356 12.0114 C 3.1689 12.0114 3.0338 11.869 3.0338 11.6936 L 3.0338 10.5848 C 3.0338 10.4091 3.1689 10.2671 3.3356 10.2671 L 4.3895 10.2671 C 4.5564 10.2671 4.6917 10.4091 4.6917 10.5848 L 4.6917 11.6936 C 4.6917 11.869 4.5564 12.0114 4.3895 12.0114 ZM 4.3895 9.2394 L 3.3356 9.2394 C 3.1689 9.2394 3.0338 9.0973 3.0338 8.9214 L 3.0338 7.8126 C 3.0338 7.6372 3.1689 7.4951 3.3356 7.4951 L 4.3895 7.4951 C 4.5564 7.4951 4.6917 7.6372 4.6917 7.8126 L 4.6917 8.9214 C 4.6917 9.0973 4.5564 9.2394 4.3895 9.2394 ZM 10.5067 3.8148 L 9.6846 3.8148 C 9.4351 3.8148 9.2328 3.6021 9.2328 3.3396 L 9.2328 0.5626 C 9.2328 0.3001 9.4351 0.0872 9.6846 0.0872 L 10.5067 0.0872 C 10.7562 0.0872 10.9584 0.3001 10.9584 0.5626 L 10.9584 3.3396 C 10.9584 3.6021 10.7562 3.8148 10.5067 3.8148 ZM 3.2861 3.8148 L 2.4639 3.8148 C 2.2142 3.8148 2.012 3.6021 2.012 3.3396 L 2.012 0.5626 C 2.012 0.3001 2.2142 0.0872 2.4639 0.0872 L 3.2861 0.0872 C 3.5355 0.0872 3.7379 0.3001 3.7379 0.5626 L 3.7379 3.3396 C 3.7379 3.6021 3.5355 3.8148 3.2861 3.8148 Z"
                                        fill="#43515d" />
                                </g>
                            </svg>

                            <select minimumResults="-1" data-jquery="select2_custom_ddl" class="select2_custom_ddl"
                                ng-model="dashCtrl.overStatusSelected"
                                ng-change="dashCtrl.changeOverviewData(dashCtrl.overStatusSelected)"
                                data-ng-options="item.id as item.name for item in dashCtrl.dropdown">
                            </select>
                        </div>
                    </div>
                    <div class="flexbox flex-wrap overview-wrapper">
                        <div class="counts-list flexbox">
                            <a href="{{ url('admin/analytics/most-viewed') }}" class="counts-list-a flexbox">
                                <div class="card counts-list-grid total-watched-videos flexbox align-items-center">
                                    <div class="svg">
                                        <svg viewBox="0 0 70 70" version="1.1" x="0px" y="0px" width="70px"
                                            height="70px">
                                            <g>
                                                <path opacity="0.2"
                                                    d="M 34.9999 0.0461 C 54.3299 0.0461 70 15.7208 70 35.0565 C 70 54.3923 54.3299 70.0669 34.9999 70.0669 C 15.67 70.0669 -0.0001 54.3923 -0.0001 35.0565 C -0.0001 15.7208 15.67 0.0461 34.9999 0.0461 Z"
                                                    fill="#ffffff" />
                                                <path
                                                    d="M 52.3219 40.8073 L 50.9346 40.8073 L 50.9346 25.2868 C 50.9346 24.0548 49.9131 23.0527 48.6576 23.0527 L 22.342 23.0527 C 21.0865 23.0527 20.0652 24.0548 20.0652 25.2868 L 20.0652 40.8073 L 18.6778 40.8073 C 18.3033 40.8073 17.9998 41.1051 17.9998 41.4725 L 17.9998 42.7783 C 17.9998 44.5875 19.5001 46.0594 21.3443 46.0594 L 49.6554 46.0594 C 51.4995 46.0594 52.9998 44.5875 52.9998 42.7783 L 52.9998 41.4725 C 52.9998 41.1051 52.6964 40.8073 52.3219 40.8073 ZM 21.5715 25.2868 C 21.5715 24.8698 21.9173 24.5308 22.342 24.5308 L 48.6575 24.5308 C 49.0825 24.5308 49.428 24.8698 49.428 25.2868 L 49.428 40.8073 L 39.2288 40.8073 C 39.1807 40.8058 39.1313 40.8099 39.082 40.8192 C 38.7628 40.8793 38.5323 41.1534 38.5323 41.472 C 38.5323 42.0336 38.0669 42.4903 37.4947 42.4903 L 33.5051 42.4903 C 32.9329 42.4903 32.4675 42.0336 32.4675 41.472 C 32.4675 41.0997 32.1529 40.7991 31.7739 40.8071 L 21.5715 40.8071 L 21.5715 25.2868 ZM 51.644 42.7783 L 51.644 42.7783 C 51.644 43.8543 50.7519 44.7293 49.6554 44.7293 L 21.3443 44.7293 C 20.2479 44.7293 19.3557 43.8543 19.3557 42.7783 L 19.3557 42.1376 L 31.2094 42.1376 C 31.5024 43.1095 32.4208 43.8206 33.5051 43.8206 L 37.4945 43.8206 C 38.579 43.8206 39.4972 43.1095 39.7903 42.1376 L 51.644 42.1376 L 51.644 42.7783 L 51.644 42.7783 Z"
                                                    fill="#f15b4a" />
                                                <path
                                                    d="M 38.9301 32.9252 L 34.2526 30.0554 C 34.2032 30.025 34.1389 30.0218 34.0861 30.0465 C 34.0329 30.0715 33.9998 30.1202 33.9998 30.1733 L 33.9998 35.9132 C 33.9998 35.9664 34.0329 36.0155 34.0861 36.0401 C 34.1096 36.0512 34.1353 36.0566 34.161 36.0566 C 34.1932 36.0566 34.225 36.048 34.2526 36.0311 L 38.9301 33.1614 C 38.9739 33.1346 38.9998 33.0907 38.9998 33.0431 C 38.9998 32.9962 38.9735 32.9519 38.9301 32.9252 Z"
                                                    fill="#f15b49" />
                                            </g>
                                        </svg>
                                    </div>
                                    <div class="content">
                                        <h3>{{ __('video::dashboard.total_watched_video') }}</h3>
                                        <h4>@{{ dashCtrl.dateWiseViewCount }}</h4>
                                        <p>{{ __('video::dashboard.platform_base_view') }}</p>
                                    </div>

                                </div>
                            </a>
                        </div>
                        <div class="counts-list flexbox">
                            <a href="{{ url('admin/transactions') }}" class="counts-list-a flexbox">
                                <div class="card counts-list-grid revenue-stacks flexbox align-items-center">
                                    <div class="svg">
                                        <svg viewBox="0 0 70 70" version="1.1" x="0px" y="0px" width="70px"
                                            height="70px">
                                            <g>
                                                <path opacity="0.149"
                                                    d="M 34.9999 0.0461 C 54.33 0.0461 69.9999 15.7208 69.9999 35.0565 C 69.9999 54.3923 54.33 70.0669 34.9999 70.0669 C 15.67 70.0669 -0.0001 54.3923 -0.0001 35.0565 C -0.0001 15.7208 15.67 0.0461 34.9999 0.0461 Z"
                                                    fill="#ffffff" />
                                                <path
                                                    d="M 53.623 40.1072 L 39.8818 50.3215 C 38.563 51.2998 36.8808 51.7166 35.2698 51.4521 L 24.1978 49.6563 L 21.6233 51.8369 C 21.4417 51.9892 21.2284 52.0612 21.0152 52.0612 C 20.7466 52.0612 20.4783 51.9411 20.2886 51.7166 C 19.949 51.3077 20.0045 50.6984 20.4072 50.3615 L 23.3134 47.9004 C 23.5266 47.7238 23.8031 47.6518 24.0716 47.6918 L 35.562 49.552 C 36.6755 49.7281 37.8364 49.4476 38.7526 48.7663 L 51.6329 39.1853 C 51.6171 39.1772 51.6093 39.1691 51.5935 39.1612 C 51.0958 38.8486 50.5195 38.8486 49.8325 39.1612 C 47.4236 40.2436 42.3142 42.7452 42.2589 42.7691 C 41.793 43.0016 41.2244 42.8012 40.9954 42.3201 C 40.7662 41.8392 40.9637 41.27 41.4376 41.0372 C 41.4929 41.0132 46.634 38.504 49.0663 37.4054 C 51.6409 36.2509 53.3388 37.8625 53.8837 38.8724 C 54.1126 39.2976 53.9943 39.8187 53.623 40.1072 ZM 42.8117 26.8063 C 41.6666 26.8063 40.5768 26.3573 39.7634 25.5234 C 38.0812 23.8158 38.0812 21.0416 39.7634 19.334 C 40.5768 18.5082 41.6586 18.0511 42.8117 18.0511 C 43.9647 18.0511 45.0467 18.5082 45.86 19.334 C 47.5422 21.0416 47.5422 23.8158 45.86 25.5234 C 45.0467 26.3493 43.9647 26.8063 42.8117 26.8063 ZM 44.5334 20.697 C 44.0753 20.2319 43.4673 19.9754 42.8197 19.9754 C 42.1721 19.9754 41.564 20.2319 41.106 20.697 C 40.1661 21.6511 40.1661 23.2065 41.106 24.1686 C 41.564 24.6335 42.1721 24.8901 42.8197 24.8901 C 43.4673 24.8901 44.0753 24.6335 44.5334 24.1686 C 45.4731 23.2144 45.4731 21.6511 44.5334 20.697 ZM 40.2372 36.1226 C 39.1869 37.1807 37.8047 37.7662 36.328 37.7662 C 34.8513 37.7662 33.4692 37.1807 32.4188 36.1226 C 30.2629 33.9337 30.2629 30.3821 32.4188 28.1933 C 33.4692 27.135 34.8513 26.5498 36.328 26.5498 C 37.8047 26.5498 39.1948 27.135 40.2372 28.1933 C 42.3931 30.3821 42.3931 33.9337 40.2372 36.1226 ZM 38.8948 29.5564 C 38.2076 28.8587 37.2994 28.4739 36.328 28.4739 C 35.3568 28.4739 34.4484 28.8587 33.7614 29.5564 C 32.3478 30.9913 32.3478 33.3325 33.7614 34.7676 C 34.4485 35.4652 35.3568 35.8499 36.328 35.8499 C 37.2994 35.8499 38.2076 35.4652 38.8948 34.7676 C 40.3083 33.3325 40.3083 30.9913 38.8948 29.5564 ZM 38.3813 41.5985 C 38.4999 42.8573 37.86 44.8536 35.6252 45.2146 C 33.3745 45.5833 29.9075 45.3667 29.7576 45.3587 C 29.2363 45.3268 28.8414 44.8696 28.873 44.3405 C 28.9046 43.8114 29.3548 43.4106 29.876 43.4426 C 29.9075 43.4426 33.2875 43.6509 35.3251 43.3224 C 35.878 43.2341 36.2174 42.9775 36.3834 42.5206 C 36.399 42.4804 36.4149 42.4324 36.4229 42.3924 L 30.2235 40.4841 C 27.6411 39.6904 24.6165 41.1575 24.3163 41.3179 L 17.4378 45.5272 C 17.2798 45.6154 17.1141 45.6634 16.9481 45.6634 C 16.6243 45.6634 16.3163 45.4952 16.1347 45.1983 C 15.8663 44.7415 16.0084 44.1481 16.4585 43.8756 L 23.3687 39.6344 C 23.3845 39.6182 23.4082 39.6103 23.424 39.6023 C 23.5818 39.5222 27.3409 37.5819 30.7684 38.6321 L 37.7101 40.7647 C 38.0812 40.877 38.3418 41.2055 38.3813 41.5985 Z"
                                                    fill="#645de2" />
                                            </g>
                                        </svg>
                                    </div>
                                    <div class="content">
                                        <h3>{{ __('video::dashboard.revenue_stacks') }}</h3>
                                        <h4><i class="dollar">{{ getCurrency() }} </i>
                                            @{{ (dashCtrl.totalRevenue) ? dashCtrl.totalRevenue: 0 | INR }}</h4>
                                        <p>{{ __('video::dashboard.since') }} @{{ dashCtrl.totalRevenueSince }}</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="counts-list flexbox">
                            <a href="{{ url('admin/customer') }}" class="counts-list-a flexbox">
                                <div class="card counts-list-grid registered-users flexbox align-items-center">
                                    <div class="svg">
                                        <svg viewBox="0 0 70 70" version="1.1" x="0px" y="0px" width="70px"
                                            height="70px">
                                            <g>
                                                <path opacity="0.149"
                                                    d="M 34.9999 0.0461 C 54.33 0.0461 69.9999 15.7208 69.9999 35.0565 C 69.9999 54.3923 54.33 70.0669 34.9999 70.0669 C 15.67 70.0669 -0.0001 54.3923 -0.0001 35.0565 C -0.0001 15.7208 15.67 0.0461 34.9999 0.0461 Z"
                                                    fill="#ffffff" />
                                                <path
                                                    d="M 53.7448 35.314 L 39.7234 49.8641 C 39.556 50.0377 39.3467 50.1246 39.1166 50.1246 L 35.0565 50.1464 C 34.8264 50.1464 34.6171 50.0597 34.4497 49.8858 C 34.2823 49.712 34.1985 49.4731 34.1985 49.2342 L 34.2195 44.9995 C 34.2195 44.7606 34.3242 44.5435 34.4706 44.3697 L 45.6877 32.7514 L 48.4921 29.8197 C 48.8478 29.4721 49.392 29.4721 49.7267 29.8197 L 53.7448 34.0326 C 54.0796 34.4018 54.0796 34.9662 53.7448 35.314 ZM 35.9565 45.3905 L 35.9355 48.3223 L 38.7817 48.3004 L 49.1199 37.5942 L 46.2947 34.6624 L 35.9565 45.3905 ZM 49.1199 31.7306 L 47.5294 33.3813 L 50.3546 36.313 L 51.9451 34.6624 L 49.1199 31.7306 ZM 36.9284 35.312 L 28.5583 35.312 C 25.1266 35.312 22.3017 37.9861 21.8622 41.3992 L 35.6528 41.3992 L 33.8055 43.2687 L 20.8997 43.2687 C 20.3975 43.2687 19.9999 42.8557 19.9999 42.334 C 19.9999 37.421 23.85 33.4426 28.5583 33.4426 L 36.9284 33.4426 C 38.7766 33.4426 40.4828 34.0596 41.8813 35.096 L 40.5646 36.4285 C 39.5141 35.7281 38.2713 35.312 36.9284 35.312 ZM 32.7015 32.2034 C 28.935 32.2034 25.8799 29.0076 25.8799 25.1164 C 25.8799 21.2252 28.935 18.0511 32.7015 18.0511 C 36.468 18.0511 39.5231 21.2034 39.5231 25.1164 C 39.5231 29.0297 36.468 32.2034 32.7015 32.2034 ZM 32.7015 19.8991 C 29.9393 19.8991 27.6794 22.2468 27.6794 25.1164 C 27.6794 27.9861 29.9393 30.3338 32.7015 30.3338 C 35.4636 30.3338 37.7234 27.9861 37.7234 25.1164 C 37.7234 22.2468 35.4636 19.8991 32.7015 19.8991 Z"
                                                    fill="#00adb1" />
                                            </g>
                                        </svg>
                                    </div>
                                    <div class="content">
                                        <h3>{{ __('video::dashboard.signed_customer') }}</h3>
                                        <h4>@{{ dashCtrl.registerUser }}</h4>
                                        <p>{{ __('video::dashboard.signed_in') }}</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="counts-list flexbox">
                            <a href="{{ url('admin/customer') }}" class="counts-list-a flexbox">
                                <div class="card counts-list-grid active-subscribers flexbox align-items-center">
                                    <div class="svg">
                                        <svg viewBox="0 0 70 70" version="1.1" x="0px" y="0px" width="70px"
                                            height="70px">
                                            <g>
                                                <path opacity="0.149"
                                                    d="M 35 0.0461 C 54.3298 0.0461 70 15.7208 70 35.0565 C 70 54.3923 54.3298 70.0669 35 70.0669 C 15.67 70.0669 0 54.3923 0 35.0565 C 0 15.7208 15.67 0.0461 35 0.0461 Z"
                                                    fill="#ffffff" />
                                                <path
                                                    d="M 46.958 48.3111 C 43.069 48.3111 39.9161 45.1591 39.9161 41.2724 C 39.9161 37.7171 42.6016 34.7882 46.0277 34.3123 L 46.0233 33.2992 C 46.021 32.7806 46.3793 32.5784 46.8229 32.8464 L 49.9077 34.7121 C 50.3514 34.9803 50.3507 35.4135 49.9049 35.68 L 46.8492 37.5088 C 46.4041 37.7752 46.0416 37.5708 46.0398 37.0528 L 46.036 36.208 C 43.6466 36.6616 41.7941 38.7529 41.7941 41.2724 C 41.7941 44.123 44.1062 46.4341 46.958 46.4341 C 49.8101 46.4341 52.1221 44.123 52.1221 41.2724 C 52.1221 40.1769 51.7792 39.1624 51.1952 38.3277 C 51.4729 38.7248 50.2446 37.5193 50.788 37.0575 C 50.9686 36.9332 51.1786 36.7886 51.3683 36.6587 C 52.0212 36.2095 52.1221 36.5807 52.5956 37.0562 C 53.4773 38.2315 53.9999 39.6907 53.9999 41.2724 C 53.9999 45.1591 50.847 48.3111 46.958 48.3111 ZM 43.1449 33.6202 L 43.1449 33.6202 C 43.1416 33.6215 43.1383 33.6226 43.1351 33.6238 C 43.1383 33.6226 43.1416 33.6215 43.1449 33.6202 ZM 34.8379 33.7846 C 31.0309 33.7846 27.9431 30.6838 27.9431 26.9078 C 27.9431 23.1317 31.0309 20.0519 34.8379 20.0519 C 38.6447 20.0519 41.7325 23.1105 41.7325 26.9078 C 41.7325 30.705 38.6447 33.7846 34.8379 33.7846 ZM 34.8379 21.8449 C 32.046 21.8449 29.762 24.1232 29.762 26.9078 C 29.762 29.6923 32.046 31.9707 34.8379 31.9707 C 37.6295 31.9707 39.9137 29.6923 39.9137 26.9078 C 39.9137 24.1232 37.6295 21.8449 34.8379 21.8449 ZM 38.1091 39.8136 C 38.0977 39.8858 38.0854 39.9578 38.0759 40.0307 L 38.0759 40.0307 C 38.0856 39.9577 38.0973 39.8858 38.1091 39.8136 ZM 38.3186 38.8582 C 38.3201 38.8532 38.3213 38.8482 38.3225 38.8431 C 38.3213 38.8482 38.3201 38.8532 38.3186 38.8582 L 38.3186 38.8582 ZM 38.332 38.806 C 38.3285 38.8182 38.3256 38.8307 38.3225 38.8431 C 38.3256 38.8307 38.3284 38.8182 38.332 38.806 L 38.332 38.806 ZM 38.7249 37.7657 L 38.7249 37.7657 C 38.7216 37.7729 38.7179 37.7798 38.7146 37.787 L 38.7146 37.787 C 38.7179 37.7798 38.7216 37.7729 38.7249 37.7657 ZM 39.1101 34.9873 C 39.3787 34.9873 39.6437 35.0017 39.9054 35.0275 C 40.1625 35.051 40.4149 35.0889 40.6649 35.1344 L 40.6649 35.1344 L 40.6649 35.1344 C 40.1166 35.6257 39.6371 36.1893 39.2413 36.8136 L 39.2413 36.8136 L 39.2413 36.8136 C 39.1967 36.8128 39.1549 36.8015 39.1101 36.8015 L 30.6501 36.8015 C 27.1816 36.8015 24.3264 39.396 23.8822 42.7082 L 38.1688 42.7082 C 38.3016 43.3455 38.5176 43.9507 38.7926 44.5224 L 22.9093 44.5224 C 22.4016 44.5224 22 44.1216 22 43.6154 C 22 38.8478 25.8914 34.9873 30.6501 34.9873 L 39.1101 34.9873 ZM 40.0248 46.3718 C 40.0203 46.3666 40.0155 46.3616 40.0109 46.3564 L 40.0109 46.3564 C 40.0154 46.3616 40.0203 46.3666 40.0248 46.3718 L 40.0248 46.3718 ZM 41.665 47.7803 L 41.665 47.7803 C 41.677 47.788 41.6896 47.7948 41.7015 47.8024 C 41.6893 47.7952 41.677 47.7881 41.665 47.7803 ZM 43.6869 48.7185 L 43.6869 48.7185 C 43.7015 48.7229 43.7169 48.7256 43.7316 48.7299 C 43.7167 48.7263 43.7015 48.7229 43.6869 48.7185 ZM 44.9535 48.9846 C 44.8641 48.9729 44.7762 48.9588 44.6879 48.9441 L 44.6879 48.9441 C 44.776 48.9587 44.8644 48.9729 44.9535 48.9846 L 44.9535 48.9846 Z"
                                                    fill="#b969c5" />
                                            </g>
                                        </svg>
                                    </div>
                                    <div class="content">
                                        <h3>{{ __('video::dashboard.subscribed_user') }}</h3>
                                        <h4>@{{ dashCtrl.subcribedUser }}</h4>
                                        <p>{{ __('video::dashboard.since') }} @{{ dashCtrl.totalRevenueSince }}</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="dashbord-section flexbox flex-wrap">
                <div class="dashbord-section-grid flexbox width-50">
                    <div class="card">
                        <div class="card-heading flexbox align-items-center">
                            <h3>{{ __('video::dashboard.revenue_stacks') }}</h3>
                            <div class="dashboard-select">
                                <svg viewBox="0 0 13 14" x="0px" y="0px" width="14px" height="14px">
                                    <g>
                                        <path
                                            d="M 11.8093 14.0901 L 1.1838 14.0901 C 0.5251 14.0901 -0.0088 13.5209 -0.0088 12.8276 L -0.0088 2.9009 C -0.0088 2.2202 0.5137 1.6666 1.1493 1.6465 L 1.1493 3.3405 C 1.1493 4.106 1.7395 4.7229 2.4669 4.7229 L 3.2981 4.7229 C 4.0254 4.7229 4.6234 4.106 4.6234 3.3405 L 4.6234 1.6406 L 8.3698 1.6406 L 8.3698 3.3405 C 8.3698 4.106 8.9677 4.7229 9.6952 4.7229 L 10.5264 4.7229 C 11.2537 4.7229 11.844 4.106 11.844 3.3405 L 11.844 1.6465 C 12.4796 1.6666 13.002 2.2202 13.002 2.9009 L 13.002 12.8276 C 13.002 13.5198 12.4672 14.0901 11.8093 14.0901 ZM 11.4578 7.0818 C 11.4578 6.782 11.2271 6.5391 10.9423 6.5391 L 2.0282 6.5391 C 1.7433 6.5391 1.5126 6.782 1.5126 7.0818 L 1.5126 12.2095 C 1.5126 12.5091 1.7435 12.7519 2.0282 12.7519 L 10.9424 12.7519 C 11.2271 12.7519 11.4578 12.5091 11.4578 12.2095 L 11.4578 7.0818 ZM 9.6577 12.0114 L 8.6036 12.0114 C 8.4369 12.0114 8.3016 11.869 8.3016 11.6936 L 8.3016 10.5848 C 8.3016 10.4091 8.4369 10.2671 8.6036 10.2671 L 9.6577 10.2671 C 9.8242 10.2671 9.9594 10.4091 9.9594 10.5848 L 9.9594 11.6936 C 9.9594 11.869 9.8242 12.0114 9.6577 12.0114 ZM 9.6576 9.2394 L 8.6036 9.2394 C 8.4369 9.2394 8.3016 9.0973 8.3016 8.9214 L 8.3016 7.8126 C 8.3016 7.6372 8.4369 7.4951 8.6036 7.4951 L 9.6576 7.4951 C 9.8242 7.4951 9.9594 7.6372 9.9594 7.8126 L 9.9594 8.9214 C 9.9594 9.0973 9.8242 9.2394 9.6576 9.2394 ZM 7.0237 12.0114 L 5.9696 12.0114 C 5.803 12.0114 5.6678 11.869 5.6678 11.6936 L 5.6678 10.5848 C 5.6678 10.4091 5.803 10.2671 5.9696 10.2671 L 7.0237 10.2671 C 7.1902 10.2671 7.3254 10.4091 7.3254 10.5848 L 7.3254 11.6936 C 7.3254 11.869 7.1902 12.0114 7.0237 12.0114 ZM 7.0237 9.2394 L 5.9696 9.2394 C 5.803 9.2394 5.6678 9.0973 5.6678 8.9214 L 5.6678 7.8126 C 5.6678 7.6372 5.803 7.4951 5.9696 7.4951 L 7.0237 7.4951 C 7.1902 7.4951 7.3254 7.6372 7.3254 7.8126 L 7.3254 8.9214 C 7.3254 9.0973 7.1902 9.2394 7.0237 9.2394 ZM 4.3895 12.0114 L 3.3356 12.0114 C 3.1689 12.0114 3.0338 11.869 3.0338 11.6936 L 3.0338 10.5848 C 3.0338 10.4091 3.1689 10.2671 3.3356 10.2671 L 4.3895 10.2671 C 4.5564 10.2671 4.6917 10.4091 4.6917 10.5848 L 4.6917 11.6936 C 4.6917 11.869 4.5564 12.0114 4.3895 12.0114 ZM 4.3895 9.2394 L 3.3356 9.2394 C 3.1689 9.2394 3.0338 9.0973 3.0338 8.9214 L 3.0338 7.8126 C 3.0338 7.6372 3.1689 7.4951 3.3356 7.4951 L 4.3895 7.4951 C 4.5564 7.4951 4.6917 7.6372 4.6917 7.8126 L 4.6917 8.9214 C 4.6917 9.0973 4.5564 9.2394 4.3895 9.2394 ZM 10.5067 3.8148 L 9.6846 3.8148 C 9.4351 3.8148 9.2328 3.6021 9.2328 3.3396 L 9.2328 0.5626 C 9.2328 0.3001 9.4351 0.0872 9.6846 0.0872 L 10.5067 0.0872 C 10.7562 0.0872 10.9584 0.3001 10.9584 0.5626 L 10.9584 3.3396 C 10.9584 3.6021 10.7562 3.8148 10.5067 3.8148 ZM 3.2861 3.8148 L 2.4639 3.8148 C 2.2142 3.8148 2.012 3.6021 2.012 3.3396 L 2.012 0.5626 C 2.012 0.3001 2.2142 0.0872 2.4639 0.0872 L 3.2861 0.0872 C 3.5355 0.0872 3.7379 0.3001 3.7379 0.5626 L 3.7379 3.3396 C 3.7379 3.6021 3.5355 3.8148 3.2861 3.8148 Z"
                                            fill="#43515d" />
                                    </g>
                                </svg>
                                <select minimumResults="-1" data-jquery="select2_custom_ddl" class="select2_custom_ddl"
                                    ng-model="dashCtrl.revenueStatusSelected"
                                    ng-change="dashCtrl.changeRevenueStatus(dashCtrl.revenueStatusSelected)"
                                    data-ng-options="item.id as item.name for item in dashCtrl.dropdown">
                                </select>
                            </div>
                        </div>

                        <div class="card-content graph">
                            <div id="users-chart" style="height: 350px; width: 100%;"></div>
                        </div>
                    </div>
                </div>

                <div class="dashbord-section-grid flexbox width-50">
                    <div class="card">
                        <div class="card-heading flexbox align-items-center">
                            <h3>{{ __('video::dashboard.subscribed_user') }}</h3>
                            <div class="dashboard-select">
                                <svg viewBox="0 0 13 14" x="0px" y="0px" width="14px" height="14px">
                                    <g>
                                        <path
                                            d="M 11.8093 14.0901 L 1.1838 14.0901 C 0.5251 14.0901 -0.0088 13.5209 -0.0088 12.8276 L -0.0088 2.9009 C -0.0088 2.2202 0.5137 1.6666 1.1493 1.6465 L 1.1493 3.3405 C 1.1493 4.106 1.7395 4.7229 2.4669 4.7229 L 3.2981 4.7229 C 4.0254 4.7229 4.6234 4.106 4.6234 3.3405 L 4.6234 1.6406 L 8.3698 1.6406 L 8.3698 3.3405 C 8.3698 4.106 8.9677 4.7229 9.6952 4.7229 L 10.5264 4.7229 C 11.2537 4.7229 11.844 4.106 11.844 3.3405 L 11.844 1.6465 C 12.4796 1.6666 13.002 2.2202 13.002 2.9009 L 13.002 12.8276 C 13.002 13.5198 12.4672 14.0901 11.8093 14.0901 ZM 11.4578 7.0818 C 11.4578 6.782 11.2271 6.5391 10.9423 6.5391 L 2.0282 6.5391 C 1.7433 6.5391 1.5126 6.782 1.5126 7.0818 L 1.5126 12.2095 C 1.5126 12.5091 1.7435 12.7519 2.0282 12.7519 L 10.9424 12.7519 C 11.2271 12.7519 11.4578 12.5091 11.4578 12.2095 L 11.4578 7.0818 ZM 9.6577 12.0114 L 8.6036 12.0114 C 8.4369 12.0114 8.3016 11.869 8.3016 11.6936 L 8.3016 10.5848 C 8.3016 10.4091 8.4369 10.2671 8.6036 10.2671 L 9.6577 10.2671 C 9.8242 10.2671 9.9594 10.4091 9.9594 10.5848 L 9.9594 11.6936 C 9.9594 11.869 9.8242 12.0114 9.6577 12.0114 ZM 9.6576 9.2394 L 8.6036 9.2394 C 8.4369 9.2394 8.3016 9.0973 8.3016 8.9214 L 8.3016 7.8126 C 8.3016 7.6372 8.4369 7.4951 8.6036 7.4951 L 9.6576 7.4951 C 9.8242 7.4951 9.9594 7.6372 9.9594 7.8126 L 9.9594 8.9214 C 9.9594 9.0973 9.8242 9.2394 9.6576 9.2394 ZM 7.0237 12.0114 L 5.9696 12.0114 C 5.803 12.0114 5.6678 11.869 5.6678 11.6936 L 5.6678 10.5848 C 5.6678 10.4091 5.803 10.2671 5.9696 10.2671 L 7.0237 10.2671 C 7.1902 10.2671 7.3254 10.4091 7.3254 10.5848 L 7.3254 11.6936 C 7.3254 11.869 7.1902 12.0114 7.0237 12.0114 ZM 7.0237 9.2394 L 5.9696 9.2394 C 5.803 9.2394 5.6678 9.0973 5.6678 8.9214 L 5.6678 7.8126 C 5.6678 7.6372 5.803 7.4951 5.9696 7.4951 L 7.0237 7.4951 C 7.1902 7.4951 7.3254 7.6372 7.3254 7.8126 L 7.3254 8.9214 C 7.3254 9.0973 7.1902 9.2394 7.0237 9.2394 ZM 4.3895 12.0114 L 3.3356 12.0114 C 3.1689 12.0114 3.0338 11.869 3.0338 11.6936 L 3.0338 10.5848 C 3.0338 10.4091 3.1689 10.2671 3.3356 10.2671 L 4.3895 10.2671 C 4.5564 10.2671 4.6917 10.4091 4.6917 10.5848 L 4.6917 11.6936 C 4.6917 11.869 4.5564 12.0114 4.3895 12.0114 ZM 4.3895 9.2394 L 3.3356 9.2394 C 3.1689 9.2394 3.0338 9.0973 3.0338 8.9214 L 3.0338 7.8126 C 3.0338 7.6372 3.1689 7.4951 3.3356 7.4951 L 4.3895 7.4951 C 4.5564 7.4951 4.6917 7.6372 4.6917 7.8126 L 4.6917 8.9214 C 4.6917 9.0973 4.5564 9.2394 4.3895 9.2394 ZM 10.5067 3.8148 L 9.6846 3.8148 C 9.4351 3.8148 9.2328 3.6021 9.2328 3.3396 L 9.2328 0.5626 C 9.2328 0.3001 9.4351 0.0872 9.6846 0.0872 L 10.5067 0.0872 C 10.7562 0.0872 10.9584 0.3001 10.9584 0.5626 L 10.9584 3.3396 C 10.9584 3.6021 10.7562 3.8148 10.5067 3.8148 ZM 3.2861 3.8148 L 2.4639 3.8148 C 2.2142 3.8148 2.012 3.6021 2.012 3.3396 L 2.012 0.5626 C 2.012 0.3001 2.2142 0.0872 2.4639 0.0872 L 3.2861 0.0872 C 3.5355 0.0872 3.7379 0.3001 3.7379 0.5626 L 3.7379 3.3396 C 3.7379 3.6021 3.5355 3.8148 3.2861 3.8148 Z"
                                            fill="#43515d" />
                                    </g>
                                </svg>
                                <select minimumResults="-1" data-jquery="select2_custom_ddl" class="select2_custom_ddl"
                                    style="width:100px" ng-model="dashCtrl.subscribersDropdownSelected"
                                    ng-change="dashCtrl.changeSubscribedCustomers(dashCtrl.subscribersDropdownSelected)"
                                    data-ng-options="item.id as item.name for item in dashCtrl.dropdown">
                                </select>
                            </div>
                        </div>

                        <div class="card-content graph">
                            <div id="users-subscriber-chart" style="height: 350px; width: 100%;"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="dashbord-section flexbox flex-wrap">
                <div class="dashbord-section-grid flexbox width-50">
                    <div class="card">
                        <div class="card-heading flexbox align-items-center">
                            <h3>{{ __('video::dashboard.geographic_view') }}</h3>
                            <div class="dashboard-select">
                                <svg viewBox="0 0 13 14" x="0px" y="0px" width="14px" height="14px">
                                    <g>
                                        <path
                                            d="M 11.8093 14.0901 L 1.1838 14.0901 C 0.5251 14.0901 -0.0088 13.5209 -0.0088 12.8276 L -0.0088 2.9009 C -0.0088 2.2202 0.5137 1.6666 1.1493 1.6465 L 1.1493 3.3405 C 1.1493 4.106 1.7395 4.7229 2.4669 4.7229 L 3.2981 4.7229 C 4.0254 4.7229 4.6234 4.106 4.6234 3.3405 L 4.6234 1.6406 L 8.3698 1.6406 L 8.3698 3.3405 C 8.3698 4.106 8.9677 4.7229 9.6952 4.7229 L 10.5264 4.7229 C 11.2537 4.7229 11.844 4.106 11.844 3.3405 L 11.844 1.6465 C 12.4796 1.6666 13.002 2.2202 13.002 2.9009 L 13.002 12.8276 C 13.002 13.5198 12.4672 14.0901 11.8093 14.0901 ZM 11.4578 7.0818 C 11.4578 6.782 11.2271 6.5391 10.9423 6.5391 L 2.0282 6.5391 C 1.7433 6.5391 1.5126 6.782 1.5126 7.0818 L 1.5126 12.2095 C 1.5126 12.5091 1.7435 12.7519 2.0282 12.7519 L 10.9424 12.7519 C 11.2271 12.7519 11.4578 12.5091 11.4578 12.2095 L 11.4578 7.0818 ZM 9.6577 12.0114 L 8.6036 12.0114 C 8.4369 12.0114 8.3016 11.869 8.3016 11.6936 L 8.3016 10.5848 C 8.3016 10.4091 8.4369 10.2671 8.6036 10.2671 L 9.6577 10.2671 C 9.8242 10.2671 9.9594 10.4091 9.9594 10.5848 L 9.9594 11.6936 C 9.9594 11.869 9.8242 12.0114 9.6577 12.0114 ZM 9.6576 9.2394 L 8.6036 9.2394 C 8.4369 9.2394 8.3016 9.0973 8.3016 8.9214 L 8.3016 7.8126 C 8.3016 7.6372 8.4369 7.4951 8.6036 7.4951 L 9.6576 7.4951 C 9.8242 7.4951 9.9594 7.6372 9.9594 7.8126 L 9.9594 8.9214 C 9.9594 9.0973 9.8242 9.2394 9.6576 9.2394 ZM 7.0237 12.0114 L 5.9696 12.0114 C 5.803 12.0114 5.6678 11.869 5.6678 11.6936 L 5.6678 10.5848 C 5.6678 10.4091 5.803 10.2671 5.9696 10.2671 L 7.0237 10.2671 C 7.1902 10.2671 7.3254 10.4091 7.3254 10.5848 L 7.3254 11.6936 C 7.3254 11.869 7.1902 12.0114 7.0237 12.0114 ZM 7.0237 9.2394 L 5.9696 9.2394 C 5.803 9.2394 5.6678 9.0973 5.6678 8.9214 L 5.6678 7.8126 C 5.6678 7.6372 5.803 7.4951 5.9696 7.4951 L 7.0237 7.4951 C 7.1902 7.4951 7.3254 7.6372 7.3254 7.8126 L 7.3254 8.9214 C 7.3254 9.0973 7.1902 9.2394 7.0237 9.2394 ZM 4.3895 12.0114 L 3.3356 12.0114 C 3.1689 12.0114 3.0338 11.869 3.0338 11.6936 L 3.0338 10.5848 C 3.0338 10.4091 3.1689 10.2671 3.3356 10.2671 L 4.3895 10.2671 C 4.5564 10.2671 4.6917 10.4091 4.6917 10.5848 L 4.6917 11.6936 C 4.6917 11.869 4.5564 12.0114 4.3895 12.0114 ZM 4.3895 9.2394 L 3.3356 9.2394 C 3.1689 9.2394 3.0338 9.0973 3.0338 8.9214 L 3.0338 7.8126 C 3.0338 7.6372 3.1689 7.4951 3.3356 7.4951 L 4.3895 7.4951 C 4.5564 7.4951 4.6917 7.6372 4.6917 7.8126 L 4.6917 8.9214 C 4.6917 9.0973 4.5564 9.2394 4.3895 9.2394 ZM 10.5067 3.8148 L 9.6846 3.8148 C 9.4351 3.8148 9.2328 3.6021 9.2328 3.3396 L 9.2328 0.5626 C 9.2328 0.3001 9.4351 0.0872 9.6846 0.0872 L 10.5067 0.0872 C 10.7562 0.0872 10.9584 0.3001 10.9584 0.5626 L 10.9584 3.3396 C 10.9584 3.6021 10.7562 3.8148 10.5067 3.8148 ZM 3.2861 3.8148 L 2.4639 3.8148 C 2.2142 3.8148 2.012 3.6021 2.012 3.3396 L 2.012 0.5626 C 2.012 0.3001 2.2142 0.0872 2.4639 0.0872 L 3.2861 0.0872 C 3.5355 0.0872 3.7379 0.3001 3.7379 0.5626 L 3.7379 3.3396 C 3.7379 3.6021 3.5355 3.8148 3.2861 3.8148 Z"
                                            fill="#43515d" />
                                    </g>
                                </svg>
                                <select minimumResults="-1" data-jquery="select2_custom_ddl" class="select2_custom_ddl"
                                    style="width:100px" ng-model="dashCtrl.regionwiseDateValue"
                                    ng-change="dashCtrl.applyDateFilter('regionwise',dashCtrl.regionwiseDateValue)"
                                    data-ng-options="item.id as item.name for item in dashCtrl.dropdown">
                                </select>
                            </div>
                        </div>

                        <div class="card-content">
                            <div class="table-responsive">
                                <table>
                                    <thead>
                                        <tr>
                                            <th>{{ __('video::dashboard.location') }}</th>
                                            <th class="center">{{ __('video::dashboard.total_videos') }}</th>
                                            <th class="center">{{ __('video::dashboard.percentage') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr data-ng-if="!dashCtrl.regionwise_analytics.data.length">
                                            <td colspan="7" class="no-data center">
                                                {{ trans('base::general.not_found') }}</td>
                                        </tr>
                                        <tr data-ng-if="dashCtrl.regionwise_analytics.data.length > 0"
                                            data-ng-repeat="record in dashCtrl.regionwise_analytics.data">
                                            <td>
                                                <p class="strong">@{{ record._id }}</p>
                                            </td>
                                            <td class="center">@{{ record.count }}</td>
                                            <td class="center">@{{ record.percentage | decimalPoint }}%</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <a href="{{ url('admin/analytics/region-wise-view') }}"
                                data-ng-if="dashCtrl.regionwise_analytics.next_page_url"
                                class="viewall">{{ __('video::dashboard.view_all') }}</a>
                        </div>
                    </div>
                </div>

                <div class="dashbord-section-grid flexbox width-50">
                    <div class="card">
                        <div class="card-heading flexbox align-items-center">
                            <h3>{{ __('video::dashboard.platform_user_count') }}</h3>
                            <div class="dashboard-select">
                                <svg viewBox="0 0 13 14" x="0px" y="0px" width="14px" height="14px">
                                    <g>
                                        <path
                                            d="M 11.8093 14.0901 L 1.1838 14.0901 C 0.5251 14.0901 -0.0088 13.5209 -0.0088 12.8276 L -0.0088 2.9009 C -0.0088 2.2202 0.5137 1.6666 1.1493 1.6465 L 1.1493 3.3405 C 1.1493 4.106 1.7395 4.7229 2.4669 4.7229 L 3.2981 4.7229 C 4.0254 4.7229 4.6234 4.106 4.6234 3.3405 L 4.6234 1.6406 L 8.3698 1.6406 L 8.3698 3.3405 C 8.3698 4.106 8.9677 4.7229 9.6952 4.7229 L 10.5264 4.7229 C 11.2537 4.7229 11.844 4.106 11.844 3.3405 L 11.844 1.6465 C 12.4796 1.6666 13.002 2.2202 13.002 2.9009 L 13.002 12.8276 C 13.002 13.5198 12.4672 14.0901 11.8093 14.0901 ZM 11.4578 7.0818 C 11.4578 6.782 11.2271 6.5391 10.9423 6.5391 L 2.0282 6.5391 C 1.7433 6.5391 1.5126 6.782 1.5126 7.0818 L 1.5126 12.2095 C 1.5126 12.5091 1.7435 12.7519 2.0282 12.7519 L 10.9424 12.7519 C 11.2271 12.7519 11.4578 12.5091 11.4578 12.2095 L 11.4578 7.0818 ZM 9.6577 12.0114 L 8.6036 12.0114 C 8.4369 12.0114 8.3016 11.869 8.3016 11.6936 L 8.3016 10.5848 C 8.3016 10.4091 8.4369 10.2671 8.6036 10.2671 L 9.6577 10.2671 C 9.8242 10.2671 9.9594 10.4091 9.9594 10.5848 L 9.9594 11.6936 C 9.9594 11.869 9.8242 12.0114 9.6577 12.0114 ZM 9.6576 9.2394 L 8.6036 9.2394 C 8.4369 9.2394 8.3016 9.0973 8.3016 8.9214 L 8.3016 7.8126 C 8.3016 7.6372 8.4369 7.4951 8.6036 7.4951 L 9.6576 7.4951 C 9.8242 7.4951 9.9594 7.6372 9.9594 7.8126 L 9.9594 8.9214 C 9.9594 9.0973 9.8242 9.2394 9.6576 9.2394 ZM 7.0237 12.0114 L 5.9696 12.0114 C 5.803 12.0114 5.6678 11.869 5.6678 11.6936 L 5.6678 10.5848 C 5.6678 10.4091 5.803 10.2671 5.9696 10.2671 L 7.0237 10.2671 C 7.1902 10.2671 7.3254 10.4091 7.3254 10.5848 L 7.3254 11.6936 C 7.3254 11.869 7.1902 12.0114 7.0237 12.0114 ZM 7.0237 9.2394 L 5.9696 9.2394 C 5.803 9.2394 5.6678 9.0973 5.6678 8.9214 L 5.6678 7.8126 C 5.6678 7.6372 5.803 7.4951 5.9696 7.4951 L 7.0237 7.4951 C 7.1902 7.4951 7.3254 7.6372 7.3254 7.8126 L 7.3254 8.9214 C 7.3254 9.0973 7.1902 9.2394 7.0237 9.2394 ZM 4.3895 12.0114 L 3.3356 12.0114 C 3.1689 12.0114 3.0338 11.869 3.0338 11.6936 L 3.0338 10.5848 C 3.0338 10.4091 3.1689 10.2671 3.3356 10.2671 L 4.3895 10.2671 C 4.5564 10.2671 4.6917 10.4091 4.6917 10.5848 L 4.6917 11.6936 C 4.6917 11.869 4.5564 12.0114 4.3895 12.0114 ZM 4.3895 9.2394 L 3.3356 9.2394 C 3.1689 9.2394 3.0338 9.0973 3.0338 8.9214 L 3.0338 7.8126 C 3.0338 7.6372 3.1689 7.4951 3.3356 7.4951 L 4.3895 7.4951 C 4.5564 7.4951 4.6917 7.6372 4.6917 7.8126 L 4.6917 8.9214 C 4.6917 9.0973 4.5564 9.2394 4.3895 9.2394 ZM 10.5067 3.8148 L 9.6846 3.8148 C 9.4351 3.8148 9.2328 3.6021 9.2328 3.3396 L 9.2328 0.5626 C 9.2328 0.3001 9.4351 0.0872 9.6846 0.0872 L 10.5067 0.0872 C 10.7562 0.0872 10.9584 0.3001 10.9584 0.5626 L 10.9584 3.3396 C 10.9584 3.6021 10.7562 3.8148 10.5067 3.8148 ZM 3.2861 3.8148 L 2.4639 3.8148 C 2.2142 3.8148 2.012 3.6021 2.012 3.3396 L 2.012 0.5626 C 2.012 0.3001 2.2142 0.0872 2.4639 0.0872 L 3.2861 0.0872 C 3.5355 0.0872 3.7379 0.3001 3.7379 0.5626 L 3.7379 3.3396 C 3.7379 3.6021 3.5355 3.8148 3.2861 3.8148 Z"
                                            fill="#43515d" />
                                    </g>
                                </svg>
                                <select minimumResults="-1" data-jquery="select2_custom_ddl" class="select2_custom_ddl"
                                    style="width:100px" ng-model="dashCtrl.platformwiseDateValue"
                                    ng-change="dashCtrl.applyDateFilter('platformwise',dashCtrl.platformwiseDateValue)"
                                    data-ng-options="item.id as item.name for item in dashCtrl.dropdown">
                                </select>
                            </div>
                        </div>

                        <div class="card-content">
                            <div class="table-responsive">
                                <table>
                                    <thead>
                                        <tr>
                                            <th>{{ __('video::dashboard.platform') }}</th>
                                            <th class="center">{{ __('video::dashboard.count') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div class="table-image-text flexbox align-items-center">
                                                    <div class="image static-image">
                                                        <img src="{{ asset('adminview/assets/images/web.png') }}" />
                                                    </div>

                                                    <div class="text">
                                                        {{ __('video::dashboard.desktop_laptop') }}
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="center" data-ng-if="dashCtrl.platformwise_analytics_web[0]">
                                                @{{ dashCtrl.platformwise_analytics_web[0].count }}</td>
                                            <td class="center" data-ng-if="!dashCtrl.platformwise_analytics_web[0]">0</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="table-image-text flexbox align-items-center">
                                                    <div class="image static-image">
                                                        <img src="{{ asset('adminview/assets/images/apple.png') }}" />
                                                    </div>

                                                    <div class="text">
                                                        {{ __('video::dashboard.iphone') }}
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="center" data-ng-if="dashCtrl.platformwise_analytics_ios[0]">
                                                @{{ dashCtrl.platformwise_analytics_ios[0].count }}</td>
                                            <td class="center" data-ng-if="!dashCtrl.platformwise_analytics_ios[0]">0</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="table-image-text flexbox align-items-center">
                                                    <div class="image static-image">
                                                        <img src="{{ asset('adminview/assets/images/android.png') }}" />
                                                    </div>

                                                    <div class="text">
                                                        {{ __('video::dashboard.android') }}
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="center" data-ng-if="dashCtrl.platformwise_analytics_android[0]">
                                                @{{ dashCtrl.platformwise_analytics_android[0].count }}</td>
                                            <td class="center" data-ng-if="!dashCtrl.platformwise_analytics_android[0]">0
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <a href="{{ url('admin/analytics/region-wise-view') }}"
                                data-ng-if="dashCtrl.regionwise_analytics.next_page_url"
                                class="viewall">{{ __('video::dashboard.view_all') }}</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="dashbord-section flexbox flex-wrap">
                <div class="dashbord-section-grid flexbox width-50">
                    <div class="card">
                        <div class="card-heading flexbox align-items-center">
                            <h3>{{ __('video::dashboard.most_viewed_videos') }}</h3>
                        </div>

                        <div class="card-content">
                            <div class="table-responsive">
                                <table>
                                    <thead>
                                        <tr>
                                            <th>{{ __('video::dashboard.video_name') }}</th>
                                            <th class="center">{{ __('video::dashboard.views') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr data-ng-if="dashCtrl.latestVideos.data.length == 0">
                                            <td colspan="7" class="no-data center">
                                                {{ trans('base::general.not_found') }}</td>
                                        </tr>
                                        <tr data-ng-if="dashCtrl.latestVideos.data.length > 0"
                                            data-ng-repeat="record in dashCtrl.latestVideos.data">
                                            <td>
                                                <div class="table-image-text flexbox align-items-center">
                                                    <a ng-if="record.is_live==0"
                                                        href="{{ url('admin/videos/view-details-video') }}/@{{ record.id }}"
                                                        class="table-image-text flexbox align-items-center">
                                                        <div class="image" bg-image="@{{ record.thumbnail_image }}"
                                                            on-error-src="{{ asset('storage/assets/images/no-preview.png') }}">
                                                        </div>
                                                    </a>
                                                    <a ng-if="record.is_live==1"
                                                        href="{{ url('admin/livevideos/view-details-video') }}/@{{ record.id }}"
                                                        class="table-image-text flexbox align-items-center">
                                                        <div class="image" bg-image="@{{ record.thumbnail_image }}"
                                                            on-error-src="{{ asset('storage/assets/images/no-preview.png') }}">
                                                        </div>
                                                    </a>

                                                    <div class="text">
                                                        <a ng-if="record.is_live==0"
                                                            href="{{ url('admin/videos/view-details-video') }}/@{{ record.id }}"
                                                            class="table-image-text flexbox align-items-center">
                                                            @{{ record.title }}</a>
                                                        <a ng-if="record.is_live==1"
                                                            href="{{ url('admin/livevideos/view-details-video') }}/@{{ record.id }}"
                                                            class="table-image-text flexbox align-items-center">
                                                            @{{ record.title }}</a>

                                                    </div>
                                                </div>
                                            </td>
                                            <td class="center">@{{ record.view_count }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <a href="{{ url('admin/analytics/most-viewed') }}"
                                data-ng-if="dashCtrl.latestVideos.next_page_url"
                                class="viewall">{{ __('video::dashboard.view_all') }}
                            </a>
                        </div>
                    </div>
                </div>

                <div class="dashbord-section-grid flexbox width-50">
                    <div class="card">
                        <div class="card-heading flexbox align-items-center">
                            <h3>{{ __('video::dashboard.top_categories') }}</h3>
                        </div>

                        <div class="card-content">
                            <div class="table-responsive">
                                <table>
                                    <thead>
                                        <tr>
                                            <th>{{ __('video::dashboard.category') }}</th>
                                            <th class="center">{{ __('video::dashboard.total_videos') }}</th>
                                            <th class="center">{{ __('video::dashboard.views') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr data-ng-if="dashCtrl.topCategories.data.length == 0">
                                            <td colspan="7" class="no-data center">
                                                {{ trans('base::general.not_found') }}</td>
                                        </tr>
                                        <tr data-ng-if="dashCtrl.topCategories.data.length > 0"
                                            data-ng-repeat="record in dashCtrl.topCategories.data">
                                            <td>
                                                <p class="img_description">@{{ record.title }}</p>
                                            </td>
                                            <td class="center">@{{ record.videos_count }}</td>
                                            <td class="center">
                                                @{{ (record.videos_view_count) ? record.videos_view_count: 0 | INR }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <a href="{{ url('admin/analytics/top-category') }}"
                                data-ng-if="dashCtrl.topCategories.next_page_url"
                                class="viewall">{{ __('video::dashboard.view_all') }}</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="dashbord-section flexbox flex-wrap">
                <!-- <div class="dashbord-section-grid flexbox width-50">
                                        <div class="card">
                                            <div class="card-heading flexbox align-items-center">
                                                <h3>{{ __('video::dashboard.most_commented_videos') }}</h3>
                                            </div>

                                            <div class="card-content">
                                                <div class="table-responsive">
                                                    <table>
                                                        <thead>
                                                            <tr>
                                                                <th>{{ __('video::dashboard.video_name') }}</th>
                                                                <th class="center">{{ __('video::dashboard.comments') }}</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr data-ng-if="dashCtrl.mostCommentedVideos.data.length == 0">
                                                                <td colspan="7" class="no-data center">{{ trans('base::general.not_found') }}</td>
                                                            </tr>
                                                            <tr data-ng-if="dashCtrl.mostCommentedVideos.data.length > 0"
                                                                data-ng-repeat="record in dashCtrl.mostCommentedVideos.data">
                                                                <td>
                                                                    <div class="table-image-text flexbox align-items-center">
                                                                        <a  href="{{ url('admin/videos/view-details-video') }}/@{{ record.video.id }}"
                                                                            class="table-image-text flexbox align-items-center">
                                                                            <div class="image" bg-image="@{{ record.video.thumbnail_image }}" on-error-src="{{ url('contus/base/images/no-preview.png') }}">
                                                                            </div>
                                                                        </a>
                                                                        <div class="text">
                                                                            <a  href="{{ url('admin/videos/view-details-video') }}/@{{ record.video.id }}"
                                                                                class="table-image-text flexbox align-items-center">
                                                                                @{{ record.video.title }}</a>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                                <td class="center">@{{ record.aggregate }}</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                                <a href="{{ url('admin/analytics/most-commented') }}"
                                                    data-ng-if="dashCtrl.mostCommentedVideos.next_page_url"
                                                    class="viewall">{{ __('video::dashboard.view_all') }}</a>
                                            </div>
                                        </div>
                                    </div> -->

                <div class="dashbord-section-grid flexbox width-50">
                    <div class="card">
                        <div class="card-heading flexbox align-items-center">
                            <h3>{{ __('video::dashboard.favourite_videos') }}</h3>
                        </div>

                        <div class="card-content">
                            <div class="table-responsive">
                                <table>
                                    <thead>
                                        <tr>
                                            <th>{{ __('video::dashboard.video_name') }}</th>
                                            <th class="center">{{ __('video::dashboard.favourite') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr data-ng-if="dashCtrl.favouriteVideos.data.length == 0">
                                            <td colspan="7" class="no-data center">
                                                {{ trans('base::general.not_found') }}</td>
                                        </tr>
                                        <tr data-ng-if="dashCtrl.favouriteVideos.data.length > 0"
                                            data-ng-repeat="record in dashCtrl.favouriteVideos.data | orderBy:'-favourite_count' track by $index"">
                                            <td>
                                                <div class=" table-image-text flexbox align-items-center">
                                                    <a ng-if="record.is_live==0"
                                                        href="{{ url('admin/videos/view-details-video') }}/@{{ record.id }}"
                                                        class="table-image-text flexbox align-items-center">
                                                        <div class="image" data-ng-if="record.thumbnail_image"
                                                            style="background-image: url(@{{ record.thumbnail_image }}">
                                                        </div>
                                                        <div class="image" data-ng-if="!record.thumbnail_image"
                                                            style="background-image: url({{ asset('adminview/assets/images/admin/no_image_available.jpg') }})">
                                                        </div>
                                                    </a>
                                                    <a ng-if="record.is_live==1"
                                                        href="{{ url('admin/livevideos/view-details-video') }}/@{{ record.id }}"
                                                        class="table-image-text flexbox align-items-center">
                                                        <div class="image" data-ng-if="record.thumbnail_image"
                                                            style="background-image: url(@{{ record.thumbnail_image }}">
                                                        </div>
                                                        <div class="image" data-ng-if="!record.thumbnail_image"
                                                            style="background-image: url({{ url('adminview/assets/images/admin/no_image_available.jpg') }})">
                                                        </div>
                                                    </a>

                                                    <div class="text">
                                                        <a ng-if="record.is_live==0"
                                                            href="{{ url('admin/videos/view-details-video') }}/@{{ record.id }}"
                                                            class="table-image-text flexbox align-items-center">
                                                            @{{ record.title }}</a>
                                                        <a ng-if="record.is_live==1"
                                                            href="{{ url('admin/livevideos/view-details-video') }}/@{{ record.id }}"
                                                            class="table-image-text flexbox align-items-center">
                                                            @{{ record.title }}</a>
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="center">
                                                <svg x="0px" y="0px" viewBox="0 0 50 50" width="13px" height="13px"
                                                    class="fav_ic">
                                                    <path style="fill:#D75A4A;"
                                                        d="M24.85,10.126c2.018-4.783,6.628-8.125,11.99-8.125c7.223,0,12.425,6.179,13.079,13.543  c0,0,0.353,1.828-0.424,5.119c-1.058,4.482-3.545,8.464-6.898,11.503L24.85,48L7.402,32.165c-3.353-3.038-5.84-7.021-6.898-11.503  c-0.777-3.291-0.424-5.119-0.424-5.119C0.734,8.179,5.936,2,13.159,2C18.522,2,22.832,5.343,24.85,10.126z">
                                                    </path>
                                                </svg>
                                                @{{ record.favourite_count }}
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <a href="{{ url('admin/analytics/most-favourite') }}"
                                data-ng-if="dashCtrl.favouriteVideos.next_page_url"
                                class="viewall">{{ __('video::dashboard.view_all') }}<span class="viewall-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div ng-class="showDemoVideo ? 'video-demo-popup in' : 'video-demo-popup' ">
                <div class="overlay" ng-click="showDemoVideo = !showDemoVideo"></div>
                <div class="video-demo-popup-content">
                    <span class="close" ng-click="showDemoVideo = !showDemoVideo">
                        <svg viewBox="0 0 30 31" version="1.1" x="0px" y="0px" width="30px" height="31px">
                            <g>
                                <path
                                    d="M 15.1777 0.6068 C 23.3376 0.6068 29.9525 7.2193 29.9525 15.3763 C 29.9525 23.5334 23.3376 30.146 15.1777 30.146 C 7.0178 30.146 0.403 23.5334 0.403 15.3763 C 0.403 7.2193 7.0178 0.6068 15.1777 0.6068 Z"
                                    fill="#ffffff" />
                                <path opacity="0.749"
                                    d="M 16.6619 15.5463 C 16.5675 15.452 16.5675 15.3102 16.6619 15.2158 L 20.2021 11.674 C 20.2965 11.5795 20.3438 11.4379 20.3438 11.3435 C 20.3438 11.249 20.2965 11.1073 20.2021 11.0128 L 19.5414 10.3518 C 19.4469 10.2573 19.3054 10.2101 19.2109 10.2101 C 19.0692 10.2101 18.9749 10.2573 18.8804 10.3518 L 15.3402 13.8935 C 15.2458 13.988 15.1041 13.988 15.0098 13.8935 L 11.4696 10.3518 C 11.3752 10.2573 11.2335 10.2101 11.1392 10.2101 C 11.0447 10.2101 10.9032 10.2573 10.8088 10.3518 L 10.1478 11.0128 C 10.0536 11.1073 10.0063 11.249 10.0063 11.3435 C 10.0063 11.4379 10.0536 11.5795 10.1478 11.674 L 13.6882 15.2158 C 13.7826 15.3102 13.7826 15.452 13.6882 15.5463 L 10.1478 19.0883 C 10.0536 19.1826 10.0063 19.3244 10.0063 19.4188 C 10.0063 19.5133 10.0536 19.6549 10.1478 19.7494 L 10.8088 20.4105 C 10.9032 20.505 11.0447 20.5522 11.1392 20.5522 C 11.2335 20.5522 11.3752 20.505 11.4696 20.4105 L 15.0098 16.8687 C 15.1041 16.7742 15.2458 16.7742 15.3402 16.8687 L 18.8804 20.4105 C 18.9749 20.505 19.1165 20.5522 19.2109 20.5522 C 19.3054 20.5522 19.4469 20.505 19.5414 20.4105 L 20.2021 19.7494 C 20.2965 19.6549 20.3438 19.5133 20.3438 19.4188 C 20.3438 19.3244 20.2965 19.1826 20.2021 19.0883 L 16.6619 15.5463 Z"
                                    fill="#000000" />
                            </g>
                        </svg>
                    </span>

                    <div class="video-demo-content">
                        <iframe src="https://www.youtube.com/embed/yWd4mzGqQYo"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            var loader = $('#preloader');
            loader.find('#status').css('display', 'none');
            loader.css('display', 'none');
        });
    </script>
    <script src="{{ asset('adminview/assets/js/canvasjs.min.js') }}"></script>
    <script src="{{ asset('adminview/assets/js/requestFactory.js') }}"></script>
    <script src="{{ asset('adminview/assets/js/gridView.js') }}"></script>
    <script src="{{ asset('adminview/assets/js/dashboard/dashboard.js') }}"></script>
    <script src="{{ asset('adminview/assets/js/common/common.js') }}"></script>
    <script src="{{ asset('adminview/assets/js/grid.js') }}"></script>
    <!-- <script src="{{ asset('storage/assets/js/grid.js') }}"></script> -->
    <script src="{{ asset('adminview/assets/js/common/directive.js') }}"></script>
    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/modules/no-data-to-display.js"></script>
@endsection