@extends('companyuser::layouts.master')
@section('title', $pageTitle)
@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 }}</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')

        <purchases-summary-report-page
            :filter-dropdowns="@js($filterDropdowns)"
            data-url="{{ route('company.reports.purchases-summary.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($purchasesSummaryModule ?? "reports/purchases-summary")'
            :back-route='@json($purchasesSummaryBackUrl ?? "")'
            :export-urls="@js($purchasesSummaryExportUrls ?? [])"
            :can-export="@json($purchasesSummaryCanExport ?? false)"
            :url-templates="@js($urlTemplates ?? [])"
            :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') }}"
        />
    </div>
@endsection