@extends('admin.layout.master')
@section('title',__('obs.'.strtolower($title)))
@section('custom_style')
<style>
input[type=text],input[type=file], input[type=number] {
    height: 24px !important;
}
.table thead th {
    border: 1px solid black !important;
    text-align: center;
    vertical-align: middle;
}
</style> 
@endsection
@section ('content')
<div class="card sina-card">

    @include('admin.layout.title_header', ['title'=>__('obs.'.strtolower($title))])
    <div class="card-body" style="padding-bottom:0">
        <form action="{{route($route)}}" method="get">
            <div class="row pb-3">
                <div class="col-md-3 ml-auto">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" name="show_detals" id="show_detals" onclick="toggleDetails(this)">
                        <label class="form-check-label" for="show_detals">{{__('obs.show').' '.__('obs.details')}}
                        </label>
                    </div>
                </div>
                <div class="col-md-2 ml-auto">
                    <label for="pay_type">{{__('obs.c_center')}}</label>
                    <select name="cost_center_id" id="cost_center_id" style="min-width: 100%">
                        <option value="0">{{__('obs.all')}}</option>
                        @forelse ($cost_centers as $cost_center)
                        <option value="{{$cost_center->id}}">{{ $cost_center->name }}</option>
                        @empty
                        @endforelse
                    </select>
                </div>
                <div class="col-md-5 ml-auto">
                    <label for="status">{{__('obs.date')}}</label>
                    <div class="d-flex input-group-append">
                        {!!getDateInput('start_date','start_date',Request()->start_date)!!}
                        <label class="input-group-text" style="height: 24px; margin-left: -2px; margin-right: -2px">{{__('obs.date_to')}}</label>
                        {!!getDateInput('end_date','end_date',Request()->end_date)!!}
                        {{-- <input type="text" class="form-control date_picker_report" id="start_date" name="start_date" value="{{Request()->start_date?date('Y-m-d',strtotime(Request()->start_date)):date('Y-m-d')}}">
                        <label class="input-group-text" style="height: 28px; margin-left: -2px; margin-right: -2px">{{__('obs.date_to')}}</label>
                        <input type="text" class="form-control date_picker_report" id="end_date" name="end_date" value="{{Request()->end_date?date('Y-m-d',strtotime(Request()->end_date)):date('Y-m-d')}}">  --}}
                        @php
                            $reportType=env("SPLIT_COST_CENTER_REPORT",0);
                        @endphp
                        @if($reportType)
                            <button title="{{$reportType}}" type="button" onclick="getSplitedReport()" style="height: 24px; margin-left: -2px" class="btn btn-pill btn-sm btn-hover btn-warning">
                                <i class="fa fa-search"></i>
                            </button>
                        @else
                            <button title="{{$reportType}}" type="button" onclick="getReport()" style="height: 24px; margin-left: -2px" class="btn btn-pill btn-sm btn-hover btn-danger">
                                <i class="fa fa-search"></i>
                            </button>
                        @endif
                    </div>
                </div>
            </div>
        </form>
    </div>
    
    <div class="card-box">
        @if($reportType)
            <div class="card-body" style="border: black solid 1px;" id="divTableDataHolder">
                <div class="row">
                    <div class="col-sm-12">
                        <table style="border:black solid 2px;width:100%" id="header_table">
                            <thead>
                                <tr>
                                    <th>
                                        @php
                                        // $printData['start_date']=Request()->start_date?date('d-M-Y',strtotime(Request()->start_date)):date('d-M-Y');
                                            $printData['end_date']=Request()->date_to?date('d-M-Y',strtotime(Request()->date_to)):date('d-M-Y');
                                            $routeName=str_replace('_api','',Route::currentRouteName());   
                                            $printData=getPrintData($routeName,$printData);
                                        @endphp
                                        <style type="text/css">{!!$printData['style_css']!!}</style>
                                        {!!$printData['head']!!}
                                    </th>
                                
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <div class="row">
                                            <div class="col-md-12" id="report_html">

                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>{!!$printData['foot']!!}</th>
                                </tr>
                            </tfoot>
                        </table>
        
        
        
                    </div>
        
                </div>
                </form>
        
            </div>
        @else
            <div class="card-body" style="padding-top:2px">
                <div class="row">
                    <div class="col-md-12" id="report_html">

                    </div>
                </div>
            </div>
        @endif
    </div>
</div>
</div>
@include('admin.global.loader')  
@include('admin.modals.global_blank_modal')  

@endsection
@section('script')
<script>
let warehouseCustomReportType=Number(@json($reportType));
let route_name=@json($route);
console.log('rtype=',warehouseCustomReportType);

    $('#cost_center_id').select2();
    $('#ledger_id').select2();
function toggleDetails(details){
    if(details.checked){
        $('.list_show').show('slow');
    }else{
        $('.list_show').hide('slow');
    }
}

