@extends('layouts.adminLayout.admin_design') @section('content')
<div class="content-wrapper">
    <section class="content-header">
        <h1>{{ $title }} </h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i>{{ __('lbl.home') }}</a></li>
            <li class="active">{{ $title }}</li>
        </ol>
    </section>
    <section class="content" style="min-height:0 !important; padding-bottom: 0;">
        <div class="box box-default">
            <div class="box-header without-border">
                {{ Form::open(['url' => route('product_mix'), 'method'=>'POST', 'name' => 'product_mix_report', 'id' => 'productMix']) }}
                {{Form::hidden('products_taxable',$products_taxable,['id'=>'products_taxable'])}}
                <div class="col-md-2 no-padding">
                    <label>{{ __('lbl.date')}}</label>
                    <div class="clearfid"></div>
                    {{ Form::text('datetimes', '', ['class' => 'form-control datetimes', 'id'=>'datetimes','style'=>'width:100%']) }}
                </div>
                <div class="col-md-2" style="padding-right: 0px;">
                    <label>{{ __('lbl.employee')}} {{ Form::button('<i class="fa fa-refresh" aria-hidden="true"></i>', ["class"=>"clickbtncommon btn btn-sm btn-primary", "style"=>"padding:0px 4px;", "id"=>"employeeclear"]) }} </label>
                    {{ Form::select('user_id', [''=>'Search employee']+$users, '', ['class' => 'form-control select2 employees col-md-10', 'id'=>'user_id']) }}
                </div>
                <div class="col-md-2 multipleItemSelection">
                    <label>{{ __('lbl.station')}} {{ Form::button('<i class="fa fa-refresh" aria-hidden="true"></i>', ["class"=>"clickbtncommon btn btn-sm btn-primary", "style"=>"padding:0px 4px;", "id"=>"stationclear"]) }} </label>
                    {{ Form::select('station_id[]', $stations, '', ['class' => 'form-control select2 stations input-sm', "multiple"=>"multiple", 'id'=>'station_id']) }}
                </div>
                <div class="col-md-2 multipleItemSelection">
                    <label>{{ __('lbl.cat')}} {{ Form::button('<i class="fa fa-refresh" aria-hidden="true"></i>', ["class"=>"clickbtncommon btn btn-sm btn-primary", "style"=>"padding:0px 4px;",  "id"=>"categoriesclear"]) }} </label>
                    {{ Form::select('categories[]', $categories, '', ['class' => 'form-control select2 categories input-sm', "multiple"=>"multiple", 'id'=>'categories']) }}
                </div>
                <div class="col-md-2 multipleItemSelection no-padding">
                    <label>{{ __('lbl.sub_cat')}} {{ Form::button('<i class="fa fa-refresh" aria-hidden="true"></i>', ["class"=>"clickbtncommon btn btn-sm btn-primary", "style"=>"padding:0px 4px;",  "id"=>"categoriesclear"]) }} </label>
                    {{ Form::select('subcategories[]', $subcategories, '', ['class' => 'form-control select2 categories input-sm', "multiple"=>"multiple", 'id'=>'subcategories']) }}
                </div>
                <div class="col-md-2">
                    <label>{{ __('lbl.vendor')}} {{ Form::button('<i class="fa fa-refresh" aria-hidden="true"></i>', ["class"=>"clickbtncommon btn btn-sm btn-primary", "style"=>"padding:0px 4px;", "id"=>"vendorclear"]) }} </label>
                    {{ Form::select('vendor_id', [''=>'Search vendor']+$vendors, '', ['class' => 'form-control select2 vendorclear vendors col-md-10', 'id'=>'vendor_id']) }}
                </div>
                <div class="col-md-2 multipleItemSelection">
                    <label>{{ __('lbl.day_of_the_week')}} {{ Form::button('<i class="fa fa-refresh" aria-hidden="true"></i>', ["class"=>"clickbtncommon btn btn-sm btn-primary", "style"=>"padding:0px 4px;",  "id"=>"weekdaysclear"]) }}</label>
                    {{ Form::select('weekdays[]', [2=>'Monday',3=>'Tuesday',4=>'Wednesday',5=>'Thrusday',6=>'Friday',7=>'Saturday',1=>'Sunday'], '', ["multiple"=>"multiple",'class' => 'form-control select2 stations weekdaysclear input-sm', 'id'=>'weekdays']) }}
                </div>
                @if( $rtype == 'enterprise')
                <div class="clearfix"></div>
                <hr />
                <div class="col-md-4 no-padding multipleItemSelection">
                    <label>{{ __('lbl.establishment')}} </label>
                    {{ Form::select('establishmentIds[]',$establishments,"",['class'=>'form-control select2 establishment input-sm','multiple'=>'multiple','id'=>'establishmentIds']) }}
                </div>
                @endif
                <div class="col-md-3">
                    <label>{{ __('lbl.action')}}</label>
                    <div class="clearfix"></div>
                    {{ Form::button('<i class="fa fa-filter fa-1x"></i> '. __('lbl.filter'), ["class"=>"clickbtncommon btn btn-sm btn-primary","id"=>"dateSearch"]) }}
                    <div class="btn-group">
                        <button type="button" class="clickbtncommon btn btn-primary btn-sm"><i class="fa fa-rocket"></i> {{__('lbl.export_action')}}</button>
                        <button type="button" class="clickbtncommon btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                            <span class="caret"></span>
                            <span class="sr-only">Toggle Dropdown</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            @if(Helper::checkAccess('product_mix_export'))
                            <li>{{ Form::button('<i class="fa fa-file-pdf-o fa-1x" aria-hidden="true"></i>&nbsp;'. __('lbl.pdf'), ["class"=>"clickbtncommon btn btn-sm btn-primary downloadProductMixReport","value"=>"pdf","type"=>"submit","name"=>"export","id"=>"downloadPDF","style"=>"width:100%;text-align:left;margin:2px 0",]) }}</li>
                            <li>{{ Form::button('<i class="fa fa-file-excel-o fa-1x"></i></i> '. __('lbl.xlsx'), ["class"=>"clickbtncommon btn btn-sm btn-primary downloadProductMixReport","value"=>"xlsx","type"=>"submit","name"=>"export","style"=>"width:100%;text-align:left;margin:2px 0",]) }}</li>
                            <li>{{ Form::button('<i class="fa fa-file-excel-o fa-1x"></i></i> '. __('lbl.csv'), ["class"=>"clickbtncommon btn btn-sm btn-primary downloadProductMixReport","value"=>"csv","type"=>"submit","name"=>"export","style"=>"width:100%;text-align:left;margin:2px 0",]) }}</li>
                            <li>{{ Form::button('<i class="fa fa-file-excel-o fa-1x"></i></i> '. __('lbl.custom_xlsx'), ["class"=>"clickbtncommon btn btn-sm btn-primary downloadProductMixReport","value"=>"custom_xlsx","type"=>"submit","name"=>"export","style"=>"width:100%;text-align:left;margin:2px 0"]) }}</li>
                            @endif
                        </ul>
                    </div>
                    <!-- <br /> -->
                    <div id="afterbuttonpress"></div>
                </div>
                 {{ Form::close() }}
                <!-- <div class="clearfix"></div>
                <hr/> -->
                {{ Form::open(['url' => route('export_mix_report'), 'method'=>'POST', 'name' => 'export_mix_report', 'id' => 'excelMix']) }}
                <div class="col-md-2 no-padding">
                    <div class="form-group">
                        <label></label>
                        <div class="radio">
                            <label><input type="radio" name="report_mix" value="monthly_mix" checked class="auto_apply" />{{ __('lbl.monthly_mix') }} &nbsp;&nbsp;</label>
                            <label><input type="radio" name="report_mix" value="daily_mix" class="auto_apply" />{{ __('lbl.daily_mix') }} &nbsp;&nbsp;</label>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="col-md-2">
                    <label></label>
                    <div style="height:30px;padding-left:5px;" class="filters" id="monthly_mix_filter">
                        {{ Form::select('monthrange[]',$monthdate,$default_monthdate,['class'=>'form-control select2 establishment input-sm','multiple'=>'multiple','id'=>'monthrange']) }}
                    </div>
                    <div class="filters" style="height:30px;padding-left:5px;display: none;" id="daily_mix_filter">
                        {{ Form::text('daterange', '', ['class' => 'form-control datetimes', 'id'=>'daterange','style'=>'width:100%']) }}
                    </div>
                </div>
                <div class="col-md-2">
                    <label></label> 
                    <div style="padding-left:5px;">
                        {{ Form::button('<i class="fa fa-file-excel-o fa-1x"></i></i> '. __('lbl.excel_mix'), ["class"=>"clickbtncommon btn btn-sm btn-primary downloadProductMixReport","value"=>"excel_mix","type"=>"submit","name"=>"export"]) }}
                    </div>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </section>
    <section class="content">
        <div class="row">
            <div class="col-md-6">
                <div class="box box-default">
                    <div class="box-header with-border">
                        <h3 class="box-title">{{ __('lbl.top_ten_products') }}</h3>
                    </div>
                    <div class="no-data-for-you" id="no_data_chart1" style="display: none;">
                        <b>{{ __('lbl.no_record_found') }}</b>
                    </div>
                    <div id="chartContainer" style="width:400px; height:200px;"></div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="box box-default">
                    <div class="box-header with-border">
                        <h3 class="box-title">{{ __('lbl.top_ten_quantity') }}</h3>
                    </div>
                    <div class="no-data-for-you" id="no_data_chart2" style="display: none;">
                        <b>{{ __('lbl.no_record_found') }}</b>
                    </div>
                    <div id="chartContainer1" style="width:400px; height:200px;"></div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="active tab-pane">
                    <div class="row">
                        <section class="content">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="box box-default">
                                        <div class="box-header with-border">
                                            <h3 class="box-title">{{ $title }}</h3>
                                            <button class="clickbtncommon btn btn-sm btn-primary pull-right" id="scrollDown">SCROLL <i class=" fa fa-arrow-circle-down"></i></button>
                                        </div>
                                        <div class="box-body">
                                            <div id="filterReportStatistics"></div>
                                            <table id="productmixTable" class="table table-bordered table-striped " width="100%"> <!-- orderInfo dataTable-->
                                                <thead>
                                                    <tr>
                                                        <th width="20%">{{__('lbl.product_name')}}</th>
                                                        <th width="14%">{{__('lbl.sales_price')}}</th>
                                                        <th width="15%">{{__('lbl.sales_price_percentage')}}</th>
                                                        <th width="10%">{{__('lbl.qty')}}</th>
                                                        <th width="15%">{{__('lbl.item_discount')}}</th>
                                                        <th width="15%">{{__('lbl.order_discount')}}</th>
                                                        <th width="15%">{{__('lbl.average_price')}}</th>
                                                        <th width="15%">{{__('lbl.cost_of_goods')}}</th>
                                                        <th width="15%">{{__('lbl.percentage_cog')}}</th>
                                                        <th width="15%">{{__('lbl.gm')}}</th>
                                                        <th width="15%">{{__('lbl.gm_percentage')}}</th>
                                                        @if($products_taxable == 1)
                                                        <th width="15%">{{__('lbl.tax_amount')}}</th>
                                                        @endif
                                                        <th width="25%">{{__('lbl.sales_price_exl_disc')}}</th>
                                                    </tr>
                                                </thead>
                                                <!-- PLEASE DO NOT DELETE BODY TAG--->
                                                <tbody>
                                                </tbody>
                                            </table><br />
                                            <button class="clickbtncommon btn btn-sm btn-primary pull-right" id="scrollUp">SCROLL <i class=" fa fa-arrow-circle-up"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<div class="modal fade" id="modalInformationpopup">
    <div class="modal-dialog modal-lg " style="width: 70%;">
        <div class="modal-content">
            <div class="modal-header box box-default" style="border-radius:0px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="titlename"></h4>
            </div>
            <div class="modal-body">
                <div class="" id="ordersItemsInfoHtml">
                </div>
            </div>
        </div>
    </div>
