@if($isDownload && $isDownload == true)
     <style>
        .__cat_stats{
            border: 1px solid;
            margin-bottom: 10px;
            text-align: center;
            padding: 5px;
            width: 100%;
        }
         .bg-grey {
             background-color: #efefef !important;
         }
        .striped-table th {
            font-weight: 400;
            font-size: 14px;
        }
        * {
            box-sizing: border-box;
        }
        p{
            margin-top: 0;
            margin-bottom: 0;
        }
        tbody {
            text-align: center;
        }
        table{
            margin: 0px;
            border-collapse: collapse;
            width: 100%;
            color: #212529;
        }
        .table-top{
            width: 100%;
            margin-bottom: 10px;
        }
        .table-bordered {
            border: 1px solid #dee2e6;
        }
        .row-pdf {
            margin-right: -15px;
            margin-left: -15px;
            margin-top: 40px;
            display: inline-block;
            text-align: center;
        }
        .col-pdf-4{
            position: relative;
            width: 100%;
            max-width: 90%;
            padding-right: 10px;
            padding-left: 10px;
            display: inline-block;
            vertical-align: top !important;
        }
        @page {
            size: A4 landscape;
            margin: 10px;
            padding: 0px;
        }
        .table-bordered td, .table-bordered th {
            border: 1px solid #dee2e6;
        }
        .table td, .table th {
            padding: .75rem;
            vertical-align: top;
        }
        .text-right{
            text-align: right;
        }
        .consolidated-main-headings {
            text-align: center;
            background-color: #fff00d;
            padding: 4px;
            border-radius: 30px;
        }
        .text-uppercase {
            text-transform: uppercase!important;
        }
         .padding-cell{
             padding: 8px;
         }
        .cate_number {
          margin-top: -20px;
            margin-bottom: 10px;
        }
        .w-50{
            width: 50%;
        }
     </style>
 @endif

<div class="row">
    <div class="col-md-12">
        <table class="striped-table w-100 font13 mt-3 bg-grey table-top" cellpadding="2">
            @php
            $colspan = 4;
            @endphp
            <tr>
                <th class="padding-cell">
                    <div class="consolidated-main-headings">
                        <span class="text-uppercase">{!! __('report.total_amount_last_month') !!}</span><br>
                        <span>{{ numberFormat($result['total_amount_last'], 1, true) }}</span>
                    </div>
                </th>
                <th class="padding-cell">
                    <div class="consolidated-main-headings">
                        <span class="text-uppercase">{!! __('report.total_amount_this_month') !!}</span><br>
                        <span>{!! numberFormat($result['total_amount_current'], 1, true) !!}</span>
                    </div>
                </th>
                <th class="padding-cell">
                    <div class="consolidated-main-headings">
                        <span class="text-uppercase">{!! __('report.total_pcs_last_month') !!}</span><br>
                        <span>{!! $result['total_qty_last'] !!}</span>
                    </div>
                </th>
                <th class="padding-cell">
                    <div class="consolidated-main-headings">
                        <span class="text-uppercase">{!! __('report.total_pcs_this_month') !!}</span><br>
                        <span>{!! $result['total_qty_current'] !!}</span>
                    </div>
                </th>
            </tr>
            <tr>
                <th class="padding-cell">
                    <div class="consolidated-main-headings">
                        <span class="text-uppercase">{!! __('report.most_sale_last_month') !!}</span><br>
                        <span>{!! ($result['most_sale_last'] != "") ? $result['most_sale_last']:"--" !!}</span>
                    </div>
                </th>
                <th class="padding-cell">
                    <div class="consolidated-main-headings">
                        <span class="text-uppercase">{!! __('report.most_sale_this_month') !!}</span><br>
                        <span>{!! ($result['most_sale_current'] != "") ? $result['most_sale_current'] : "--" !!}</span>
                    </div>
                </th>
                <th class="padding-cell">
                    <div class="consolidated-main-headings">
                        <span class="text-uppercase">{!! __('report.worst_sale_last_month') !!}</span><br>
                        <span>{!! ($result['w_sale_last'] != "") ? $result['w_sale_last'] : "--" !!}</span>
                    </div>
                </th>
                <th class="padding-cell">
                    <div class="consolidated-main-headings">
                        <span class="text-uppercase">{!! __('report.worst_sale_this_month') !!}</span><br>
                        <span>{!! ($result['w_sale_current'] != "") ? $result['w_sale_current'] : "--" !!}</span>
                    </div>
                </th>
            </tr>
            <tr class="bg-grey">
                <th colspan="{{ $colspan }}" class="text-center">
                    @if ($isDownload)
                        <img align="center" src="{{ public_path() . '/assets/images/logo-text.png'}}" style="width: 120px;" hspace="50%">
                    @else
                        <img src="{{tokkioLogo()}}" style="width: 120px;">
                    @endif
                </th>
            </tr>
            <tr class="bg-grey">
                <th colspan="{{ $colspan }}" class="text-center" align="center">
                    <h3><b>{{ __('report.product_sale') }}</b></h3>
                </th>
            </tr>
            <tr class="bg-grey">
                <th colspan="{{ $colspan }}" class="text-center " align="center">
                    <b>{{ __('report.from') }}:&nbsp;</b> {{ dateFormat($inputs['from_date'], SHOW_DATE2) }},
                    <b>{{ __('report.to') }}:&nbsp;</b> {{ dateFormat($inputs['to_date'], SHOW_DATE2) }}
                </th>
            </tr>
        </table>
    </div>
