@extends('layouts.app')
@section('title', 'Products Report')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>@lang('sale.products')
        <small>@lang('lang_v1.manage_products')</small>
    </h1>
    <!-- <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
    </ol> -->
</section>

<!-- Main content -->
<section class="content">
<div class="row">
    <div class="col-md-12">
    @component('components.filters', ['title' => __('report.filters')])
    {!! Form::open(['url' => action([\App\Http\Controllers\ReportController::class, 'getProductDiscountDownload']), 'method' => 'post', 'files' => true ]) !!}
        <div class="col-md-2">
            <div class="form-group">
                {!! Form::label('category_id', __('product.category') . ':') !!}
                {!! Form::select('category_id', $categories, null, ['class' => 'form-control select2', 'style' => 'width:100%', 'id' => 'product_list_filter_category_id', 'placeholder' => __('lang_v1.all')]); !!}
            </div>
        </div>
        <div class="col-md-2">
            <div class="form-group">
                {!! Form::label('brand_id', __('product.brand') . ':') !!}
                {!! Form::select('brand_id', $brands, null, ['class' => 'form-control select2', 'style' => 'width:100%', 'id' => 'product_list_filter_brand_id', 'placeholder' => __('lang_v1.all')]); !!}
            </div>
        </div>
        <div class="col-md-2">
            <div class="form-group">
                {!! Form::label('based_on', 'Based On Offer') !!}
                {!! Form::select('based_on', ['1' => 'Net Margin', '2' => 'Profit Margin', '3' => 'Discount'], null, ['class' => 'form-control select2', 'id' => 'product_list_filter_based_id', 'style' => 'width:100%']); !!}
            </div>
        </div>
        <div class="col-md-2">
            <div class="form-group">
                {!! Form::label('min_dis', 'Min:') !!}
                {!! Form::text('min_dis', null, ['class' => 'form-control', 'id' => 'product_list_min_id', 'placeholder' => 0]); !!}
            </div>
        </div>
        <div class="col-md-2">
            <div class="form-group">
                {!! Form::label('max_dis', 'Max:') !!}
                {!! Form::text('max_dis', null, ['class' => 'form-control', 'id' => 'product_list_max_id', 'placeholder' => 0]); !!}
            </div>
        </div>
        {{--  <div class="col-md-2">
            <div class="form-group">
                <label class="text-white">h</label>
                {{ Form::button('<i class="fa fa-download" aria-hidden="true"></i> Download Excel', ['class' => 'btn btn-success pull-right', 'type' => 'submit']) }}
                {{--  {!! Form::submit('Download Excel', ['class' => 'form-control btn btn-success pull-right <i class="fa fa-download"></i> margin-left-10 ', '']) !!}  --}}
            {{--  </div>
        </div>  --}}
        {!! Form::close() !!}
    @endcomponent
    </div>
</div>
@can('product.view')
    <div class="row">
        <div class="col-md-12">
           <!-- Custom Tabs -->
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#product_list_tab" data-toggle="tab" aria-expanded="true"><i class="fa fa-cubes" aria-hidden="true"></i> @lang('lang_v1.all_products')</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="product_list_tab">
                        @include('product.partials.product_list_canteen_report')
                    </div>
                </div>
            </div>
        </div>
    </div>
@endcan
</section>
<!-- /.content -->

@endsection

@section('javascript')
    {{--  <script src="{{ asset('js/product.js?v=' . $asset_v) }}"></script>  --}}
    <script type="text/javascript">
        $(document).ready( function(){
            product_table = $('#product_table').DataTable({
                processing: true,
                serverSide: true,
                aaSorting: [[3, 'asc']],
                scrollY:        "75vh",
                scrollX:        true,
                scrollCollapse: true,
                "ajax": {
                    "url": "/reports/product-with-canteen-report",
                    "data": function ( d ) {
                        d.type = $('#product_list_filter_type').val();
                        d.category_id = $('#product_list_filter_category_id').val();
                        d.brand_id = $('#product_list_filter_brand_id').val();
                        d.based_on = $('#product_list_filter_based_id').val();
                        d.min_dis = $('#product_list_min_id').val();
                        d.max_dis = $('#product_list_max_id').val();

                        d = __datatable_ajax_callback(d);
                    }
                },
                columnDefs: [ {
                    "targets": [1],
                    "orderable": false,
                    "searchable": false
                } ],
                columns: [
                        { data: 'name', name: 'name', searchable: false},
                        { data: 'purchase_prices', name: 'purchase_prices', searchable: false},
                        { data: 'selling_prices', name: 'selling_prices', searchable: false},
                        { data: 'product_mrp', name: 'max_mrp', searchable: false},
                        { data: 'dis', name: 'dis', searchable: false},
                        { data: 'offer_type', name: 'offer_type', searchable: false},
                        { data: 'new_selling', name: 'new_selling', searchable: false},
                        { data: 'canteen_discount', name: 'canteen_discount', searchable: false},
                        { data: 'canteen_margin', name: 'canteen_margin', searchable: false},
                        { data: 'canteen_sell_price', name: 'canteen_sell_price', searchable: false}
                        
                    ],
                   
                    fnDrawCallback: function(oSettings) {
                        __currency_convert_recursively($('#product_table'));
                    },
            });
            // Array to track the ids of the details displayed rows
            var detailRows = [];

            $(document).on('change', '#product_list_filter_type, #product_list_filter_category_id, #product_list_filter_brand_id, #product_list_filter_based_id, #product_list_min_id, #product_list_max_id, #active_state, #repair_model_id', 
                function() {
                    if ($("#product_list_tab").hasClass('active')) {
                        product_table.ajax.reload();
                    }
            });
        });
    </script>
@endsection