@use('App\Services\Date')
@extends('reports::layouts.master')
@section('title', __('reports::reports.cost_center'))
<style>
    .select2 .selection .select2-selection{
        line-height:35px;
        border-radius: 5px !important;
    }
</style>
@section('page-link')
<li class="breadcrumb-item active">
    <a href="{{ route('company.reports.legacy.cost-center.index', ['subdomain' => $subdomain]) }}" class="active">
        @lang('reports::reports.cost_center')
    </a>
</li>
@endsection
@section('action_buttons')
<div class="headBtns mx-1 fixed-btns">
    <div class="btn-group pull-right">

    </div>
    <div class="mb-1 pull-left">
        <a class="text-green pull-left" href="{{ route('company.reports.index', $subdomain)}}" title="{{__('Back')}}">
            @if(LaravelLocalization::getCurrentLocale() === 'en')
            <span class="icon-Previous action-icon back-btnIcon"></span>
            @else
            <span class="icon-Next action-icon back-btnIcon"></span>
            @endif
        </a>
        @if(request()->all())
            @can('reports.cost-center.export')
                <a class="text-green" href="{{route('company.reports.legacy.cost-center.export-excel', ['subdomain' => $subdomain, 'is_dates'=>request('is_dates'),'fiscal_year_id'=>request('fiscal_year_id'), 'from' => request('from'),'to' => request('to'), 'show_sub_accounts' =>  request('show_sub_accounts'), 'cost_centers' =>  request('cost_centers')])}}" title="@lang('reports::reports.download_excel')">
                    <span class="icon-Excel action-icon"></span>
                </a>
            @endcan
        @endif
    </div>
</div>
@endsection
@section('section_title')
@lang('reports::reports.cost_center')
@endsection

