<?php
// Vue détail d'une tâche de planning
$task = $task ?? [];
function h($v){ return htmlspecialchars((string)$v, ENT_QUOTES, 'UTF-8'); }
$base = rtrim(dirname($_SERVER['SCRIPT_NAME'] ?? ''), '/'); if ($base === '/') { $base = ''; }
?>
<div class="container py-3">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h2 class="h4 mb-0">Détail tâche #<?= h($task['id'] ?? '') ?></h2>
    <div>
      <a href="<?= $base ?>/planning" class="btn btn-outline-secondary btn-sm">← Retour planning</a>
    </div>
  </div>

  <div class="row g-3">
    <div class="col-lg-8">
      <div class="card shadow-sm">
        <div class="card-header d-flex justify-content-between align-items-center">
          <strong><?= h($task['title'] ?? '—') ?></strong>
          <span class="badge bg-<?= ($task['type'] ?? '') === 'préventive' ? 'primary' : 'danger' ?>"><?= h($task['type'] ?? '—') ?></span>
        </div>
        <div class="card-body">
          <div class="row small g-2">
            <div class="col-md-6"><strong>Statut:</strong> <?= h($task['status'] ?? '—') ?></div>
            <div class="col-md-6"><strong>Technicien:</strong> <?= h($task['technician_name'] ?? '—') ?></div>
            <div class="col-md-6"><strong>Email tech:</strong> <?= h($task['technician_email'] ?? '—') ?></div>
            <div class="col-md-6"><strong>Incident lié:</strong> <?php if(!empty($task['incident_id'])): ?>
              <a href="<?= $base ?>/incidents/show?id=<?= (int)$task['incident_id'] ?>" class="text-decoration-none">Ticket <?= h($task['incident_ticket']) ?> - <?= h($task['incident_title']) ?></a>
            <?php else: ?>—<?php endif; ?></div>
            <div class="col-md-6"><strong>Site:</strong> <?= h($task['location_name'] ?? '—') ?></div>
            <div class="col-md-6"><strong>Début:</strong> <?= h($task['start_datetime'] ?? '—') ?></div>
            <div class="col-md-6"><strong>Fin:</strong> <?= h($task['end_datetime'] ?? '—') ?></div>
            <div class="col-12"><strong>Couleur:</strong> <span style="display:inline-block;width:18px;height:18px;border:1px solid #ccc;background:<?= h($task['color'] ?? '#ccc') ?>"></span></div>
          </div>
          <?php if(!empty($task['notes'])): ?>
            <hr>
            <p class="mb-0 small"><strong>Notes:</strong><br><?= nl2br(h($task['notes'])) ?></p>
          <?php endif; ?>
        </div>
        <div class="card-footer d-flex justify-content-end gap-2">
          <button class="btn btn-sm btn-primary" id="editTaskBtn">Modifier</button>
          <button class="btn btn-sm btn-danger" id="deleteTaskBtn">Supprimer</button>
        </div>
      </div>
    </div>
    <div class="col-lg-4">
      <div class="card shadow-sm mb-3">
        <div class="card-header"><strong>Actions rapides</strong></div>
        <div class="card-body small">
          <p class="mb-2">Ouvrir le calendrier pour rescheduler ou ajouter des tâches.</p>
          <a href="<?= $base ?>/planning" class="btn btn-outline-primary btn-sm">Aller au calendrier</a>
        </div>
      </div>
      <div class="card shadow-sm">
        <div class="card-header"><strong>Métadonnées</strong></div>
        <div class="card-body small">
          <p class="mb-1"><strong>ID interne:</strong> <?= h($task['id'] ?? '') ?></p>
          <p class="mb-1"><strong>Créé le:</strong> <?= h($task['created_at'] ?? '—') ?></p>
          <p class="mb-1"><strong>Maj le:</strong> <?= h($task['updated_at'] ?? '—') ?></p>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
// Préparation des boutons Modifier/Supprimer pour rediriger vers le planning avec pré-set
(function(){
  const base = '<?= $base ?>';
  const id = <?= (int)($task['id'] ?? 0) ?>;
  document.getElementById('editTaskBtn').addEventListener('click', function(){
    // Redirection simple vers le planning; l'édition se fait via clic dans le calendrier
    window.location.href = base + '/planning?edit=' + id;
  });
  document.getElementById('deleteTaskBtn').addEventListener('click', function(){
    if(!confirm('Confirmer la suppression de cette tâche ?')) return;
    fetch(base + '/planning/delete', { method:'POST', headers:{'Content-Type':'application/x-www-form-urlencoded'}, body: 'id=' + encodeURIComponent(id) })
      .then(r => { if(!r.ok){ alert('Erreur suppression'); return; } window.location.href = base + '/planning'; });
  });
})();
</script>
