Added product report, showing just active products and number of services

resources/views/theme/backend/adminlte/product/report.blade.php

@@ -0,0 +1,92 @@
+@extends('adminlte::layouts.app')
+
+@section('htmlheader_title')
+	Product List
+@endsection
+@section('page_title')
+	Product List
+@endsection
+
+@section('contentheader_title')
+	Product List
+@endsection
+@section('contentheader_description')
+@endsection
+
+@section('main-content')
+	<div class="col-md-12">
+		<div class="card">
+			<div class="card-body">
+				<table class="table table-sm table-striped" id="table">
+					<thead>
+					<tr>
+						<th>ID</th>
+						<th>Type</th>
+						<th>Product</th>
+						<th class="text-right">Services</th>
+					</tr>
+					</thead>
+
+					<tbody>
+					@foreach (\App\Models\Service::active()->with(['product.translate'])->get()->groupBy('product_id') as $s)
+						<tr>
+							<td><a href="{{ url('a/product/details',[($x=$s->first())->product_id]) }}">{{ $x->id }}</a></td>
+							<td>{{ $x->category_name }}</td>
+							<td>{{ $x->product->name }}</td>
+							<td class="text-right">{{ $s->count() }}</td>
+						</tr>
+					@endforeach
+					</tbody>
+				</table>
+			</div>
+		</div>
+	</div>
+@endsection
+
+@section('page-scripts')
+	@css(datatables,bootstrap4|fixedheader|responsive|rowgroup|buttons)
+	@js(datatables,bootstrap4|fixedheader|responsive|rowgroup|buttons)
+
+	<style>
+		tr.odd td:first-child,
+		tr.even td:first-child {
+			padding-left: 3em;
+		}
+		table.dataTable tr.dtrg-group.dtrg-level-1 td {
+			background-color: #e0e0e0;
+			color: #4c110f;
+		}
+	</style>
+
+	<script type="text/javascript">
+		$(document).ready(function() {
+			$('#table').DataTable({
+				aLengthMenu: [
+					[25, 50, 100, 200, -1],
+					[25, 50, 100, 200, "All"]
+				],
+				paging: true,
+				pageLength: 25,
+				lengthChange: true,
+				searching: true,
+				ordering: true,
+				info: true,
+				autoWidth: false,
+				fixedHeader: true,
+				order: [
+					[1,'asc'],
+					[2,'asc'],
+				],
+				rowGroup: {
+					dataSrc: [1],
+				},
+				columnDefs: [
+					{
+						targets: [1],
+						visible: false,
+					},
+				],
+			});
+		});
+	</script>
+@append