@extends(request()->has('_sphf_partial') ? 'theme.sphf.layouts.partial' : 'theme.sphf.layouts.app')

@section('content')
<section class="sphf-page sphf-ip-performance" id="sphfIpPerformancePage" data-ajax-url="{{ route('theme.sphf.ip-performance') }}">
    <div class="sphf-page-tabs mt-2">
    <a href="{{ route('theme.sphf.executive') }}" class="sphf-page-tab">Executive</a>
    <a href="{{ route('theme.sphf.ageing') }}" class="sphf-page-tab">Ageing</a>
    <a href="{{ route('theme.sphf.branch') }}" class="sphf-page-tab">Branch</a>
    <a href="{{ route('theme.sphf.ip-performance') }}" class="sphf-page-tab is-active">IP Performance</a>
    <a href="{{ route('theme.sphf.ifi-view') }}" class="sphf-page-tab">IFI View</a>
    <div class="ml-auto"> <button type="button" class="sphf-export-btn" data-sphf-export-btn="true" data-export-target="#sphfIpPerformanceExportArea" data-export-file="SPHF_IP_Performance_Report" data-export-bg="#f3f5f6">
            <i class="ki-filled ki-exit-down"></i>
            <span>Export</span>
        </button></div>
</div>
    <!-- <div class="sphf-page__heading-row">
        <div class="sphf-page__title-wrap">
            <h1 class="sphf-page__title">IP Performance</h1>
            <span class="sphf-page__badge" id="sphfIpUpdatedBadge">Updated {{ $pageUpdatedAt ?? now()->format('d-m-y H:i') }}</span>
        </div>
       
    </div> -->

    <div class="sphf-export-area" id="sphfIpPerformanceExportArea">
        @include('theme.sphf.partials.filter-bar', [
            'options' => $filterOptions ?? [],
            'selected' => $selectedFilters ?? [],
        ])

        <div id="sphfIpDynamicContent">
            @include('theme.sphf.pages.partials.ip-performance-content', [
                'ipPerformance' => $ipPerformance,
                'pageMessages' => $pageMessages ?? [],
            ])
        </div>
    </div>
</section>
@endsection

@section('scripts')
<script>
    window.sphfIpPerformancePayload = @json($ipPerformance['charts'] ?? []);
    window.sphfIpPerformanceAjaxUrl = @json(route('theme.sphf.ip-performance'));
</script>
<script src="{{ asset('theme/default/assets/js/chart-toolbar.js') }}"></script>
@endsection