<?php $__env->startSection('content'); ?>
    <main class="main-content">
        <div class="container">
           
            <?php if (isset($component)) { $__componentOriginal8a5ba9c90b64d384232e9948b1023e746ba08e74 = $component; } ?>
<?php $component = $__env->getContainer()->make(App\View\Components\FlashMessage::class, []); ?>
<?php $component->withName('flashMessage'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal8a5ba9c90b64d384232e9948b1023e746ba08e74)): ?>
<?php $component = $__componentOriginal8a5ba9c90b64d384232e9948b1023e746ba08e74; ?>
<?php unset($__componentOriginal8a5ba9c90b64d384232e9948b1023e746ba08e74); ?>
<?php endif; ?>


            
            

        <!-- begin::page header -->
        <div class="page-header d-md-flex align-items-center justify-content-between">
            <div>
                <h3>Dashboard</h3>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Sales</li>
                    </ol>
                </nav>
            </div>
            <div>
                <div class="">
                    <div class="form-group d-flex">
                        <form class="dashboard-date-form" action="<?php echo e(asset('dashboard')); ?>" method="get">
                          <input type="hidden" name="start_date" class="start-date-input"> 
                          <input type="hidden" name="end_date" class="end-date-input"> 
                          <div class="d-flex">
                            <div id="reportrange" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
                            
                                <i class="fa fa-calendar"></i>&nbsp;
                                <span class="selected-date"></span> <i class="fa fa-caret-down"></i>
                            </div>
                            <div>
                              <button class="btn btn-success "><i class="fa fa-filter"></i> </button>
                            </div>
                          </div>
                          
                        </form>
                    </div>
                </div>
                
                
            </div>
        </div>
        

        
    <div >
        <div class="row">
            <div class="col-md-3">
                <div class="card">
                    <div class="card-header">
                        <h5 class="p-0 m-0"> Leads</h5>
                    </div>
                    <div class="card-body"><?php echo e($leads); ?></div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <div class="card-header">
                        <h5 class="p-0 m-0"> Deals</h5>
                    </div>
                    <div class="card-body"><?php echo e($deals); ?></div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <div class="card-header">
                    <h5 class="p-0 m-0"> Won</h5>
                    </div>
                    <div class="card-body"><?php echo e($won); ?></div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <div class="card-header">
                    <h5 class="p-0 m-0"> Loss</h5>
                    </div>
                    <div class="card-body"><?php echo e($loss); ?></div>
                </div>
            </div>
        </div>
            
        <div class="row mb-3">
            <div class="col-md-12">
                <div class="chart_div" id="chart_div"></div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h4>Latest Activity</h4>
                    </div>
                    <div class="card-body">
                          <?php
                            $alertClasses = ['alert-success', 'alert-danger', 'alert-warning', 'alert-info']; // Add as many classes as you want
                          ?>

                          <?php $__currentLoopData = $activity; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $ac): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                              <?php
                                  
                                  $alertClass = $alertClasses[$index % count($alertClasses)];
                              ?>

                              <div class="border mb-1 p-2 alert <?php echo e($alertClass); ?>">
                                  <p class="m-0">Date : <?php echo e($ac->created_at); ?> </p>
                                  <strong><?php echo e(json_decode($ac->remark)->title); ?></strong>
                              </div>
                          <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                      <h4>Latest Task</h4>
                    </div>
                    <div class="card-body">
                        <table class="table table-striped">
                            <thead>
                              <tr class="text-bold">
                                <th>Date</th>
                                <th>Time</th>
                                <th>Task Name</th>
                                <th>Allotted To</th>
                              </tr>
                            </thead>
                            <tbody>
                              <?php $__currentLoopData = $tasks; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $task): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                              <tr>
                                <td><?php echo e(date('d-m-y',strtotime($task->date))); ?></td>
                                <td>
                                  <?php 
                                    $time = $task->time;
                                    $formattedTime = \Carbon\Carbon::createFromFormat('H:i:s', $time)->format('H:i');
                                  ?>
                                  <?php echo e($formattedTime); ?>

                                </td>
                                <td class="text-capitalize"><?php echo e($task->name); ?></td>
                                <td><?php echo e(isset($task->user_details) ? $task->user_details->name : ''); ?></td>
                              </tr>
                              <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </tbody>
                        </table>
                        <div class="d-flex justify-content-end">
                          <a class="btn btn-outline-primary btn-sm" href="<?php echo e(asset('leads/task-list')); ?>">View More...</a>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h4>How To Use Software</h4>
                    </div>
                    <div class="card-body">
                      <video width="100%" controls>
                        <source src="<?php echo e(asset('public/demo.mp4')); ?>" type="video/mp4">
                        Your browser does not support the video tag.
                      </video>

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



       
                    
                  
</div>
       
    </main>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('footer-script'); ?>
<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.0.0-rc.7/dist/html2canvas.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />


