@extends('layouts.app')
@section('title', __('report.stock_report'))
@section('content')
    @include('layouts.partials.breadcrumb',['page_title'=> __( 'report.stock_report') , 'bread_crumbs'=>array( array('title'=>__('app.manage_products'),'url'=>'route("products.index")'),array('title'=> __('report.stock_report'),'url'=>''))])
<!-- Main content -->
<section class="content">
        <div class="row">
        <div class="col-md-12">
            @component('components.filters', ['title' => __('report.stock_report')])
                @if(userHasPermission('view_product_stock_value'))
                    <div class="row">
                        <div class="col-md-12">

                                <table class="table no-border">
                                    <tr>
                                        <td>@lang('report.closing_stock') (@lang('app.by_purchase_price'))</td>
                                        <td>@lang('report.closing_stock') (@lang('app.by_sale_price'))</td>
                                        <td>@lang('app.potential_profit')</td>
                                        <td>@lang('app.profit_margin')</td>
                                    </tr>
                                    <tr>
                                        <td><h3 id="closing_stock_by_pp" class="mb-0 mt-0"></h3></td>
                                        <td><h3 id="closing_stock_by_sp" class="mb-0 mt-0"></h3></td>
                                        <td><h3 id="potential_profit" class="mb-0 mt-0"></h3></td>
                                        <td><h3 id="profit_margin" class="mb-0 mt-0"></h3></td>
                                    </tr>
                                </table>

                        </div>
                    </div>
                @endif
            @endcomponent
        </div>
    </div>
        <div class="row">
        <div class="col-md-12">
            @component('components.widget', ['class' => 'box-solid'])
                @include('report.partials.stock_report_table')
            @endcomponent
        </div>
    </div>
</section>
<!-- /.content -->

@endsection

@section('javascript')
    <script src="{{ asset('js/report.js?v=' . $asset_v) }}"></script>
    <script src="{{ asset('theme/assets/vendor_components/datatable/datatables.min.js?v=' . $asset_v) }}"></script>
    <script src="{{ asset('theme/js/pages/data-table.js?v=' . $asset_v) }}"></script>
@endsection