</div>

{{Form::hidden('startTime',$startTime,['id'=>'startTime'])}}
{{Form::hidden('endTime',$endTime,['id'=>'endTime'])}}
@endsection
@section('pagescript')
{!! Helper::pagejs([ 'js/lib/datatables.net/js/jquery.dataTables.min.js',
'js/lib/datatables.net-bs/js/dataTables.bootstrap.min.js',
'js/lib/select2/dist/js/select2.full.min.js',
'js/lib/moment/min/moment.min.js',
'js/lib/bootstrap-daterangepicker/daterangepicker.js',
'js/lib/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js',
'js/lib/plugins/timepicker/bootstrap-timepicker.min.js',
'js/backend/report/product_mix.js',
'js/backend/canvasjs/canvasjs.min.js' ]) !!}
<script>
    $(function() {
        $('#productmixTable').on('click', 'td.subCatload', function() {
            var tr = $(this).closest('tr');
            var row = table.row(tr);
            var tableId = 'subItems-' + row.data().id;
            if (row.child.isShown()) {
                // This row is already open - close it
                row.child.hide();
                tr.removeClass('shown');
            } else {
                row.child(template(row.data())).show();
                initTable(tableId, row.data());
                tr.addClass('shown');
                tr.next().find('td').addClass('no-padding bg-gray');
            }
        });
        $('#productmixTable').DataTable({
            'paging': false,
            'lengthChange': false,
            'searching': false,
            'ordering': true,
            'info': true,
            'autoWidth': false,
            'columnDefs': [{
                'targets': [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10], // column index (start from 0)
                'orderable': false, // set orderable false for selected columns
            }]
        })
    })
</script>
@stop