{{--
    Partial: graph-page
    Variables expected:
      $chartEntry  — [ 'name' => string, 'labels' => [], 'datasets' => [] ]
      $ttId        — test_type id (used as canvas id)
      $variant     — 'WITH AMBIENT' | 'WITHOUT AMBIENT'
      $cycleLabel  — e.g. 'DOOR OPEN TEST CYCLE – I'
      $doorMeta    — door_open_types row | null
      $case        — Cases model
--}}
<div class="page" style="display:flex; flex-direction:column;">

    {{-- Standard report header --}}
    @include('reports.partials.report-header', ['title' => $cycleLabel . ' — ' . $variant])

    {{-- Graph-specific metadata header --}}
    <table class="graph-header-table">
        <tr>
            <td class="label-cell">CYCLE TYPE</td>
            <td>{{ $case->type_of_cycle }}</td>
            <td class="label-cell">IDENTIFICATION NO.</td>
            <td>{{ $case->identification_no }}</td>
            <td class="label-cell">VARIANT</td>
            <td><b>{{ $variant }}</b></td>
        </tr>
        @if($doorMeta)
            <tr>
                <td class="label-cell">START DATE / TIME</td>
                <td>{{ $doorMeta->start_date ?? '' }}</td>
                <td class="label-cell">END DATE / TIME</td>
                <td>{{ $doorMeta->end_date ?? '' }}</td>
                <td class="label-cell">SET LIMIT CROSS (IN)</td>
                <td>{{ $doorMeta->set_limit_cross_in_time ?? '' }}</td>
            </tr>
            <tr>
                <td class="label-cell">DCP ON TIME</td>
                <td>{{ $doorMeta->dcp_on_time ?? '' }}</td>
                <td class="label-cell">DO OFF TIME</td>
                <td>{{ $doorMeta->do_off_time ?? '' }}</td>
                <td class="label-cell">SET LIMIT CROSS (OUT)</td>
                <td>{{ $doorMeta->set_limit_cross_out_time ?? '' }}</td>
            </tr>
        @else
            <tr>
                <td class="label-cell">CUSTOMER</td>
                <td colspan="3">{{ optional($case->customer)->name }}</td>
                <td class="label-cell">DATE OF STUDY</td>
                <td>{{ $case->performedOnDate ? \Carbon\Carbon::parse($case->performedOnDate)->format('d-M-Y') : '' }}</td>
            </tr>
        @endif
    </table>

    {{-- Operating range reference lines legend --}}
    <div style="font-size:7px; margin-bottom:2px; color:#555;">
        Operating Range: <b>{{ $case->min_operating_range }}°C</b> to <b>{{ $case->max_operating_range }}°C</b>
        &nbsp;|&nbsp; Sensor count: <b>{{ count($chartEntry['datasets']) }}</b>
    </div>

    {{-- Chart canvas — flex-1 fills remaining page height --}}
    <div class="chart-container" style="flex:1; min-height:0;">
        <canvas id="chart-{{ $ttId }}-{{ Str::slug($variant) }}"
                data-chart-id="{{ $ttId }}">
        </canvas>
    </div>

</div>