{% extends "sinav/reports/base.html" %}
{% comment %}R4 — ŞUBE SINAV DUYURUSU. Şube başına bir sayfa, okul no sırasında:
"hangi öğrenci → hangi salon, hangi koltuk". Sınıf panosuna asılır; öğrenci
okur, bu yüzden punto liste evrakından büyüktür ve salon dağılımı özeti en
üsttedir (öğrenci önce "benim sınıfım nereye dağıldı"ya bakar).

Ders sütunu YALNIZ şubenin birden fazla dersi varsa çıkar (`show_course`) —
tek derste sütun yerine imza/koltuk alanı genişler.

TAŞMA: satır yüksekliği `density` ile kademeli; 40 öğrenci tek sayfaya sığar,
fazlası başlık yinelenerek akar (base.html taşma disiplini).{% endcomment %}
{% block extra_style %}
<style>
  /* Satır ölçüsü SAYFA BÜTÇESİNDEN gelir (reports.list_row_metrics); değerler
     yaprağa özel stil bloğuyla verilir — inline `style` içindeki CSS değişkeni
     WeasyPrint'te çözülmüyor. */
  /* Sütun genişlikleri BİLDİRİLDİĞİ gibi uygulansın: punto hesabı ad sütunu
     genişliğine dayanır (reports._ANN_NAME_RATIO). Otomatik yerleşimde uzun
     bir ders adı ad sütununu daraltıp satırı iki kata çıkarıyordu. */
  /* KUTU MODELİ (31.08.2026, ÖLÇÜLDÜ): `table-layout: fixed` + sütun yüzdeleri
     content-box'ta hücre DOLGUSUNU yüzdenin dışına ekliyor; tablo sayfa içerik
     alanını 57pt taşırıyordu (saha bulgusu: "çerçeveler sağa taşmış, biri
     geniş biri dar"). Kural bu tabloya SINIRLI — global border-box R1 yoklama
     ve R4 duyuru satır ölçülerini bozuyor (denendi, beş test kırmızı). */
  .ann, .ann th, .ann td { box-sizing: border-box; }
  .ann { table-layout: fixed; }
  .ann td { line-height: 1.05; }
  .ann th { padding: 3pt 4pt; font-size: 7.5pt; line-height: 1.05; }
  .ann .name { font-weight: bold; }
  .ann .room { font-weight: bold; }
  .ann .seat { font-weight: bold; }
  .ann tr.mark5 td { border-bottom: var(--pr-border-outer) solid var(--pr-secondary); }

  /* Salon dağılımı özeti — duyurunun en çok okunan satırı. */
  .spread { border: var(--pr-border-outer) solid var(--pr-ink); padding: 4pt 8pt;
            margin-top: 1pt; break-inside: avoid; page-break-inside: avoid; }
  .spread .lbl { font-size: 8pt; color: var(--pr-secondary); }
  .spread .val { font-size: 11pt; font-weight: bold; color: var(--pr-ink);
                 margin-top: 2pt; line-height: 1.35; }

  .rules { margin-top: 6pt; border: var(--pr-border) solid var(--pr-line);
           padding: 3pt 8pt; font-size: 7.8pt; color: var(--pr-secondary);
           break-inside: avoid; page-break-inside: avoid; }
  .rules b { color: var(--pr-ink); }
  .ann-sign { width: 100%; border-collapse: collapse; margin-top: 7pt; font-size: 8pt;
              color: var(--pr-secondary); break-inside: avoid; page-break-inside: avoid; }
  .ann-sign td { padding: 0; vertical-align: bottom; }
  .ann-sign .who { text-align: right; white-space: nowrap; color: var(--pr-label); }
  .ann-sign .blank { display: inline-block; min-width: 90pt;
                     border-bottom: 0.7pt solid var(--pr-ink); }
  .rules div { margin: 1pt 0; }

  /* Şube başına hesaplanan satır ölçüsü — BAŞLIKTA basılmak ZORUNDA. */
  {% for sheet in sheets %}
  .ann{{ forloop.counter }} td { font-size: {{ sheet.row.font_size }}pt;
                                 padding: {{ sheet.row.padding }}pt 5pt; }
  {% endfor %}
</style>
{% endblock %}
{% block content %}
{% for sheet in sheets %}
<div class="sheet">
  {% with scope_line="Şube: "|add:sheet.class_label scope_note="Sınıf panosuna asılır" %}
    {% include "sinav/reports/_head.html" %}
  {% endwith %}

  <div class="spread">
    <div class="lbl">{{ sheet.class_label }} şubesi aşağıdaki salonlara dağıtılmıştır
      ({{ sheet.rows|length }} öğrenci):</div>
    <div class="val">{{ sheet.room_summary }}</div>
  </div>

  <div class="sec">ÖĞRENCİ — SINAVA GİRECEĞİ SALON VE KOLTUK
    <span class="hint">Okul numarası sırasındadır.</span>
  </div>
  <table class="rpt-table ann ann{{ forloop.counter }}">
    <thead>
      <tr>
        {% comment %}Karışık şubede ad/ders payı en uzun metinlere göre hesaplanır
        (reports._announcement_columns) — ikisi de TEK SATIR kalsın diye.{% endcomment %}
        {% if sheet.show_course %}
        <th class="num" style="width: 9%;">Okul No</th>
        <th style="width: {{ sheet.columns.name }}%;">Adı Soyadı</th>
        <th style="width: {{ sheet.columns.course }}%;">Ders</th>
        <th class="center" style="width: 18%;">Salon</th>
        <th class="num" style="width: 10%;">Koltuk</th>
        {% else %}
        <th class="num" style="width: 10%;">Okul No</th>
        <th style="width: 55%;">Adı Soyadı</th>
        <th class="center" style="width: 22%;">Salon</th>
        <th class="num" style="width: 13%;">Koltuk</th>
        {% endif %}
      </tr>
    </thead>
    <tbody>
      {% for row in sheet.rows %}
      <tr{% if forloop.counter|divisibleby:5 and not forloop.last %} class="mark5"{% endif %}>
        <td class="num">{{ row.student_number }}</td>
        <td class="name">{{ row.full_name }}</td>
        {% if sheet.show_course %}<td>{{ row.course_label }}</td>{% endif %}
        <td class="center room">{{ row.room_name }}</td>
        <td class="num seat">{{ row.seat_no }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>

  <div class="rules">
    <div><b>Sınav saatinden en az 10 dakika önce</b> yukarıdaki salonda hazır bulununuz;
      <b>koltuk numaranızın dışında bir yere oturmayınız.</b></div>
    <div>Salona cep telefonu ve benzeri bilişim araçlarıyla girilmez; sıranızda yalnız
      kalem ve silgi bulunur.</div>
    <div>Sınava katılamayan öğrencinin mazereti <b>en geç 5 iş günü</b> içinde velisince
      okul müdürlüğüne yazılı olarak bildirilir.</div>
  </div>
  {% comment %}Panoya asılan duyuru imzasız çıkıyordu. Tek satırlık düzenleyen alanı;
  yüksekliği `reports._ANN_FIXED_PX` bütçesine dâhildir.{% endcomment %}
  <table class="ann-sign"><tr>
    <td class="basis"><b>DAYANAK:</b> MEB Yazılı ve Uygulamalı Sınavlar Yönergesi md. 5.</td>
    <td class="who">…… / …… / 20…… &nbsp;·&nbsp; <b>Müdür Yardımcısı</b> — İmza: <span class="blank"></span></td>
  </tr></table>
</div>
{% endfor %}
{% endblock %}