<script>
  
    //date picker
    $(function() {

        var start = moment().subtract(29, 'days');
        var end = moment();

        function cb(start, end) {
            $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));

            filterByDate(start,end);
        }

  $('#reportrange').daterangepicker({
    startDate: start,
    endDate: end,
    ranges: {
    'Today': [moment(), moment()],
    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
    'This Month': [moment().startOf('month'), moment().endOf('month')],
    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
    }
    }, cb);

    cb(start, end);

    }); 

    function filterByDate(start_date,end_date)
    {
      //$(".dashboard-date-form").submit();
      var s_date = new Date(start_date);
      var n_date = new Date(end_date);

      $(".start-date-input").val(s_date.toISOString());
      $(".end-date-input").val(n_date.toISOString());
      
      
    }

    

    var role = $(".has-role").attr("roledata");
    
        var leads = <?php echo json_encode($total_leads, 15, 512) ?>;
      
        console.log(leads);
       
        
        //console.log(hosts);
        var title_date = new Date();
        var year = title_date.getFullYear();
        var month = ('0' + (title_date.getMonth() + 1)).slice(-2); // Adding leading zero if needed
        var day = ('0' + title_date.getDate()).slice(-2); // Adding leading zero if needed

        // Concatenate the year, month, and day with hyphens
        var c_date = year + '-' + month + '-' + day;

        var date = new Date();

        var options = { 
            year: 'numeric', 
            month: 'long' 
        };
        var formattedDate = date.toLocaleDateString('en-US', options);

        //console.log(formattedDate);

        google.charts.load('current', {
            packages: ['corechart', 'bar']
        });
        google.charts.setOnLoadCallback(drawChart);

        function drawChart() {
          var dataArray = [
                ['Month', 'Leads','Deals','Won','Loss']
            ];

            var monthNames = [
                'January', 'February', 'March', 'April', 'May', 'June',
                'July', 'August', 'September', 'October', 'November', 'December'
            ];
            
            for (var i = 0; i < leads.length; i++) {
              var monthIndex = leads[i].month; // Assuming month is a number from 1 to 12
              var monthName = monthNames[monthIndex - 1]; // Adjust for zero-based index
              dataArray.push([monthName, leads[i].total_leads,Number(leads[i].total_deals),Number(leads[i].won_deals), Number(leads[i].closed_leads)]);
            }
            
            var data = google.visualization.arrayToDataTable(dataArray);

            var options = {
                title: 'Total Leads And Deals in the Last 6 Months',
                hAxis: {
                    title: 'Month'
                },
                vAxis: {
                    title: 'Leads And Deals'
                },
                bars: 'vertical',
                colors: ['#f97316', '#38bdf8','#22c55e','#dc2626'],
            };

            var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));

            chart.draw(data, options);
        }
    

    
   
</script>


<!-- Canvas -->

<script>
var xValues = ["Italy", "France", "Spain", "USA", "Argentina"];
var yValues = [55, 49, 44, 24, 15];
var barColors = [
  "#b91d47",
  "#00aba9",
  "#2b5797",
  "#e8c3b9",
  "#1e7145"
];

new Chart("myChart", {
  type: "doughnut",
  data: {
    labels: xValues,
    datasets: [{
      backgroundColor: barColors,
      data: yValues
    }]
  },
  options: {
    title: {
      display: false,
    }
  }
});
</script>

<script>
var xValues = ["Italy", "France", "Spain", "USA", "Argentina"];
var yValues = [55, 49, 44, 24, 15];
var barColors = [
  "#b91d47",
  "#00aba9",
  "#2b5797",
  "#e8c3b9",
  "#1e7145"
];

new Chart("myChart2", {
  type: "doughnut",
  data: {
    datasets: [{
      backgroundColor: barColors,
      data: yValues
    }]
  },
  options: {
    title: {
      display: false,
    }
  }
});
</script>

<script>
var xValues = ["Italy", "France", "Spain", "USA", "Argentina"];
var yValues = [55, 49, 44, 24, 15];
var barColors = [
  "#b91d47",
  "#00aba9",
  "#2b5797",
  "#e8c3b9",
  "#1e7145"
];

new Chart("myChart3", {
  type: "doughnut",
  data: {
    labels: xValues,
    datasets: [{
      backgroundColor: barColors,
      data: yValues
    }]
  },
  options: {
    title: {
      display: false,
    }
  }
});
</script>

<script>
var xValues = [];
var yValues = [];
generateData("Math.sin(x)", 0, 10, 0.5);

new Chart("myChart5", {
  type: "line",
  data: {
    labels: xValues,
    datasets: [{
      fill: false,
      pointRadius: 2,
      borderColor: "rgba(0,0,255,0.5)",
      data: yValues
    }]
  },    
  options: {
    legend: {display: false},
    title: {
      display: true,
      text: "y = sin(x)",
      fontSize: 16
    }
  }
});
function generateData(value, i1, i2, step = 1) {
  for (let x = i1; x <= i2; x += step) {
    yValues.push(eval(value));
    xValues.push(x);
  }
}
</script>


<?php $__env->stopPush(); ?>

<?php echo $__env->make('layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/leadai/admin.leadai.co.in/resources/views/dashboard/dashboard.blade.php ENDPATH**/ ?>