@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 class="text-right" >{{ trans('report.total') }}</th>
            <th class="text-right" >{{ trans('report.total_cost') }}</th>
            <th class="text-right" >{{ trans('report.profit') }}</th>
        </tr>
    </thead>
    <tbody>
        <tr class="table-success" >
            <th>&nbsp;</th>
            <th>&nbsp;</th>
            <th class="text-right" ><span class="total_text" >0</span></th>
            <th class="text-right" ><span class="total_cost" >0</span></th>
            <th class="text-right" ><span class="total_profit" >0</span></th>
        </tr>
            </tbody>
</table>
<script>
    var total_text = document.getElementsByClassName("total_text");
    total_text[0].innerHTML = "{{ number_format($total, 2, '.', ',') }}";

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

@endsection