<?php $title = 'SLA - Niveaux de service'; ?>
<div class="row g-3">
  <div class="col-12 col-md-4">
    <div class="card shadow-sm">
      <div class="card-header">Nouveau type de maintenance</div>
      <div class="card-body">
        <form method="post" action="<?= htmlspecialchars(route_url('/sla/type')) ?>">
          <div class="mb-3">
            <label class="form-label">Nom</label>
            <input class="form-control" name="name" placeholder="ex: Dépannage urgence" required>
          </div>
          <div class="text-end">
            <button class="btn btn-primary" type="submit">Ajouter</button>
          </div>
        </form>
      </div>
    </div>

    <div class="card shadow-sm mt-3">
      <div class="card-header">Types existants</div>
      <div class="card-body">
        <ul class="list-group list-group-flush">
          <?php foreach ($types as $type): ?>
            <li class="list-group-item px-0">
              <?= htmlspecialchars($type['name']) ?>
              <span class="badge text-bg-secondary">#<?= (int)$type['id'] ?></span>
            </li>
          <?php endforeach; ?>
        </ul>
      </div>
    </div>
  </div>

  <div class="col-12 col-md-8">
    <div class="card shadow-sm">
      <div class="card-header">Nouvelle politique SLA</div>
      <div class="card-body">
        <form method="post" action="<?= htmlspecialchars(route_url('/sla/store')) ?>" class="row g-3">
          <div class="col-12 col-md-6">
            <label class="form-label">Type de maintenance</label>
            <select class="form-select" name="maintenance_type_id" required>
              <option value="">Sélectionner…</option>
              <?php foreach ($types as $type): ?>
                <option value="<?= (int)$type['id'] ?>"><?= htmlspecialchars($type['name']) ?></option>
              <?php endforeach; ?>
            </select>
          </div>
          <div class="col-12 col-md-6">
            <label class="form-label">Priorité</label>
            <select class="form-select" name="priority" required>
              <option value="Basse">Basse</option>
              <option value="Moyenne" selected>Moyenne</option>
              <option value="Haute">Haute</option>
              <option value="Urgent">Urgent</option>
            </select>
          </div>
          <div class="col-12 col-md-6">
            <label class="form-label">Temps de réponse (minutes)</label>
            <input type="number" class="form-control" name="response_minutes" value="60" min="1" required>
          </div>
          <div class="col-12 col-md-6">
            <label class="form-label">Temps de résolution (minutes)</label>
            <input type="number" class="form-control" name="resolution_minutes" value="240" min="1" required>
          </div>
          <div class="col-12 text-end">
            <button class="btn btn-primary" type="submit">Ajouter SLA</button>
          </div>
        </form>
      </div>
    </div>

    <div class="card shadow-sm mt-3">
      <div class="card-header">Politiques SLA configurées</div>
      <div class="card-body p-0">
        <div class="table-responsive">
          <table class="table table-striped mb-0">
            <thead>
              <tr>
                <th>Type maintenance</th>
                <th>Priorité</th>
                <th>Réponse</th>
                <th>Résolution</th>
                <th>Actions</th>
              </tr>
            </thead>
            <tbody>
              <?php foreach ($slas as $sla): ?>
                <tr>
                  <td><?= htmlspecialchars($sla['maintenance_type_name']) ?></td>
                  <td>
                    <?php
                    $priorityClass = match($sla['priority']) {
                      'Urgent' => 'text-bg-danger',
                      'Haute' => 'text-bg-warning',
                      'Moyenne' => 'text-bg-info',
                      'Basse' => 'text-bg-secondary',
                      default => 'text-bg-secondary'
                    };
                    ?>
                    <span class="badge <?= $priorityClass ?>"><?= htmlspecialchars($sla['priority']) ?></span>
                  </td>
                  <td><?= (int)$sla['response_minutes'] ?> min</td>
                  <td><?= (int)$sla['resolution_minutes'] ?> min</td>
                  <td>
                    <a href="<?= htmlspecialchars(route_url('/sla/delete', ['id' => (int)$sla['id']])) ?>" class="btn btn-sm btn-outline-danger" 
                       onclick="return confirm('Supprimer cette politique SLA ?')">Supprimer</a>
                  </td>
                </tr>
              <?php endforeach; ?>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>