<?php $title='جدول حجوزات القطعة'; include __DIR__ . '/../layout/header.php'; ?>
<style>
.schedule-wrap{max-width:980px;margin:0 auto;display:grid;gap:16px}
.item-summary{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}
.item-thumb{width:120px;height:120px;border-radius:22px;object-fit:cover;background:#f6efe8;border:1px solid #eadfd5}
.item-thumb.placeholder{display:flex;align-items:center;justify-content:center;color:#8b6f56;font-weight:700}
.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.summary-box{background:#faf7f4;border:1px solid #efe4da;border-radius:16px;padding:12px}
.summary-box .muted{font-size:12px}
.resv-list{display:grid;gap:12px}
.resv-card{border:1px solid #efe4da;border-radius:18px;padding:14px;background:#fff}
.resv-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.resv-range{font-weight:800}
@media(max-width:760px){
  .item-summary{grid-template-columns:1fr}
  .summary-grid{grid-template-columns:repeat(2,1fr)}
  .resv-top{flex-direction:column}
}
</style>

<div class="schedule-wrap">
  <div class="card">
    <div class="item-summary">
      <?php $img = !empty($item['primary_image']) ? file_url($item['primary_image']) : ''; ?>
      <?php if($img): ?>
        <img class="item-thumb" src="<?= e($img) ?>" alt="<?= e($item['item_code']) ?>">
      <?php else: ?>
        <div class="item-thumb placeholder">بدون صورة</div>
      <?php endif; ?>

      <div>
        <h2 style="margin:0 0 6px">القطعة <?= e($item['item_code']) ?><?= !empty($item['item_name']) ? ' — '.e($item['item_name']) : '' ?></h2>
        <div class="muted">هذه الصفحة تعرض المواعيد المستقبلية لهذه القطعة فقط، بدون أي بيانات حساسة غير لازمة.</div>

        <div class="summary-grid">
          <div class="summary-box"><div class="muted">الفئة</div><strong><?= e($item['category_name']) ?></strong></div>
          <div class="summary-box"><div class="muted">الحالة الحالية</div><strong><?= e($item['item_status']) ?></strong></div>
          <div class="summary-box"><div class="muted">السعر</div><strong><?= e(number_format((float)$item['default_price'],3)) ?></strong></div>
          <div class="summary-box"><div class="muted">الموقع</div><strong><?= e($item['location_name'] ?? '-') ?></strong></div>
        </div>
      </div>
    </div>
  </div>

  <div class="card">
    <h3 style="margin-top:0">الحجوزات المستقبلية</h3>

    <div class="resv-list">
      <?php if(empty($item['future_bookings'])): ?>
        <div class="resv-card">لا توجد حجوزات مستقبلية لهذه القطعة</div>
      <?php endif; ?>

      <?php foreach(($item['future_bookings'] ?? []) as $b): ?>
        <div class="resv-card">
          <div class="resv-top">
            <div>
              <div class="muted">رقم الفاتورة</div>
              <div class="resv-range"><?= e($b['invoice_no']) ?></div>
            </div>
            <span class="badge"><?= e($b['delivery_date']) ?> → <?= e($b['return_date']) ?></span>
          </div>
          <div style="margin-top:10px">
            <div class="muted">اسم العميل</div>
            <strong><?= e($b['customer_name']) ?></strong>
          </div>
        </div>
      <?php endforeach; ?>
    </div>
  </div>
</div>
<?php include __DIR__ . '/../layout/footer.php'; ?>
