@extends('admin.layout.master')
@section('title','MARKET STATISTICS')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 28px !important;
    }
    .table th, .table td {
            padding: 0px 5px;
            color: black;
        }
        .table th {
           background: #ab3535;
           padding: 5px !important;
           color: white !important;
        }
        .table-bordered th, .table-bordered td {
            border: 1px solid #c1c1c1 !important;
        }
        .special-cell{
            background: #bfbfbf;
            padding: 5px !important;
            color: black !important;
        }
</style>
<style>
    table {

        width:100%
    }
    table, td, th {
        border: 1px solid gray;
        border-collapse:initial;
        border-spacing: 0;
        padding: 2px 4px;
    }
    td {
        vertical-align: top;
    }
    @media print {
        thead { display: table-header-group; }

        .table th {
            background: #fff;
            color: #000 !important;
        }
    }

</style>

@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header card-header-s d-flex flex-wrap align-items-center">
        <h4 class="col-6 pl-0">MARKET STATISTICS</h4>
        <div class="col-6 d-flex justify-content-end">
            <button id="myButtonControlID" class="btn-sina-title-add d-flex align-items-center" type="button" name="button">
                <div class=""> Excel </div>
                <div class="col pl-2 pr-0">
                    <i class="fa fa-download"></i>
                </div>
            </button>
            &nbsp;
            <button class="btn-sina-title-add d-flex align-items-center" type="button" name="button" onclick="PrintDiv()">
                <div class=""> Print </div>
                <div class="col pl-2 pr-0">
                    <i class="fa fa-print"></i>
                </div>
            </button>
        </div>
    </div>
    <div class="card-body">
        <div class="card-body" style="padding-bottom:0">
            <form action="" method="get">
                <div class="">
                    <div class="row">
                        <div class="col-3">
                            {{-- <div class="form-group">
                                <select name="category_code[]" id="category_code" class="form-control select_2" multiple>
                                    @forelse ($categories as $category)
                                        <option value="{{$category->id}}" data-category_id="{{$category->id}}">{{$category->name_eng}}</option>
                                    @empty
                                    @endforelse
                                </select>
                            </div> --}}
                        </div>

                        <div class="col-3">
                            <div class="form-group">
                                <select name="showroom" id="showroom" class="form-control select_2">
                                    <option value="0">All ShowRoom</option>
                                    @forelse ($shops as $shop)
                                        <option value="{{$shop->id}}"  @if(Request()->showroom==$shop->id) selected="selected" @endif>{{$shop->name}}</option>
                                    @empty

                                    @endforelse
                                </select>
                            </div>
                        </div>

                        <div class="col-2">
                            <div class="form-group">
                                <select name="report_type" id="report_type" class="form-control select_2">
                                    <option value="14" @if(Request()->report_type==14) selected="selected" @endif>ORDER</option>
                                    <option value="3" @if(Request()->report_type==3) selected="selected" @endif>DELIVERY</option>
                                    <option value="215" @if(Request()->report_type==215) selected="selected" @endif>TARGET</option>
                                    <option value="214" @if(Request()->report_type==214) selected="selected" @endif>FORECAST</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-4 col-lg-offset-2 col-md-offset-2 col-sm-offset-2">
                            <div class="form-group">
                                <div class="input-group-append">
                                    <input type="date" class="form-control bsdatepicker" id="date_from" name="date_from" value="{{Request()->date_from?date('Y-m-d',strtotime(Request()->date_from)):date('Y-m-d')}}">
                                    <label class="input-group-text" style="height: 28px; margin-left: -2px; margin-right: -2px">To</label>
                                    <input type="date" class="form-control bsdatepicker" id="date_to" name="date_to" value="{{Request()->date_to?date('Y-m-d',strtotime(Request()->date_to)):date('Y-m-d')}}">

                                    <button type="button" onclick="getMarketingData()" style="height: 28px; margin-left: -2px" class="btn btn-pill btn-sm btn-hover btn-danger">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
            <div class="table-responsive" id="divTableDataHolder">
                @php

                    $printData['title']='MARKET STATISTICS '.($type==0?'(SHOWROOM VS PRODUCT)':'(PRODUCT VS SHOWROOM)');
                    $printData['start_date']=Request()->date_from?date('d-M-Y',strtotime(Request()->date_from)):date('d-M-Y');
                    $printData['end_date']=Request()->date_to?date('d-M-Y',strtotime(Request()->date_to)):date('d-M-Y');
                    $routeName=Route::currentRouteName();
                    $printData=getPrintData($routeName,$printData);
                @endphp
                 <style type="text/css">{!!$printData['style_css']!!}</style>
                {!!$printData['head']!!}
                <table class="table table-bordered table-hover">
                    <thead> 
                        <tr class="first-head-tr">
                            <th class="text-center" style="vertical-align: middle;">#</th>
                            <th class="text-center" style="vertical-align: middle;">Showroom</th>
                            @forelse ($categories as $cc=>$subCategory)
                                <th class="text-center catcode_th" data-cat_code="{{$subCategory->code}}">{{$subCategory->name_eng.'-'.$subCategory->code}}</th>
                            @empty
                            @endforelse
                            <th class="text-right catcode_th" data-cat_code="0" style="vertical-align: middle;">Total</th>
                    </tr>
                    </thead>
                    @php
                        $i=1;
                    @endphp
                    <tbody id="append_new_zonewise_row">
                        @forelse ($shops as $key=>$zone)
                                <tr id="zones_row-{{$zone->id}}">
                                    <td class="text-center" id="zone_index-{{$zone->id}}">{{$i++}}</td>
                                    <td>
                                        {{$zone->name}}
                                        <input type="hidden" class="zones" value="{{$zone->id}}">
                                    </td>
                                    @forelse ($categories as $m=>$categoryProduct)
                                        <td id="data-cell-{{$zone->id}}-{{$categoryProduct->code}}" class="cat_sub_total_{{$categoryProduct->code}} text-right">0.00</td>
                                    @empty
                                    @endforelse
                                    <td id="zonal-cell-total-{{$zone->id}}" class="cat_sub_total_0 zone_sub_total text-right">0.00</td>
                                </tr>
                        @empty
                        @endforelse
                    </tbody>
                    <tfoot>
                        <tr class="first-head-tr">
                            <th colspan="2" class="text-right">Total</th>
                            @forelse ($categories as $m=>$categoryProduct)
                                <th id="cat_total_{{$categoryProduct->code}}">0.00</th>
                            @empty
                            @endif
                            <th id="cat_total_0">0.00</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
            @include('inventory.global.loader')

            <hr>

            <div class="row pb-0  modal-footer">
            </div>
    </div>