function getBreakDownData(report_type,type=0){
    $('#global_model_body').html('');
    let link=type==1?"{{route('reports.trail_balance_group_by_api')}}":"{{route($route.'_api')}}";
    let s=$('#start_date').val();
    let e=$('#end_date').val();
    let c=$('#cost_center_id').val();
    let int_data_param={
        start_date:s,
        end_date:e,
        type:report_type,
    }
    if(!(Number(warehouseCustomReportType))){
        int_data_param.cost_center_id=c;
    }
    const setReportHtmlBreakDown = data => {
        // $("#global_model").modal("hide");
        $('#global_model_body').html(data);
        $('#loader').hide();
        // PrintDiv('global_model_body');
        $("#global_model").modal("show");
    }
    ajaxCall(link,'GET',int_data_param, setReportHtmlBreakDown);
}
function getBreakDownDataFromOtherLink(linkWithData){
    $('#global_model_body').html('');
    let dataArray=linkWithData.split(' | ');
    let link=dataArray[0];
    let int_data_param=JSON.parse(dataArray[1]);
    let s=$('#start_date').val();
    let e=$('#end_date').val();
    int_data_param.date_from=s;
    int_data_param.date_to=e;

    const setReportHtmlBreakDownFromOtherLink = data => {
        // $("#global_model").modal("hide");
        $('#global_model_body').html(data.html);
        $('#loader').hide();
        $("#global_model").modal("show");
    }
    ajaxCall(link,dataArray[2],int_data_param, setReportHtmlBreakDownFromOtherLink);
}
const getReport=()=>{
    let link="{{route($route.'_api')}}";
    let s=$('#start_date').val();
    let e=$('#end_date').val();
    let c=$('#cost_center_id').val();
    let int_data_param={
        start_date:s,
        end_date:e,
        cost_center_id:c,
    }
    const setReportHtml = data => {
        $('#report_html').html(data);
        $('#loader').hide();
    }
    ajaxCall(link,'GET',int_data_param, setReportHtml);
}
const getSplitedReport=()=>{
    let link="{{route($route.'_api')}}";
    let s=$('#start_date').val();
    let e=$('#end_date').val();
    let c=Number($('#cost_center_id').val());
    let countTravis=0;
    let int_data_param={
        start_date:s,
        end_date:e,
        number_of_block:warehouseCustomReportType
    }
    if(Number(warehouseCustomReportType)){
        int_data_param.cost_center_ids=[c??0];
        countTravis=c?4:2;
        int_data_param.set=50;
    }else{
        int_data_param.cost_center_id=c;
    }
    const setReportHtml = data => {
        $('#report_html').html(data);
        // 1=3, 2= 0,3 , 3=0,3,4, 4=0,3,4,5
        let index_array={
            '0':[3],
            '1':[3],
            '2':[0,3],
        }
        //for loop
        // for(let i=0;i<index_array[warehouseCustomReportType].length;i++){
        //     console.log(index_array[warehouseCustomReportType][i]);
        // }
        if(Number(warehouseCustomReportType)){
            let ip=0;
            //for (let index = 0; index < 4; index++) {
            const promises = [];const keys_tracking={};

            for (let i = 0; i < index_array[warehouseCustomReportType].length; i++) {
              const index = index_array[warehouseCustomReportType][i];
            
              if (index == 0 || index == 3 || (c != 0)) {
                let data_param = {
                  cost_center_ids: [c ?? 0],
                  start_date: index ? s : '01-01-2020',
                  end_date: index ? e : s,
                  set: index,
                };
            
                if (route_name === 'reports.custom_balance_sheet' && index === 3) {
                  data_param.start_date = '01-01-2020';
                }
            
                // Wrap ajaxCall into a Promise
                const promise = new Promise((resolve, reject) => {
                  ajaxCall(link, 'GET', data_param, (fillableContent) => {
                    try {
                      let keys = Object.keys(fillableContent);
                      for (const key of keys) {
                        let amt = fillableContent[key].trim() == "" ? "" : fillableContent[key];
                        //console.log('key=',("#" + key),fillableContent[key]);
                        $("#" + key).text(amt);
                        //if(!isNaN(Number(amt))){
                            const middle = key.split("-").slice(-2, -1)[0];
                            if (middle in keys_tracking) {
                                keys_tracking[middle] += Number(amt);
                            } else {
                                keys_tracking[middle] = Number(amt);
                            }
                        //}
                      }
                      resolve(fillableContent);
                    } catch (error) {
                      reject(error);
                    }
                  });
                });
            
                promises.push(promise);
              }
            }
            
            Promise.all(promises)
              .then((results) => {
                  Object.keys(keys_tracking).forEach((key) => {
                      let show_type=$(".tr-" + key).attr("data-show_type");
                      //console.log("type=",show_type);
                      if (keys_tracking[key] == 0 && [3,2].includes(Number(show_type))) {
                        $(".tr-" + key).hide();
                      }
                });
                $('#loader').hide();
              })
              .catch((error) => {
                console.error('❌ One of the AJAX calls failed:', error);
              });

        }else{
            $('#loader').hide();
        }
    }
    ajaxCall(link,'GET',int_data_param, setReportHtml);
}
</script>
@stop