ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / centosnipponia / public_html / apptt / resources / views

@extends('adminlte::page')
@section('title', 'Apps - Trade And Traffic')
@section('content_header')
<a href="{{ URL::previous() }}">Go Back</a>
    <h1>Statistics based on units registered in Netherlands</h1>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>

@stop

@section('plugins.Datatables', true)
@section('content')
@php
//dd(App\StatCountr::registrnippo());
@endphp

<div class="row">
    <div class="col-md-6">
      
      <div class="card card-primary card-outline">
        <div class="card-header">
          <h3 class="card-title">
            <i class="far fa-chart-bar"></i>
            Total Registrations in Netherlands for 2020
          </h3>

</div>

<div class="col-md-6">
        
        <div class="card card-primary card-outline">
          <div class="card-header">
            <h3 class="card-title">
              <i class="far fa-chart-bar"></i>
              Nipponia's Brands registrations distribution for 2020
            </h3>
  
            <div class="card-tools">
              <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i>
              </button>
              <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
              </button>
            </div>
          </div>
          <div class="card-body">
            <canvas id="donutChart" style="min-height: 350px; height: 350px; max-height: 350px; max-width: 100%;" ></canvas>
          </div>
          
        </div>
        
  
  
      </div>

</div>

<div class="row">
    <div class="col-md-6">
      
      <div class="card card-primary card-outline">
        <div class="card-header">
          <h3 class="card-title">
            <i class="far fa-chart-bar"></i>
            Percentage (%) of Bromfiet(max 45km/h) registered to total (Bromfiet+Snorfiets)
          </h3>

</div>

</div>

<table id="example" class="display" style="width:100%">
                        <thead>
                            <tr>
                                <th>Brand</th>
                                <th>Category</th>
                                <th>Month</th>
                                <th>Year</th>
                                <th>Units</th>
                        </tr>
                        </thead>
                    <tbody>
                {{-------------------------------------------------------------------------------------------------------}}
                @php
                $records = App\StatCountr::all();
               
                foreach ($records as $record) {
                  
      
                     
                        echo '<tr> <td>'.$record->brand.'</td><td>'.$record->motocategory.'</td><td>'.$record->month.'</td><td>'.$record->year.'</td><td>'.$record->unitssold.'</td> </tr>';
                    }
                @endphp

{{-------------------------------------------------------------------------------------------------------}}
                    
                        </tbody>
                        <tfoot>
                            <tr>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                            </tr>
                        </tfoot>
                    </table>
                
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css">
@stop

@section('js')
<script>
$(document).ready(function() {
    var groupColumn = 0;
    var table = $('#example').DataTable({
        "columnDefs": [
            { "visible": false, "targets": groupColumn }
        ],
        "order": [[ groupColumn, 'asc' ]],
        "displayLength": 25,
        "drawCallback": function ( settings ) {
            var api = this.api();
            var rows = api.rows( {page:'current'} ).nodes();
            var last=null;
 
            api.column(groupColumn, {page:'current'} ).data().each( function ( group, i ) {
                if ( last !== group ) {
                    $(rows).eq( i ).before(
                        '<tr class="group"><td colspan="5">'+group+'</td></tr>'
                    );
 
                    last = group;
                }
            } );
        }
    } );
 
    // Order by the grouping
    $('#example tbody').on( 'click', 'tr.group', function () {
        var currentOrder = table.order()[0];
        if ( currentOrder[0] === groupColumn && currentOrder[1] === 'asc' ) {
            table.order( [ groupColumn, 'desc' ] ).draw();
        }
        else {
            table.order( [ groupColumn, 'asc' ] ).draw();
        }
    } );
} );

</script>

