@include('more.vendor.partials._header')

         {{-- Main content --}}
         <div class="main-content">
            <div class="row">
               <div class="col-xl-12 col-lg-12">
                  <div class="main-content-title-profile mb-50">
                     <div class="main-content-title">
                        <h3>{{ $title }}</h3>
                        <small>Discovery</small>
                        {{-- <img src="/more_new/assets/img/dashboard/icon/love-icon.svg" alt> --}}
                     </div>
                     <div class="profile">
                        <a href="/seller/profile">

                           {{-- {{ $current_time }} $active = 'dashboard'--}}
                           <span id="time_span"></span>
                           <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
                              <path d="M6.669 2.27202L0.94102 8L0 7.05898L5.72731 1.331H0.679478V0H8V7.32052H6.669V2.27202Z" />
                           </svg>
                        </a>
                     </div>
                  </div>
                  
                  {{-- Number Tablets --}}
                  <div class="counter-area">
                     <div class="row g-3">
                        
                        <div class="col-xl-6 col-md-6">
                           <div class="counter-single four">
                              <div class="counter-icon">
                                 {{-- <img src="/more_new/assets/img/dashboard/icon/counter-delete-property-icon.svg" alt> --}}
                              </div>
                              <div class="counter-content">
                                 <p>Impressions</p>
                                 <div class="number">
                                    <h3 class="counter">
                                       {{ $total_clicks->clicks }}
                                    </h3>
                                    <span>+20%</span>
                                 </div>
                                 {{-- <small>
                                    <a style="color:#fff;" href="/seller/ad/listings">
                                       View
                                    </a>
                                 </small> --}}
                              </div>
                              {{-- <img src="/more_new/assets/img/dashboard/icon/counter-area-top-vector.svg" alt class="counter-area-vector"> --}}
                           </div>
                        </div>
                        <div class="col-xl-6 col-md-6">
                           <div class="counter-single">
                              <div class="counter-icon">
                                 {{-- <img src="/more_new/assets/img/dashboard/icon/counter-active-property-icon.svg" alt> --}}
                              </div>
                              <div class="counter-content">
                                 <p>Unique visits</p>
                                 <div class="number">
                                    <h3 class="counter">
                                       {{ $unique_clicks->unique_visits }}
                                    </h3>
                                    <span>+10%</span>
                                 </div>
                              </div>
                           </div>
                        </div>
                        
                     </div>
                  </div>

                  {{-- Recently listed ads: posted in the past 24 hours --}}
                  <div class="recent-listing-area">
                     {{-- <h6> Analytics</h6> --}}
                     <div class="recent-listing-table">
                        <div class="row justify-content-center">
                           <div class="col-md-12">
               
                               <div class="card">
                                   <div class="card-header">
                                        Ad Listing Performance
                                    </div>
                                   <div class="card-body">
                                       {{-- <div id="performance_one_chart"> --}}

                                          <figure class="highcharts-figure">
                                             <div id="performance_one_chart"></div>
                                             <p class="highcharts-description">
                                                The number of times your ads were displayed on screen.
                                                {{-- This number is an estimate and may not be precise.  --}}
                                                The graph above
                                                shows the change in impressions on each day in the selected time range.
                                             </p>
                                          </figure>

                                       {{-- </div> --}}
                                   </div>
                               </div>
                           </div>
                       </div>
                     </div>
                  </div>
               </div>
               
            </div>
         </div>

         {{-- Footer Content --}}
@include('more.vendor.partials._footer');
<script>
   // Pass the PHP data to JavaScript
   const adActivity = null;
   
   // Initialize arrays for dates and clicks
   const dates = [];
   const  clicks = [];
   
   // Iterate over the adActivity data to fill the arrays
   adActivity.forEach(function(activity) {
       dates.push(activity.date);
       clicks.push(activity.clicks);
   });
   
   // Now use these arrays in Highcharts
   Highcharts.chart('performance_one_chart', {
       chart: {
           type: 'line'
       },
       title: {
           text: 'Ad Listing Clicks Over Time'
       },
       subtitle: {
           text: ''
       },
       xAxis: {
           categories: dates
       },
       yAxis: {
           title: {
               text: 'Number of Clicks'
           }
       },
       plotOptions: {
           line: {
               dataLabels: {
                   enabled: true
               },
               enableMouseTracking: true
           }
       },
       series: [{
           name: 'Clicks',
           data: clicks
       }]
   });
   </script>