<?php $title = 'Catalogue de coûts'; ?>
<div class="row g-3">
  <div class="col-12 col-lg-4">
    <div class="card shadow-sm">
      <div class="card-header">Nouvelle catégorie</div>
      <div class="card-body">
        <form method="post" action="<?= htmlspecialchars(base_url('/catalog/category')) ?>">
          <div class="mb-3">
            <label class="form-label">Nom</label>
            <input class="form-control" name="name" required>
          </div>
          <div class="text-end">
            <button class="btn btn-primary" type="submit">Ajouter</button>
          </div>
        </form>
      </div>
    </div>
  </div>

  <div class="col-12 col-lg-8">
    <div class="card shadow-sm">
      <div class="card-header">Catégories existantes</div>
      <div class="card-body">
        <ul class="list-group">
          <?php foreach ($categories as $c): ?>
          <li class="list-group-item d-flex justify-content-between align-items-center">
            <span><?= htmlspecialchars($c['name']) ?></span>
            <span class="badge text-bg-secondary">#<?= (int)$c['id'] ?></span>
          </li>
          <?php endforeach; ?>
        </ul>
      </div>
    </div>
  </div>
</div>

<div class="card shadow-sm mt-4">
  <div class="card-header">Nouvel article (bordereau)</div>
  <div class="card-body">
    <form method="post" action="<?= htmlspecialchars(base_url('/catalog/item')) ?>" class="row g-3">
      <div class="col-12 col-md-3">
        <label class="form-label">Catégorie</label>
        <select class="form-select" name="category_id" required>
          <option value="">Sélectionner…</option>
          <?php foreach ($categories as $c): ?>
            <option value="<?= (int)$c['id'] ?>"><?= htmlspecialchars($c['name']) ?></option>
          <?php endforeach; ?>
        </select>
      </div>
      <div class="col-12 col-md-3">
        <label class="form-label">Désignation</label>
        <input class="form-control" name="designation" required>
      </div>
      <div class="col-6 col-md-2">
        <label class="form-label">Unité</label>
        <input class="form-control" name="unit" value="u">
      </div>
      <div class="col-6 col-md-2">
        <label class="form-label">Prix Unitaire</label>
        <input type="number" step="0.01" class="form-control" name="unit_price" value="0">
      </div>
      <div class="col-6 col-md-2">
        <label class="form-label">Devise</label>
        <input class="form-control" name="currency" value="XOF">
      </div>
      <div class="col-12 text-end">
        <button class="btn btn-primary" type="submit">Ajouter</button>
      </div>
    </form>
  </div>
</div>

<div class="card shadow-sm mt-4">
  <div class="card-header">Articles du bordereau</div>
  <div class="card-body p-0">
    <div class="table-responsive">
      <table class="table table-striped mb-0">
        <thead>
          <tr>
            <th>Catégorie</th><th>Désignation</th><th>Unité</th><th>PU</th><th>Devise</th>
          </tr>
        </thead>
        <tbody>
          <?php foreach ($items as $i): ?>
            <tr>
              <td><?= htmlspecialchars($i['category_name']) ?></td>
              <td><?= htmlspecialchars($i['designation']) ?></td>
              <td><?= htmlspecialchars($i['unit']) ?></td>
              <td><?= number_format((float)$i['unit_price'], 2, ',', ' ') ?></td>
              <td><?= htmlspecialchars($i['currency']) ?></td>
            </tr>
          <?php endforeach; ?>
        </tbody>
      </table>
    </div>
  </div>
</div>
