{{--
    Journal Report V2 — Blade shell for the Vue report page.

    Mounts: Modules/Reports/Resources/assets/js/components/JournalReportPage.vue
    Data API: route company.reports.journal-report.data
--}}
@extends('companyuser::layouts.master')
@section('title', $pageTitle ?? __('reports::reports.Journal Report'))
@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.Journal Report') }}</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')

        <journal-report-page
            :filter-dropdowns="@js($filterDropdowns ?? [])"
            data-url="{{ route('company.reports.journal-report.data', $subdomain) }}"
            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.purchases_summary_filter_dropdown.select_placeholder'),
                'searchPlaceholder' => __('reports::reports.purchases_summary_filter_dropdown.search_placeholder'),
                'noResultsText' => __('reports::reports.purchases_summary_filter_dropdown.no_results_text'),
                'loadMoreHint' => __('reports::reports.purchases_summary_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($journalReportV2ReportModule ?? "reports/journal-report")'
            :back-route='@json($journalReportV2BackUrl ?? "")'
            :export-urls="@js($journalReportV2ExportUrls ?? [])"
            :can-export="@json($journalReportV2CanExport ?? 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') }}"
            :current-fiscal-year-exists="@json(($data['currentFiscalYear'] ?? null) !== null)"
            :journal-labels="@js([
                'kpiTotalDebit' => __('reports::reports.journal_report.kpi_total_debit'),
                'kpiTotalCredit' => __('reports::reports.journal_report.kpi_total_credit'),
                'kpiEntriesCount' => __('reports::reports.journal_report.kpi_entries_count'),
                'journalCode' => __('reports::reports.journal_number'),
                'expandAll' => __('reports::reports.journal_report.expand_all'),
                'collapseAll' => __('reports::reports.journal_report.collapse_all'),
                'total' => __('reports::reports.journal_report.total'),
                'reportTotal' => __('reports::reports.journal_report.report_total'),
                'details' => __('reports::reports.journal_report.details'),
                'sortBy' => __('reports::reports.journal_report.sort_by'),
                'sortByJournalDate' => __('reports::reports.journal_report.sort_by_journal_date'),
                'sortByJournalAmount' => __('reports::reports.journal_report.sort_by_journal_amount'),
                'sortByAriaLabel' => __('reports::reports.journal_report.sort_by_aria_label'),
                'sortAscending' => __('reports::reports.journal_report.sort_ascending'),
                'sortDescending' => __('reports::reports.journal_report.sort_descending'),
                'sortCleared' => __('reports::reports.journal_report.sort_cleared'),
                'sortAnnounceAsc' => __('reports::reports.journal_report.sort_announce_asc'),
                'sortAnnounceDesc' => __('reports::reports.journal_report.sort_announce_desc'),
                'showEntries' => __('reports::reports.show_entries'),
                'showEntriesOption' => __('reports::reports.show_entries_option'),
                'showEntriesAriaLabel' => __('reports::reports.show_entries_aria_label'),
                'emptyStates' => [
                    'no_entries' => __('reports::reports.journal_report.no_entries'),
                    'no_entries_for_transaction_type' => __('reports::reports.journal_report.no_entries_for_transaction_type'),
                    'no_entries_for_cost_center' => __('reports::reports.journal_report.no_entries_for_cost_center'),
                ],
            ])"
        />
    </div>
@endsection
@section('extra_scripts')
    <script>
        if (typeof gtag === 'function') {
            gtag('event', 'web_reports_journal_report_v2_show');
        }
    </script>
@endsection