<?php
$androidRoleLabels = ['uplink'=>'استقبال الإنترنت','pppoe'=>'إدارة المشتركين','monitor'=>'مراقبة','other'=>'دور آخر'];
?>
<div class="content-wrapper android-routers" data-android-routers>
  <main class="ar-main">
    <header class="ar-heading">
      <div><span>اتصال MikroTik API</span><h1>إدارة الراوترات</h1><p>إضافة الراوترات ومراجعة عناوين الاتصال وأدوارها.</p></div>
      <a href="mikrotik_dashboard.php"><i class="fa fa-dashboard"></i><b>المراقبة</b></a>
    </header>

    <div class="ar-stats">
      <div><strong><?= (int)$router_total ?></strong><span>الراوترات</span></div>
      <div class="is-green"><strong><?= (int)$router_enabled ?></strong><span>مفعّل</span></div>
      <div class="is-cyan"><strong><?= (int)$router_uplink ?></strong><span>استقبال</span></div>
      <div class="is-gold"><strong><?= (int)$router_pppoe ?></strong><span>PPPoE</span></div>
    </div>

    <?php if ($msg): ?><div class="ar-alert is-<?= h($msg_type) ?>"><i class="fa fa-info-circle"></i><span><?= h($msg) ?></span></div><?php endif; ?>

    <section class="ar-section">
      <div class="ar-section-head"><div><span>الأجهزة المسجلة</span><h2>قائمة الراوترات</h2></div><a href="wizard_network.php"><i class="fa fa-magic"></i> المعالج</a></div>
      <div class="ar-list">
        <?php foreach ($routers as $router): ?>
          <?php $rid=(int)($router['id']??0);$enabled=!empty($router['is_enabled']);$roleKey=(string)($router['role']??'other'); ?>
          <article class="ar-router-card <?= $enabled ? 'is-enabled' : 'is-disabled' ?>">
            <header>
              <span class="ar-router-icon"><i class="fa fa-server"></i></span>
              <div><h3><?= h((string)($router['name'] ?? ('Router '.$rid))) ?></h3><p>#<?= $rid ?> · <?= h($androidRoleLabels[$roleKey] ?? $roleKey) ?></p></div>
              <span class="ar-status"><i></i><?= $enabled ? 'مفعّل' : 'متوقف' ?></span>
            </header>
            <div class="ar-router-data">
              <div><span>عنوان الاتصال</span><strong dir="ltr"><?= h((string)($router['host'] ?? '—')) ?></strong></div>
              <div><span>منفذ API</span><strong dir="ltr"><?= h((string)($router['api_port'] ?? '8728')) ?></strong></div>
              <div><span>اسم المستخدم</span><strong dir="ltr"><?= h((string)($router['username'] ?? '—')) ?></strong></div>
            </div>
            <footer>
              <a href="routers.php?edit=<?= $rid ?>"><i class="fa fa-pencil"></i><span>تعديل</span></a>
              <a href="wizard_network.php?router_test=<?= $rid ?>"><i class="fa fa-plug"></i><span>اختبار</span></a>
              <form method="post" onsubmit="return confirm('حذف الراوتر؟');"><input type="hidden" name="action" value="delete_router"><input type="hidden" name="id" value="<?= $rid ?>"><button type="submit"><i class="fa fa-trash"></i><span>حذف</span></button></form>
            </footer>
          </article>
        <?php endforeach; ?>
        <?php if (!$routers): ?><div class="ar-empty"><i class="fa fa-server"></i><h3>لا توجد راوترات</h3><p>استخدم النموذج التالي لإضافة أول راوتر.</p></div><?php endif; ?>
      </div>
    </section>

    <section class="ar-form-card" id="routerForm">
      <div class="ar-section-head"><div><span><?= $edit ? 'تحديث بيانات الاتصال' : 'اتصال جديد' ?></span><h2><?= $edit ? 'تعديل الراوتر' : 'إضافة راوتر' ?></h2></div><?php if ($edit): ?><a href="routers.php"><i class="fa fa-times"></i> إلغاء</a><?php endif; ?></div>
      <form method="post" data-ua-android-native-layout>
        <input type="hidden" name="action" value="save_router"><input type="hidden" name="id" value="<?= h($edit['id'] ?? 0) ?>">
        <label><span>اسم الراوتر</span><input name="name" value="<?= h($edit['name'] ?? '') ?>" placeholder="Router1 / Router2" required></label>
        <label><span>IP أو Host</span><input name="host" dir="ltr" value="<?= h($edit['host'] ?? '') ?>" placeholder="192.168.88.1" required></label>
        <label><span>منفذ API</span><input name="api_port" dir="ltr" inputmode="numeric" value="<?= h($edit['api_port'] ?? 8728) ?>"></label>
        <label><span>اسم المستخدم</span><input name="username" dir="ltr" value="<?= h($edit['username'] ?? '') ?>" required></label>
        <label><span>كلمة المرور</span><input name="password" dir="ltr" value="<?= h($edit['password'] ?? '') ?>" required></label>
        <label><span>دور الراوتر</span><?php $role=$edit['role']??'other'; ?><select name="role"><option value="uplink" <?= $role==='uplink'?'selected':'' ?>>استقبال الإنترنت (uplink)</option><option value="pppoe" <?= $role==='pppoe'?'selected':'' ?>>إدارة المشتركين (pppoe)</option><option value="monitor" <?= $role==='monitor'?'selected':'' ?>>المراقبة (monitor)</option><option value="other" <?= $role==='other'?'selected':'' ?>>دور آخر</option></select></label>
        <label class="ar-enabled"><input type="checkbox" name="is_enabled" <?= (!isset($edit)||($edit['is_enabled']??1))?'checked':'' ?>><span>الراوتر مفعّل</span></label>
        <label><span>ملاحظات</span><textarea name="notes" rows="2"><?= h($edit['notes'] ?? '') ?></textarea></label>
        <button class="ar-save" type="submit"><i class="fa fa-save"></i><span><?= $edit ? 'حفظ التعديل' : 'إضافة الراوتر' ?></span></button>
      </form>
    </section>
  </main>
</div>