@section('form-open-tag')
    <form action="{{ route('company.reports.legacy.cost-center.index', ['subdomain' => $subdomain]) }}" method="GET" class="form form-horizontal mt-20" novalidate>
        <input id="default_indicator" type="hidden" name="is_dates" value="{{ request('is_dates') ? request('is_dates') : 0 }}">
        <div class="row">
            <div class="col-xs-12">
                <div class="card report-filter-wrapper">
                    <div class="report-filter-header">
                        <span>@lang('Filter')</span>
                    </div>
                    <div class="card-block card-dashboard" style="padding: 0;">
                        <div class="report-filter-panel">
                            <div class="report-filter-grid">
                                <div class="report-filter-group">
                                    <label for="cost_center_id" class="report-filter-label">
                                        @lang('reports::reports.cost_center')
                                        <span style="font-size: 0.75rem; color: #6c757d; font-weight: normal; margin-{{ app()->getLocale() === 'ar' ? 'right' : 'left' }}: 0.5rem;">
                                            ({{ auth()->user()->adjustRolesLikeOwnerPermissions() ? __('reports::reports.leave_empty_for_all')  : __('reports::costCenter.select_cost_center') }})
                                        </span>
                                    </label>
                                    @php
                                        $selectedCostCenters = (array) request('cost_centers', []);
                                        $allCostCentersCount = app(\Modules\Products\Repositories\CostCentersRepository::class)->count();
                                        $costCentersCollection = is_array($data['costCenters']) ? collect($data['costCenters']) : $data['costCenters'];
                                        $hasAccessToAllCostCenters = auth()->user()->adjustRolesLikeOwnerPermissions() || $costCentersCollection->count() >= $allCostCentersCount;
                                    @endphp
                                    <select name="cost_centers[]" id="cost_center_id" class="report-filter-select selectReport" multiple>
                                        @if($costCentersCollection->count() > 1 || ($costCentersCollection->count() == 1 && auth()->user()->can('cost-center.main-center.view')))
                                            <option value="" @if(empty($selectedCostCenters) || in_array('', $selectedCostCenters, true) || in_array(null, $selectedCostCenters, true)) selected @endif>{{ __('All') }}</option>
                                        @endif
                                        @can('cost-center.main-center.view')
                                            <option value="0" @if(in_array('0', $selectedCostCenters, true)) selected @endif>
                                                {{ __('products::cost_center.main center') }}
                                            </option>
                                        @endcan
                                        @foreach($data['costCenters'] as $costCenter)
                                            <option value="{{ $costCenter->id }}" @if(in_array($costCenter->id, $selectedCostCenters) || in_array((string)$costCenter->id, $selectedCostCenters)) selected @endif>
                                                {{ $costCenter->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('cost_center_id')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                    @enderror
                                </div>
                                <div class="report-filter-group">
                                    <label for="fiscal_year_id" class="report-filter-label">
                                        @lang('reports::reports.accounting_year')
                                    </label>
                                    <select name="fiscal_year_id" id="fiscal_year_id" class="report-filter-select selectReport">
                                        @if ($data['currentFiscalYear'])
                                            <option id="current_fiscal_year_id"
                                                value="{{ $data['currentFiscalYear']->id }}"
                                                @if ($data['currentFiscalYear']->id == request('fiscal_year_id')) selected @endif>
                                                @lang('reports::reports.current')
                                            </option>
                                        @endif
                                        @foreach ($data['fiscalYears'] as $fiscalYear)
                                            @if (!$data['currentFiscalYear'] || ($data['currentFiscalYear'] && $data['currentFiscalYear']->id != $fiscalYear->id))
                                                <option value="{{ $fiscalYear->id }}"
                                                    @if ($fiscalYear->id == request('fiscal_year_id')) selected @endif>
                                                    @lang('from')
                                                    {{ Date::format($fiscalYear->year . '-' . $fiscalYear->month . '-' . $fiscalYear->day) }}
                                                    -
                                                    @lang('to')
                                                    {{ Date::format($fiscalYear->closing_date) }}
                                                </option>
                                            @endif
                                        @endforeach
                                        <option @if (request('is_dates')) selected @endif value="">
                                            @lang('reports::reports.custom_duration')
                                        </option>
                                    </select>
                                    @error('fiscal_year_id')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                    @enderror

                                    <div id="custom_duration_section" style="display: @if(request('is_dates')) block @else none @endif;">
                                        <x-date-picker 
                                            mode="range"
                                            name="date_range"
                                            input-id="date_range"
                                            start-name="from"
                                            end-name="to"
                                            :value="[request('from'), request('to')]"
                                            input-class="report-filter-input"
                                        />
                                        <a href="javascript:void(0)" id="back_to_fiscal_year" style="font-size: 0.85rem; margin-top: 4px; display: inline-block; color: #11B99F; cursor: pointer;">
                                            <i class="fa fa-undo"></i> @lang('reports::reports.use_fiscal_year')
                                        </a>
                                    </div>
                                    @error('from')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                    @enderror
                                    @error('to')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                    @enderror
                                </div>
                                <div class="report-filter-group">
                                    <label for="show_sub_accounts" class="report-filter-label">
                                        @lang('reports::reports.show sub accounts')
                                    </label>
                                    <div style="display: flex; align-items: center; height: 40px;">
                                        <input type="checkbox" {{ request('show_sub_accounts') ? 'checked' : '' }} id="show_sub_accounts" name="show_sub_accounts" value="1" style="width: 20px; height: 20px; margin: 0;">
                                    </div>
                                    @error('show_sub_accounts')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                    @enderror
                                </div>
                            </div>

                            <div class="report-filter-button-container">
                                <button type="button" id="reset" class="report-filter-button report-filter-button-secondary">
                                    <i class="fa fa-undo"></i> @lang('reports::reports.reset_filters')
                                </button>
                                <button type="submit" class="report-filter-button">
                                    @lang('reports::reports.filter_report')
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection
<style>
    .tableFixHead {
        overflow-y: auto;
        height: 70vh;
    }

    .tableFixHead thead th {
        position: sticky;
        top: -1px;
        /* override bootstrap border */
        border-top: 0 !important;
        border-bottom: 0 !important;
        /* fix bootstrap border issue */
        box-shadow: inset 0 2px 0 #E3EBF3, inset 0 -2px 0 #E3EBF3;
    }

    /* Just common table stuff. Really. */
    .tableFixHead table {
        border-collapse: collapse;
        width: 100%;
    }


    .tableFixHead th {
        background: white;
    }


    .fix-text {
        word-wrap: break-word;
        white-space: pre-wrap
    }
</style>
@section('koolreport')

@if(request()->all())
<section id="configuration" class="summ_report">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body collapse in">
                    <section>
                        <h2>
                            @lang('reports::reports.cost_center')
                        </h2>
                        <h4><b>{{ $data['companyName'] }}</b></h4>
                        <h4> @lang('from') <span dir="ltr">{{$data['dates']['from']}}</span> @lang('to') <span dir="ltr">{{$data['dates']['to']}}</span> </h4>
                    </section>
                    <div class="table-responsive">
                        <div class="tableFixHead">
                            <table class="table table-borderless dataex-fixh-basic arbFont-md">
                                <thead>
                                    <tr>
                                        <th></th>
                                        @foreach($data['selectedCostCenters'] as $costCenter)
                                        <th style="text-align: center;" class="costCentersNo">{{($costCenter['code']?$costCenter['code'] . "-":"") . $costCenter['name_' . app()->getLocale()]}}</th>
                                        @endforeach
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="odd empty_data hidden">
                                        <td valign="top" colspan="8" class="text-center dataTables_empty">{{__('reports::reports.no_data')}}</td>
                                    </tr>
                                    @foreach($data['categorizedAccounts'] as $categoryName => $subCategories)
                                    <tr data-category="{{$categoryName}}">
                                        <th class="text-bold font-medium-2" style="text-indent: 1em;@if(app()->getLocale() == 'en') padding-left: 1em @else padding-right: 1em @endif"> {{$categoryName}}</th>
                                        @foreach($data['selectedCostCenters'] as $costCenter)
                                        <th></th>
                                        @endforeach
                                    </tr>
                                    @foreach($subCategories as $subCategoryName => $accounts)
                                    <tr data-subcategory="{{$subCategoryName}}">
                                        <th data-parent-id="{{$categoryName}}" class="text-bold" style="text-indent: 1em;@if(app()->getLocale() == 'en') padding-left: 2em @else padding-right: 2em @endif"> {{$subCategoryName}}</th>
                                        @foreach($data['selectedCostCenters'] as $costCenter)
                                        <th data-parent-id="{{$categoryName}}"></th>
                                        @endforeach
                                    </tr>
                                    @foreach($accounts as $account)
                                    @if(!isset($account['id']))
                                        @php
                                            // Far from ideal solution, but it's the only way to fix the issue of the account not having an id
                                            $account['id'] = rand(1, 1000000);
                                            $account['code'] = '0';
                                            $account['name'] = '0';
                                        @endphp
                                    @endif
                                    <tr class="accounts account_{{$account['id']}} account_tr_{{$account['id']}}" style="font-size: 13px !important;">
                                        <td style="text-indent: 1em;@if(app()->getLocale() == 'en') padding-left: 3em @else padding-right: 3em @endif">{{ $account['code'] . ' - ' . $account['name'] }} </td>
                                        @foreach($data['selectedCostCenters'] as $costCenter)
                                        <th class="parent zero-value newEq"
                                        data-newEq-id= "{{$account['name']. '_' . ($costCenter['id']? $costCenter['id']:-1)}}"
                                        data-account-value="{{$account['name']}}"
                                        data-category-id="{{$categoryName}}"
                                        data-subcategory-id="{{$subCategoryName}}"
                                        data-subcategory-cost-center-id="{{$subCategoryName . '_' . ($costCenter['id']? $costCenter['id']:-1)}}"
                                        id="{{$account['id'] . "_" . ($costCenter['id']?$costCenter['id']:-1)}}"
                                        style="text-align: center;"
                                        data-url="{{route('company.reports.account-statement.index',
                                                                                 ['subdomain' => $subdomain,
                                                                                    'account_id' => $account['id'],
                                                                                    'is_dates'=>request('is_dates'),
                                                                                    'cost_center_id[]'=>($costCenter['id']?$costCenter['id']:0),
                                                                                    'fiscal_year_id'=>request('fiscal_year_id'),
                                                                                    'from' => request('from'),'to' => request('to')
                                                                                 ])}}">

                                        <a target="_blank" href="{{route('company.reports.account-statement.index',
                                                                                 ['subdomain' => $subdomain,
                                                                                    'account_id' => $account['id'],
                                                                                    'is_dates'=>request('is_dates'),
                                                                                    'cost_center_id[]'=>($costCenter['id']?$costCenter['id']:0),
                                                                                    'fiscal_year_id'=>request('fiscal_year_id'),
                                                                                    'from' => request('from'),'to' => request('to')
                                                                                 ])}}" >

                                                                                 {{ isset( $data['mainAccountsTotalValues'][$account['id']][$costCenter['id']] ) ? floatval($data['mainAccountsTotalValues'][$account['id']][$costCenter['id']]) < 0 ?
                                                                                "(" .number_format(floatval($data['mainAccountsTotalValues'][$account['id']][$costCenter['id']])* -1,2)    .")" : number_format(floatval($data['mainAccountsTotalValues'][$account['id']][$costCenter['id']]),2) : 0.00
                                                                                }}







                                </th>
                                        @endforeach
                                    </tr>
                                    @isset($account['childs'])
                                    @foreach($account['childs'] as $key => $childAccount)
                                    <tr class="account_{{$account['id']}} @if(!request('show_sub_accounts')) hidden @endif" style="font-size: 13px !important;">
                                        <td style="text-indent: 0em;@if(app()->getLocale() == 'en') padding-left: {{3 + $childAccount['level'] +1}}em @else padding-right: {{3 + $childAccount['level'] +1}}em @endif">{{ $childAccount['code'] . ' - ' . $childAccount['name'] }}</td>
                                        @foreach($data['selectedCostCenters'] as $costCenter)
                                        <th class="child zero-value"
                                        data-category-id="{{$categoryName}}"
                                        data-subcategory-id="{{$subCategoryName}}"
                                        data-subcategory-cost-center-id="{{$subCategoryName . '_' . ($costCenter['id']? $costCenter['id']:-1)}}"
                                        data-parent-id="{{$account['id']}}"
                                        data-account-index="{{$key}}"
                                        id="{{$childAccount['id'] . "_" . ($costCenter['id']? $costCenter['id']:-1)}}"
                                        data-parent-id-cost-center="{{$account['id'] . "_" . ($costCenter['id']? $costCenter['id']:-1)}}"
                                        style="text-align: center;"
                                        data-url="{{route('company.reports.account-statement.index',
                                                                                     ['subdomain' => $subdomain,
                                                                                        'account_id' => $childAccount['id'],
                                                                                        'is_dates'=>request('is_dates'),
                                                                                        'cost_center_id'=>($costCenter['id']?$costCenter['id']:0),
                                                                                        'fiscal_year_id'=>request('fiscal_year_id'),
                                                                                        'from' => request('from'),'to' => request('to')
                                                                                     ])}}">

                                                                                     <a target="_blank" href="{{route('company.reports.account-statement.index',
                                        ['subdomain' => $subdomain,
                                        'account_id' =>  $childAccount['id'],
                                        'is_dates'=>request('is_dates'),
                                        'cost_center_id[]'=>($costCenter['id']?$costCenter['id']:0),
                                        'fiscal_year_id'=>request('fiscal_year_id'),
                                        'from' => request('from'),'to' => request('to')
                                        ])}}" >{{ isset( $data['subAccountsTotalValues'][$childAccount['id']][$costCenter['id']] ) ? floatval($data['subAccountsTotalValues'][$childAccount['id']][$costCenter['id']]) < 0 ?
                                            "(" .number_format(floatval($data['subAccountsTotalValues'][$childAccount['id']][$costCenter['id']])* -1,2)    .")" : number_format(floatval($data['subAccountsTotalValues'][$childAccount['id']][$costCenter['id']]),2) : 0
                                            }}</a>




                                            <!-- <i class="fa fa-circle-o-notch fa-spin"></i> -->

                                        </th>
                                        @endforeach
                                    </tr>

                                    @endforeach
                                    <!-- اجماليات -->
                                    <tr class="account_{{$account['id']}} main_total" @if(!request('show_sub_accounts')) hidden @endif>
                                        <th class="text-bold" style="font-size: 13px !important;text-indent: 1em;@if(app()->getLocale() == 'en') padding-left: 3em @else padding-right: 3em @endif"> @lang('reports::reports.total cost center') {{$account['name']}}</th>
                                        @foreach($data['selectedCostCenters'] as $costCenter)
                                        <th data-main-id="{{$account['id']}}" data-cost-center-id="{{($costCenter['id']? $costCenter['id']:-1)}}" data-total-name="@lang('reports::reports.total cost center') {{$account['name']}}" class="main_account_total newEq" style="text-align: center;"   data-newEq-id= "{{$account['name'] . '_' . ($costCenter['id']? $costCenter['id']:-1)}}">
                                        {{ isset( $data['mainAccountsTotalValuesSubAccountIncluded'][$account['id']][$costCenter['id']] ) ? floatval($data['mainAccountsTotalValuesSubAccountIncluded'][$account['id']][$costCenter['id']]) < 0 ?
                                            "(" .number_format(   floatval( $data['mainAccountsTotalValuesSubAccountIncluded'][$account['id']][$costCenter['id']] )* -1,2)    .")" : number_format(floatval( $data['mainAccountsTotalValuesSubAccountIncluded'][$account['id']][$costCenter['id']] ),2) : 0.00
                                        }}
                                    </th>
                                        @endforeach
                                    </tr>
                                    @endisset
                                    @endforeach
                                    <tr data-subcategory="{{$subCategoryName}}" style="border-bottom: 1px solid #c4cad0;">
                                        <th class="text-bold" style="font-size: 13px !important;text-indent: 1em;@if(app()->getLocale() == 'en') padding-left: 2em @else padding-right: 2em @endif"> @lang('reports::reports.total cost center') {{$subCategoryName}}</th>
                                        @foreach($data['selectedCostCenters'] as $costCenter)
                                        <!--------- total data----------->
                                        <th data-category-name-cost-center-id="{{$categoryName . '_' . ($costCenter['id']? $costCenter['id']:-1)}}" data-cost-center-id="{{$costCenter['id']? $costCenter['id']:-1}}" data-name="{{$subCategoryName}}" class="newEq subcategory_total" data-newEq-id= "{{$subCategoryName. '_' . ($costCenter['id']? $costCenter['id']:-1)}}" style="text-align: center;">
                                            {{ isset( $data['subCategoriesTotalValues'][$subCategoryName][$costCenter['id']] ) ? $data['subCategoriesTotalValues'][$subCategoryName][$costCenter['id']] < 0 ?
                                            "(" .number_format(floatval($data['subCategoriesTotalValues'][$subCategoryName][$costCenter['id']]) * -1 ,2)   .")" : number_format(floatval($data['subCategoriesTotalValues'][$subCategoryName][$costCenter['id']]),2) : 0
                                        }}
                                        </th>
                                        @endforeach
                                    </tr>
                                    @endforeach
                                    <tr data-category="{{$categoryName}}" style="border-bottom: 1px solid #c4cad0;">
                                        <th class="text-bold" style="font-size: 13px !important;text-indent: 1em;@if(app()->getLocale() == 'en') padding-left: 1em @else padding-right: 1em @endif"> @lang('reports::reports.total cost center') {{$categoryName}}</th>
                                        @foreach($data['selectedCostCenters'] as $costCenter)
                                        <th data-cost-center-id="{{$costCenter['id']? $costCenter['id']:-1}}" data-newEq-id= "all{{$categoryName . '_' . ($costCenter['id']? $costCenter['id']:-1)}}" data-total-cost-center-id="total_{{$costCenter['id']? $costCenter['id']:-1}}" data-name="{{$categoryName}}" class="category_total newEq" style="text-align: center;">
                                        {{ isset( $data['CategoriesTotalValues'][$categoryName][$costCenter['id']] ) ? $data['CategoriesTotalValues'][$categoryName][$costCenter['id']] < 0 ?
                                            "(" .number_format(floatval($data['CategoriesTotalValues'][$categoryName][$costCenter['id']] ) * -1  ,2)  .")" : number_format(floatval($data['CategoriesTotalValues'][$categoryName][$costCenter['id']]),2) : 0
                                        }}
                                        @endforeach
                                    </tr>
                                    @endforeach
                                    <tr class="total_values" style="border-bottom: 1px solid #c4cad0;">
                                        <th class="text-bold" style="font-size: 13px !important;text-indent: 1em;@if(app()->getLocale() == 'en') padding-left: 1em @else padding-right: 1em @endif"> @lang('reports::reports.trial_balance.total') </th>
                                        @foreach($data['selectedCostCenters'] as $costCenter)
                                        <th data-cost-center-id="{{$costCenter['id']? $costCenter['id']:-1}}" data-total-id="total{{$costCenter['id']? $costCenter['id']:-1}}" data-name="@lang('reports::reports.trial_balance.total')" class="total newEq" style="text-align: center;">
                                        {{ isset( $data['totalCategoriesRecords'][$costCenter['id']] ) ? $data['totalCategoriesRecords'][$costCenter['id']] <= 0 ?
                                            "(" .number_format(floatval($data['totalCategoriesRecords'][$costCenter['id']] ) * -1  ,2)  .")" : number_format(floatval($data['totalCategoriesRecords'][$costCenter['id']]),2) : 0
                                        }}
                                    </th>
                                        @endforeach
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif


@endsection
@section('filter-by-dates')
<div class="row" id="filter-by-dates" style="display: none">
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-2">
                <label for="from">@lang('from')</label>
            </div>
            <div class="col-md-10">
                <div class='input-group'>
                    <input type='text' class="form-control singledate h-45" name="from" id="from" value="{{ request('from') }}" class="{{$errors->has('from') ? ' is-invalid':''}}" />
                    <span class="input-group-addon" style="height: 40px !important;line-height:40px;">
                        <span class="fa fa-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-2">
                <label for="category">@lang('to')</label>
            </div>
            <div class="col-md-10">
                <div class='input-group'>
                    <input type='text' class="form-control h-45 singledate" name="to" id="to" value="{{ request('to') }}" class="{{$errors->has('to') ? ' is-invalid':''}}" />
                    <span class="input-group-addon" style="height: 40px !important;line-height:40px;">
                        <span class="fa fa-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row mt-half filter-by-dates" style="display: none">
    @error('from')
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-5"></div>
            <div class="col-md-7">
                <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                    <p>{{ $message }}</p>
                </div>
            </div>
        </div>
    </div>
    @enderror
    @error('to')
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-7">
                <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                    <p>{{ $message }}</p>
                </div>
            </div>
        </div>
    </div>
    @enderror