</div>
<div class="row row-pdf">
    @if(count($result['categories']) > 0)
        @foreach($result['categories'] as $catDetail)
            @if(isset($result['category_items'][$catDetail->id]) && count($result['category_items'][$catDetail->id]) > 0)
            <div class="col-md-4 col-pdf-4 mt-30">
                <div class="__cat_stats">
                                        <div class="cate_box d-flex justify-content-between">
                        <p class="mt-0 mb-0 text-right w-100 w-50 cate-title">{{ $catDetail->name }}</p>
                        <div class="cate_number w-100">
                            <p class="text-right mt-0 mb-0">{{$wholeQty}}</p>
                            <p class="text-right mt-0 mb-0">---</p>
                            <p class="text-right mt-0 mb-0">{{numberFormat($wholeSale,1,false)}}</p>
                        </div>
                    </div>
                    <span></span>
                    <table class="table table-bordered">
                        <tr>
                            <th>{!! __('report.name') !!}</th>
                            <th>{!! __('report.pc_this_month') !!}</th>
                            <th>{!! __('report.sale_last_month') !!}</th>
                            <th>{!! __('report.sale_this_month') !!}</th>
                        </tr>
                        @if(count($result['category_items']) >0)

                            @if(isset($result['category_items'][$catDetail->id]) && count($result['category_items'][$catDetail->id]) > 0)
                                @foreach($result['category_items'][$catDetail->id] as $catItems)

                                    <tr>
                                        <td>{{$catItems['name']}}</td>
                                        <td>{{$catItems['current_month_stats']['total_qty'] ?? 0}}</td>
                                        <td>
                                            {{(isset($catItems['last_month_stats']['total_price'])) ? numberFormat($catItems['last_month_stats']['total_price'],1,false) : 0}}
                                        </td>
                                        <td>
                                            {{(isset($catItems['current_month_stats']['total_price'])) ? numberFormat($catItems['current_month_stats']['total_price'],1,false) : 0}}
                                        </td>
                                    </tr>
                                @endforeach
                                @else
                                <tr>
                                    <td colspan="4">
                                        {!! __('common.no_record_found') !!}
                                    </td>
                                </tr>
                            @endif
                        @endif
                    </table>
                </div>
            </div>
            @endif
        @endforeach
    @endif
</div>