@extends('report.report_layout')

@section('title', $page_title)
@section('show_date', true)

@section('report_table')

<table class="table table-hover table-vcenter" >
	<thead class="thead-light" >
		<tr>
			<th>{{ trans('report.index') }}</th>
			{{-- <th>{{ trans('report.product_name') }}</th> --}}
			<th>{{ trans('report.product_name') }}</th>
			<th class="text-right" >{{ trans('report.qty') }}</th>
			<th class="text-right" >{{ trans('report.total') }}</th>
		</tr>
	</thead>
	<tbody>
		<tr class="table-success" >
			<th>&nbsp;</th>
			<th>&nbsp;</th>
			<th class="text-right" ><span class="total_qty_text" >0</span></th>
			<th class="text-right" ><span class="total_text" >0</span></th>
		</tr>
			</tbody>
</table>
<script>
	var total_text = document.getElementsByClassName("total_text");
	total_text[0].innerHTML = "{{ number_format($total, 2, '.', ',') }}";

	var total_qty_text = document.getElementsByClassName("total_qty_text");
	total_qty_text[0].innerHTML = "{{ number_format($total_qty, 2, '.', ',') }}";
</script>

@endsection