</div>

@endsection
@section('extra_scripts_filter_by_date')
    <script>
        gtag('event', 'web_reports_cost_center_show');
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const isOwnerLike = @json($hasAccessToAllCostCenters);
            const $costCenterSelect = $('#cost_center_id');

            const normalizeCostCentersSelection = () => {
                if (!$costCenterSelect.length) {
                    return;
                }

                let selected = $costCenterSelect.val() || [];

                if (!Array.isArray(selected)) {
                    selected = [selected];
                }

                const hasEmpty = selected.includes('');

                if (isOwnerLike) {
                    if (hasEmpty && selected.length > 1) {
                        $costCenterSelect.val(['']).trigger('change');
                    }

                    return;
                }

                if (!hasEmpty) {
                    return;
                }

                const allValues = [];

                $costCenterSelect.find('option').each(function () {
                    const value = $(this).val();

                    // Skip the empty "all" placeholder, include main center (0) and all permitted cost centers.
                    if (value !== '') {
                        allValues.push(value);
                    }
                });

                $costCenterSelect.val(allValues).trigger('change');
            };

            $costCenterSelect.on('change', normalizeCostCentersSelection);

            $('form[action="{{ route('company.reports.legacy.cost-center.index', ['subdomain' => $subdomain]) }}"]').on('submit', function () {
                normalizeCostCentersSelection();
            });
        });
    </script>
        <script>
        document.addEventListener('DOMContentLoaded', function () {
            function updateFilterButtonState() {
                var disable = false;
                var isCustomDates = $('#default_indicator').val() == '1';
                
                $('.selectReport').each(function () {
                    var v = $(this).val();
                    var isFiscalYear = $(this).attr('id') === 'fiscal_year_id';
                    
                    // Skip fiscal year validation when using custom dates
                    if (isCustomDates && isFiscalYear) {
                        return true; // continue to next iteration
                    }
                    
                    if (!v || (Array.isArray(v) && v.length === 0)) {
                        disable = true;
                        return false;
                    }
                });
                $('.report-filter-button[type="submit"]').prop('disabled', disable);
            }

            // init
            updateFilterButtonState();

            // update on change
            $(document).on('change', '.selectReport', updateFilterButtonState);

            // prevent submit if disabled (safety)
            $('form[action="{{ route('company.reports.legacy.cost-center.index', ['subdomain' => $subdomain]) }}"]').on('submit', function (e) {
                if ($('.report-filter-button[type="submit"]').prop('disabled')) {
                    e.preventDefault();
                }
            });
        });
    </script>
<script>
    var totalAccounts = [];
    var totalSubAccounts = [];
    var totalSubCategories = [];
    var totalCategories = [];
    var totalRow = [];
    // this accounts will be updated with the total of its children if "show sub accounts" is not selected
    var parentAccountsNeedUpdate = [];
    document.getElementById('overlay').style.display = 'flex';

    window.addEventListener('DOMContentLoaded', function() {
        $(document).ready(function() {

            var categorizedAccounts =