@extends('layouts.print-preview')

@section('preview-styles')
{{-- Same CSS foundations as Summary tab (grid + icons + fonts) --}}
<link rel="stylesheet" href="{{ asset('assets/css/pms-fonts.css') }}">
<link rel="stylesheet" href="{{ asset('assets/plugins/fontawesome-free/css/all.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/dist/css/adminlte.min2167.css') }}">
<link href="https://unpkg.com/maplibre-gl@3.6.2/dist/maplibre-gl.css" rel="stylesheet" />
@include('reports.partials.monthly-report-summary-styles')
@include('reports.partials.monthly-report-summary-print-styles')
@endsection

@section('content')
<div class="mr-summary-print-wrap">
    <div class="mr-summary-print-canvas">
        <div class="mr-summary-print-scale" id="mrSummaryPrintScale">
            {{-- Full dashboard (same as Summary tab); map snapshot only for print stability --}}
            @include('reports.partials.monthly-report-summary-dashboard', [
                'printMode' => false,
                'compactLayout' => true,
                'enableMapSnapshot' => true,
                'autoPrint' => $autoPrint ?? false,
            ])
        </div>
    </div>
</div>
@endsection

@push('preview-scripts')
@include('reports.partials.monthly-report-summary-map-scripts')
@include('reports.partials.monthly-report-summary-print-scripts')
@endpush