</div>
@endsection
@section('script')

<script>
    //let categories_data=@json($categories);
    $('.select_2').select2();
    // $(document).ready(function() {
    // });
    let zonalGrandSum=0;
    let catSum=[];
    let cat_sum = [];
    const getMarketingData= async ()=>{
        $('.zones').each(async function(i){
            var zone_id=$(this).val();
            let link= "{{route('reports.marketing_statistics_ajax')}}";
            let data_param={
                zone_id:zone_id,
                transaction_type:$('#report_type').val(),
            }
            const setReportData = data => {
                console.log(data);
                let dataStr='<tr id="zones_row-'+zone_id+'"><td id="zone_index-'+zone_id+'">'+$('#zone_index-'+zone_id).text()+'</td>';
                $('#zones_row-'+zone_id).replaceWith(dataStr+data);
                //cat_sum[i] = 
                // $('#append_new_zonewise_row').append(data);
                getSum();
                $('#loader').hide();
            }
            ajaxCall(link,'GET',data_param, setReportData);
        });
    }
    const hello=()=>{
        getMarketingData().then(getSum)
    }

    const getSum=()=>{
            $('.catcode_th').each(function(){
                var catcode=$(this).attr('data-cat_code');
                var sum=0;
                $('.cat_sub_total_'+catcode).each(function(){
                    sum += parseFloat($(this).text());
                });
                $('#cat_total_'+catcode).text(sum);
            });
    }
    // const getMarketingData=()=>{
    //     $('.zones').each(function(i){
    //         var zone_id=$(this).val();
    //         let link= "{{route('reports.marketing_statistics_ajax')}}";
    //         let data_param={
    //             zone_id:zone_id,
    //             transaction_type:$('#report_type').val(),
    //         }
    //         const setReportData = data => {
    //             let zoneSum=0;
    //             if(data && data.cat_amount){
    //                 for (const key in data.cat_amount) {
    //                     if (Object.hasOwnProperty.call(data.cat_amount, key)) {
    //                         $('#data-cell-'+zone_id+'-'+key).html(data.cat_amount[key]);
    //                         zoneSum+=parseFloat(data.cat_amount[key]);
    //                         catSum[key]+=data.cat_amount[key];
    //                     }
    //                 }
    //             }
    //             zonalGrandSum+=zoneSum;
    //             $('#zonal-cell-total-'+zone_id).text(zoneSum);
    //         }
    //         ajaxCall(link,'GET',data_param, setReportData);
    //     });
    //     $('#zone_total').text(zonalGrandSum);
    //     console.log(catSum);
    // }
   
</script>
@stop