@extends("LaravelVueAdmin.layouts.app")

@section("contentheader_title", "Statistik Tiket Per Bulan")
@section("section", "Statistik Tiket Per Bulan")
@section("sub_section", "List")
@section("htmlheader_title", "Statistik Tiket Per Bulan")

@section("main-content")
@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif


<!-- Ajax sourced data -->
<div class="panel panel-flat">


	@hasSection('description')
	<div class="panel-body">
		@yield('description')
	</div>
	@endif

	<table id="example1" class="table table-xxs">
		<thead>
			<tr>
          <th>Bulan</th>
          <th>Tiket Dibuat</th>
          <th>Tiket Dikerjakan</th>
          <th>Total</th>
			</tr>
		</thead>
	</table>
</div>
	<!-- /ajax sourced data -->

@endsection
@push('scripts')
<script type="text/javascript" src="{{ asset('/LaravelVueAdmin/assets/js/plugins/notifications/sweet_alert.min.js') }}"></script>
<script src="{{ asset('LaravelVueAdmin/assets/js/plugins/tables/datatables/datatables.min.js') }}"></script>
<script>
var doms ="";
var doms_func = function () {
	var rows=0;
	$.ajax({
		url:"{{ url(config('LaravelVueAdmin.adminRoute') . '/datatable_statistik_perbulan') }}",
		type:"GET",
		async: false,
		success:function(res){
			rows = res.recordsTotal;
			if(rows > 50){
				doms=  '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>';
			} else {
				doms=  '<"datatable-header"f><"datatable-scroll"t><"datatable-footer">';
			}
		}
	});
	return doms;
}();
$(function () {
	var tabel = $("#example1").DataTable({
		processing: true,
		serverSide: true,
		autoWidth: false,
		responsive: true,
    ordering:true,
    aaSorting: [[3, 'desc']],
		ajax: "{{ url(config('LaravelVueAdmin.adminRoute') . '/datatable_statistik_perbulan') }}",
		dom: doms_func,

		lengthMenu: [[50, 100, 150, -1], [50, 100, 150, "Semua"]],
		iDisplayLength: 50,
		language: {
			"url": "{{ asset('LaravelVueAdmin/assets/plugins/datatables/Indonesian.json') }}"
		},
		columnDefs: [

      {
           "targets": [0],
           "orderable":false,
           render: function ( data, type, full, meta ) {
                  return data;
           }
      },
      {
           "targets": [1],
           "orderable":false,

           render: function ( data, type, full, meta ) {
                  return data;
           }
      },
      {
           "targets": [2],
           "orderable":false,

           render: function ( data, type, full, meta ) {
                  return data;
           }
      },
      {
           "targets": [3],
           "orderable":false,

           render: function ( data, type, full, meta ) {
                  return data;
           }
      },

    ],
	});
	$.fn.dataTable.ext.errMode = 'none';




});

</script>
@endpush