@extends('companyuser::layouts.master')
@section('title', $pageTitle ?? __('reports::reports.cost_center'))
@section('extra_styles')
    <script src="{{ asset('/js/app.js') }}" defer></script>
@endsection
@section('breadcrumb')
    <div class="row breadcrumbs-top">
        <div class="breadcrumb-wrapper col-xs-12">
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="{{ route('company.reports.index', $subdomain) }}">@lang('companyuser::sidebar.Reports')</a>
                </li>
                <li class="breadcrumb-item active">
                    <a href="#">{{ $pageTitle ?? __('reports::reports.cost_center') }}</a>
                </li>
            </ol>
        </div>
    </div>
@endsection
@section('content')
    <div class="container-fluid px-2 pt-0 pb-3">
        @include('companyuser::errors.all')
        @include('companyuser::errors.lists')

        <cost-center-report-v2
            :filter-dropdowns="@js($filterDropdowns ?? [])"
            data-url="{{ $costCenterV2DataUrl }}"
            form-action="#"
            form-method="get"
            filter-title="{{ __('Filter') }}"
            filter-subtitle="{{ __('reports::reports.report_filter_card_subtitle') }}"
            submitting-label="{{ __('reports::reports.report_filter_submitting') }}"
            lang="{{ app()->getLocale() }}"
            :dropdown-translations="@js([
                'placeholder' => __('reports::reports.cost_center_v2_filter_dropdown.select_placeholder'),
                'searchPlaceholder' => __('reports::reports.cost_center_v2_filter_dropdown.search_placeholder'),
                'noResultsText' => __('reports::reports.cost_center_v2_filter_dropdown.no_results_text'),
                'loadMoreHint' => __('reports::reports.cost_center_v2_filter_dropdown.load_more_hint'),
            ])"
            :filter-columns="3"
            submit-label="{{ __('reports::reports.filter_report') }}"
            reset-label="{{ __('reports::reports.reset_filters') }}"
            :currency-code='@json($reportCurrencyCode ?? "SAR")'
            :report-module='@json($costCenterV2ReportModule ?? "reports/cost-center-v2")'
            :back-route='@json($costCenterV2BackUrl ?? "")'
            :export-urls="@js($costCenterV2ExportUrls ?? [])"
            :can-export="@json($costCenterV2CanExport ?? false)"
            :brand-name='@json($brandName ?? "")'
            :page-title='@json($pageTitle ?? "")'
            use-fiscal-year-label="{{ __('reports::reports.use_fiscal_year') }}"
            date-range-placeholder="{{ __('reports::reports.select_date_range') }}"
            custom-date-range-required-message="{{ __('reports::reports.select_date_range') }}"
            account-statement-index-url="{{ $costCenterV2AccountStatementUrl ?? '' }}"
        />
    </div>
@endsection
@section('extra_scripts')
    <script>
        if (typeof gtag === 'function') {
            gtag('event', 'web_reports_cost_center_v2_show');
        }
    </script>
@endsection