<?php
$page = 'org';
$pageTitle = 'Antara — Estructura organizacional';
require __DIR__ . '/../_layout.php';

if ($adminDeploymentKind !== 'company'):
?>
      <div class="card">
        <h1>Estructura organizacional</h1>
        <p class="muted">Esta sección solo está disponible cuando Flexia está configurado en modo <strong>empresa u organización</strong>.</p>
      </div>
<?php
require __DIR__ . '/../_layout_footer.php';
return;
endif;
?>
      <div class="admin-header">
        <h1>Estructura organizacional</h1>
      </div>

      <p class="muted" style="margin:0 0 1rem">Define los <strong>departamentos</strong> y <strong>puestos</strong> de cada sucursal. Cada sede puede tener su propia estructura; al crear o editar usuarios podrás asignarles departamento y puesto según su sucursal.</p>

      <div class="card" id="org-page">
        <div class="org-toolbar">
          <label for="org-branch">Sucursal</label>
          <select id="org-branch">
            <?php foreach ($adminWorkspaceBranches as $br) {
                if (!is_array($br) || ($br['id'] ?? '') === '') {
                    continue;
                }
                $bid = htmlspecialchars((string)$br['id'], ENT_QUOTES, 'UTF-8');
                $bnm = htmlspecialchars((string)($br['name'] ?? $br['id']), ENT_QUOTES, 'UTF-8');
                echo '<option value="' . $bid . '">' . $bnm . '</option>';
            } ?>
          </select>
          <button type="button" class="btn btn-primary" id="org-save">Guardar cambios</button>
        </div>
        <div class="feedback" id="org-feedback" role="status"></div>
        <div id="org-departments" class="org-departments"></div>
        <p style="margin-top:1rem">
          <button type="button" class="btn" id="org-add-dept">+ Añadir departamento</button>
        </p>
      </div>

<?php require __DIR__ . '/../_layout_footer.php'; ?>
