@extends('base::layouts.default')
@section('stylesheet')
<link rel="stylesheet" href="{{asset('storage/assets/css/select2.min.css')}}" />
@endsection
@section('header')

@include('base::layouts.headers.dashboard')
@endsection
@section('content')
<div data-ng-controller="AnalyticsController as analyticsCtrl">

    <div class="dashboard-page analytics-page" id="dashboard-page">
        
        <div class="page-heading flexbox align-items-center flex-wrap">
            <h4>{{ __('video::analytics.Dashboard') }}</h4>
            <div class="right-side flexbox align-items-center">                
            </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="analyticsCtrl.total_visitor"
                        ng-change="analyticsCtrl.changeTotalVisitor(analyticsCtrl.total_visitor)"
                        data-ng-options="item.id as item.name for item in analyticsCtrl.dropdown">
                        </select>
                    </div>
                </div>
                <div class="flexbox flex-wrap overview-wrapper">
                    <div class="counts-list flexbox">
                        <div class="counts-list-a flexbox">
                            <div class="card counts-list-grid total-watched-videos flexbox align-items-center">
                                <div class="svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70">
                                <g id="page_view" data-name="page view" transform="translate(-656 -292)">
                                    <circle id="Ellipse_221" data-name="Ellipse 221" cx="35" cy="35" r="35" transform="translate(656 292)" fill="#ffac95"/>
                                    <g id="page_view-2" data-name="page view" transform="translate(675.6 311.6)">
                                    <g id="Group_2926" data-name="Group 2926">
                                        <path id="file_3_" data-name="file (3)" d="M9.383,28.513a1.325,1.325,0,0,1-1.291,1.356H5.165A5.306,5.306,0,0,1,0,24.445V5.425A5.306,5.306,0,0,1,5.165,0h21.87A5.306,5.306,0,0,1,32.2,5.425V15.483a1.293,1.293,0,1,1-2.583,0V5.425a2.653,2.653,0,0,0-2.583-2.712H5.165A2.653,2.653,0,0,0,2.583,5.425v19.02a2.653,2.653,0,0,0,2.583,2.712H8.092a1.325,1.325,0,0,1,1.291,1.356Z" fill="#e95c4e"/>
                                        <path id="file_3_2" data-name="file (3)" d="M40.972,43.148c-.055.082-.243.362-.36.517a22.63,22.63,0,0,1-3.45,3.735,10.421,10.421,0,0,1-6.679,2.758A10.421,10.421,0,0,1,23.805,47.4a22.624,22.624,0,0,1-3.45-3.735c-.117-.155-.305-.435-.36-.517a1.707,1.707,0,0,1,0-1.885c.055-.082.243-.362.36-.517a22.625,22.625,0,0,1,3.45-3.735,10.421,10.421,0,0,1,6.679-2.758,10.421,10.421,0,0,1,6.679,2.758,22.624,22.624,0,0,1,3.45,3.735c.117.155.305.435.36.517A1.707,1.707,0,0,1,40.972,43.148Zm-3.257-.942c-2.482-3.1-4.913-4.673-7.232-4.673s-4.749,1.571-7.232,4.673c2.482,3.1,4.913,4.673,7.232,4.673S35.233,45.307,37.716,42.205ZM30.562,39.09a3.119,3.119,0,1,0,2.966,3.115A3.043,3.043,0,0,0,30.562,39.09Zm0,0" transform="translate(-9.056 -17.958)" fill="#e95c4e"/>
                                    </g>
                                    <path id="file_3_3" data-name="file (3)" d="M32.362,6.275H4.576a1.4,1.4,0,0,0-1.4,1.4c0,.773.626,1.109,1.4,1.109H32.362c.772,0,1.4-.336,1.4-1.109A1.4,1.4,0,0,0,32.362,6.275Z" transform="translate(-2.216 2.627)" fill="#e95c4e"/>
                                    <path id="Path_2641" data-name="Path 2641" d="M1.422.413A1.383,1.383,0,1,1,.04,1.8,1.383,1.383,0,0,1,1.422.413Z" transform="translate(5.616 4.365)" fill="#e95c4e"/>
                                    <path id="Path_2642" data-name="Path 2642" d="M1.422.413A1.383,1.383,0,1,1,.04,1.8,1.383,1.383,0,0,1,1.422.413Z" transform="translate(11.216 4.365)" fill="#e95c4e"/>
                                    <path id="Path_2643" data-name="Path 2643" d="M1.422.413A1.383,1.383,0,1,1,.04,1.8,1.383,1.383,0,0,1,1.422.413Z" transform="translate(16.816 4.365)" fill="#e95c4e"/>
                                    </g>
                                </g>
                                </svg>
                                
                                </div>
                                <div class="content">
                                    <h3>{{ __('video::analytics.total_visitors') }}</h3>
                                    <h4>@{{(analyticsCtrl.visitors_count) ? analyticsCtrl.visitors_count:0 }}</h4>
                                   <!--  <p>{{ __('video::dashboard.platform_base_view') }}</p> -->
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="counts-list flexbox">
                        <div class="counts-list-a flexbox">
                            <div class="card counts-list-grid revenue-stacks flexbox align-items-center">
                                <div class="svg">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70">
                                    <g id="total_view" data-name="total view" transform="translate(-895 -292)">
                                        <circle id="Ellipse_220" data-name="Ellipse 220" cx="35" cy="35" r="35" transform="translate(895 292)" fill="#c2b2ff"/>
                                        <path id="total_view-2" data-name="total view" d="M14.03,11.08A2.032,2.032,0,0,1,16.159,13a2.032,2.032,0,0,1-2.129,1.919A2.032,2.032,0,0,1,11.9,13,2.032,2.032,0,0,1,14.03,11.08Zm0-3.691c3.431,0,6.222,2.517,6.222,5.611s-2.791,5.611-6.222,5.611S7.808,16.094,7.808,13,10.6,7.389,14.03,7.389Zm0,1.969A3.86,3.86,0,0,0,9.991,13a3.86,3.86,0,0,0,4.039,3.642A3.861,3.861,0,0,0,18.069,13,3.86,3.86,0,0,0,14.03,9.358ZM5.646,19.7A15.56,15.56,0,0,0,14,22.3a15.712,15.712,0,0,0,10.1-3.808.918.918,0,0,0,.049-1.391,1.177,1.177,0,0,0-1.543-.044A13.523,13.523,0,0,1,14,20.333c-5.442,0-9.761-3.93-11.455-6.253a1.805,1.805,0,0,1,0-2.161C4.239,9.6,8.557,5.666,14,5.666S23.732,9.6,25.411,11.925a1.809,1.809,0,0,1,0,2.149.928.928,0,0,0,.319,1.362,1.165,1.165,0,0,0,1.51-.288,3.619,3.619,0,0,0,0-4.3,18.625,18.625,0,0,0-4.9-4.547A15.475,15.475,0,0,0,14,3.7,15.56,15.56,0,0,0,5.646,6.3,18.774,18.774,0,0,0,.721,10.837a3.613,3.613,0,0,0,0,4.325A18.781,18.781,0,0,0,5.646,19.7ZM26.91,21a1.042,1.042,0,0,0-1.091.984V24a1.1,1.1,0,0,1-1.149,1.034H22.435a.99.99,0,1,0,0,1.969H24.67A3.183,3.183,0,0,0,28,24V21.98A1.042,1.042,0,0,0,26.91,21ZM27.038-.085A3.457,3.457,0,0,0,24.67-1H22.435a1.042,1.042,0,0,0-1.092.984,1.042,1.042,0,0,0,1.092.984H24.67a1.132,1.132,0,0,1,1.149,1.083V4.02A1.1,1.1,0,0,0,28,4.02V2.052a2.909,2.909,0,0,0-.964-2.137ZM5.679,25.031H3.389A1.1,1.1,0,0,1,2.241,24V22.029a1.042,1.042,0,0,0-1.092-.984,1.042,1.042,0,0,0-1.092.984V24a3.184,3.184,0,0,0,3.332,3h2.29a.99.99,0,1,0,0-1.969ZM1.149,5.054a1.042,1.042,0,0,0,1.092-.984V2.052A1.132,1.132,0,0,1,3.389.969H5.625A1.042,1.042,0,0,0,6.716-.016,1.042,1.042,0,0,0,5.625-1H3.389a3.457,3.457,0,0,0-2.368.915A2.908,2.908,0,0,0,.057,2.052V4.069a1.042,1.042,0,0,0,1.092.984Z" transform="translate(916.697 314.7)" fill="#6658e1" stroke="#6658e1" stroke-width="0.2"/>
                                    </g>
                                    </svg>
                                </div>
                                <div class="content">
                                    <h3>{{ __('video::analytics.total_pageviews') }}</h3>
                                        <h4>
                                        @{{ (analyticsCtrl.page_views) ? analyticsCtrl.page_views:0 }}</h4>
                                    <!-- <p>{{ __('video::dashboard.since')  }} @{{  analyticsCtrl.totalRevenueSince }}</p> -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="counts-list flexbox" style="display: none">
                        <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>@{{ analyticsCtrl.registerUser }}</h4>
                                    <p>{{ __('video::dashboard.signed_in') }}</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="counts-list flexbox" style="display: none">
                        <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>@{{ analyticsCtrl.subcribedUser }}</h4>
                                    <p>{{ __('video::dashboard.since')  }} @{{  analyticsCtrl.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::analytics.analytics_based_on_user_types') }}</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="analyticsCtrl.regionwiseDateValue"
                                ng-change="analyticsCtrl.applyDateFilter('regionwise',analyticsCtrl.regionwiseDateValue)"
                                data-ng-options="item.id as item.name for item in analyticsCtrl.dropdown">
                            </select>
                        </div>
                    </div>

                    <div class="card-content">
                        <div id="analytics-user-types" 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::analytics.analytics_based_on_top_browsers') }}</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="analyticsCtrl.topBrowser"
                                ng-change="analyticsCtrl.applyDateFilter('topBrowser',analyticsCtrl.topBrowser)"
                                data-ng-options="item.id as item.name for item in analyticsCtrl.dropdown">
                            </select>
                        </div>
                    </div>

                    <div class="card-content" >
                    
                        <div class="table-responsive">
                            <table>
                                <thead>
                                    <tr>
                                        <th>{{ __('video::analytics.browser') }} </th>
                                        <th class="center">{{ __('video::analytics.sessions') }} </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr data-ng-repeat="record in analyticsCtrl.top_browsers">
                                        <td>
                                            <div class="table-image-text flexbox align-items-center">
                                                <div class="text">
                                                    @{{record.browser}}
                                                </div>
                                            </div>
                                        </td>
                                        <td class="center" >
                                        @{{record.sessions}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <a href="{{url('admin/analytics/region-wise-view')}}"
                            data-ng-if="analyticsCtrl.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" style="display:none;">
                <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="analyticsCtrl.revenueStatusSelected"
                                ng-change="analyticsCtrl.changeRevenueStatus(analyticsCtrl.revenueStatusSelected)"
                                data-ng-options="item.id as item.name for item in analyticsCtrl.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" style="display:none;">
                <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="analyticsCtrl.subscribersDropdownSelected"
                                ng-change="analyticsCtrl.changeSubscribedCustomers(analyticsCtrl.subscribersDropdownSelected)"
                                data-ng-options="item.id as item.name for item in analyticsCtrl.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="flexbox justify-right">
            <a title="Google Analytics" target="_blank" href="https://analytics.google.com/analytics/web" class="button center button-blue">
                    <span>More..</span>
                </a>
        </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="{{$getBaseAssetsUrl('js/canvasjs.min.js')}}"></script>
<script src="{{$getBaseAssetsUrl('js/requestFactory.js')}}"></script>
<script src="{{$getBaseAssetsUrl('js/gridView.js')}}"></script>
<script src="{{$getVideoAssetsUrl('js/analytics/analytics.js')}}"></script>
<script src="{{$getBaseAssetsUrl('js/common/common.js')}}"></script>
<script src="{{$getBaseAssetsUrl('js/grid.js')}}"></script>
<script src="{{$getBaseAssetsUrl('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