//-------------
    //- DONUT CHART -
    //-------------
    // Get context with jQuery - using jQuery's .get() method.
    var donutChartCanvas = $('#donutChart').get(0).getContext('2d')
    var donutData        = {
      labels: [@php
              echo App\StatCountr::registrnippo()['label'];
            @endphp 
      
      ],
      datasets: [
        {
          data: [@php
              echo App\StatCountr::registrnippo()['data'];
            @endphp ],
          backgroundColor : ['#f56954', '#00a65a', '#f39c12', '#00c0ef', '#3c8dbc'],
        }
      ]
    }
    var donutOptions     = {
      maintainAspectRatio : false,
      responsive : true,
    }
    //Create pie or douhnut chart
    // You can switch between pie and douhnut using the method below.
    var donutChart = new Chart(donutChartCanvas, {
      type: 'doughnut',
      data: donutData,
      options: donutOptions      
    })

//-------------
    //- DONUT CHART -
    //-------------
    // Get context with jQuery - using jQuery's .get() method.
    var donutChartCanvas = $('#registrationschart').get(0).getContext('2d')
    var donutData        = {
      labels: [@php
              echo App\StatCountr::registrtotal()['label'];
            @endphp     
      ],
      datasets: [
        {
          data: [
            @php
              echo App\StatCountr::registrtotal()['data'];
            @endphp
            ],
          backgroundColor : ['#f56954', '#00a65a', '#f39c12', '#00c0ef', '#3c8dbc', '#d2d6de','#fc9954','#fd5954','#f5c894','#f5ce54','#fd9984'],
        }
      ]
    }
    var donutOptions     = {
      maintainAspectRatio : false,
      responsive : true,
    }
    //Create pie or douhnut chart
    // You can switch between pie and douhnut using the method below.
    var donutChart = new Chart(donutChartCanvas, {
      type: 'doughnut',
      data: donutData,
      options: donutOptions      
    })

</script>

@stop

[+] ..
[-] aged_consign_models_cust.blade.php [edit]
[-] aged_consignement_models.blade.php [edit]
[+] auth
[-] availability_per_catalog.blade.php [edit]
[-] bulk_contact.blade.php [edit]
[-] current_dealer.blade.php [edit]
[+] current_dealer
[-] current_stock.blade.php [edit]
[-] current_stock.blade.php2103 [edit]
[-] current_stock.blade.php211109 [edit]
[-] current_stock_model.blade.php [edit]
[-] dealer_list.blade.php [edit]
[-] delivery_ready.blade.php [edit]
[-] delpickpdf.blade.php [edit]
[-] fetch_product_image.blade.php [edit]
[-] home.blade.php [edit]
[-] in_consignment.blade.php [edit]
[+] layouts
[-] models_showcase.blade.php [edit]
[-] non_deliverable_stock.blade.php [edit]
[-] odoo_partssnel.blade.php [edit]
[-] odoo_stock.blade.php [edit]
[-] pick_del_form signature.blade.php [edit]
[-] pick_del_form.blade.php [edit]
[-] pick_del_form_edit.blade.php [edit]
[-] pick_del_form_finished_list.blade.php [edit]
[-] pick_del_form_list.blade.php [edit]
[-] prepare_is_spare_part_for.blade.php [edit]
[-] quotations_pending.blade.php [edit]
[-] revenue_target.blade-old.php [edit]
[-] revenue_target.blade.php [edit]
[-] sales_targets_input.blade.php [edit]
[-] signaturePad.blade.php [edit]
[-] simple_preparation.blade.php [edit]
[-] snelstart_old_invoices.blade.php [edit]
[-] sold.blade.php [edit]
[-] speedversion_change.blade.php [edit]
[-] statbe.blade.php [edit]
[-] statnl.blade.php [edit]
[-] statnl.blade.php-OLD [edit]
[-] tracking_all.blade.php [edit]
[-] transfer_edit_form.blade.php [edit]
[-] units_target.blade.php [edit]
[-] user_create_form.blade.php [edit]
[-] user_edit_form.blade.php [edit]
[-] user_list.blade.php [edit]
[-] user_password_reset.blade.php [edit]
[-] user_profile_edit.blade.php [edit]
[-] welcome.blade.php [edit]
[-] who_demands_what.blade.php [edit]
[-] who_reserved_what.blade.php [edit]
[-] .htaccess.disabled [edit]