<div class="panel panel-default ssid enabled" <?= $service_enabled == 0 ? 'style="display: none"' : '' ?>>
  <div class="panel-heading">
    <h3 class="panel-title" data-label="<?= T_("SSID") ?>"><?= T_("SSID") ?> <?= $ssid['id'] + 1 ?></h3>
  </div>

  <ul class="nav nav-tabs nav-justified">
    <li role="presentation" data-tab="wifi" class="active"><a href="#"><?= T_("Wifi") ?></a></li>
    <li role="presentation" data-tab="ipv6"><a href="#"><?= T_("IPv6") ?></a></li>
    <li role="presentation" data-tab="ipv4"><a href="#"><?= T_("IPv4") ?></a></li>
  </ul>

  <!-- Wifi -->
  <div class="tabs tabwifi">
    <div class="form-group">
      <label class="col-sm-3 control-label"><?= T_('Name (SSID)') ?></label>
      <div class="col-sm-9">
        <input type="text" class="form-control" name="ssid[<?= $ssid['id'] ?>][wifi_ssid]" placeholder="myNeutralNetwork" value="<?= $ssid['wifi_ssid'] ?>" />
      </div>
    </div>

    <div class="form-group">
      <label for="wifi_secure" class="col-sm-3 control-label"><?= T_('Secure') ?></label>
      <div class="col-sm-9 input-group-btn" data-toggle="tooltip" data-title="<?= T_('Disabling the Secure Wifi allows everyone to join the hotspot and spy the traffic (but it\'s perfect for a PirateBox)') ?>">
        <div class="input-group">
          <input type="checkbox" class="form-control switch wifi_secure" name="ssid[<?= $ssid['id'] ?>][wifi_secure]" value="1" <?= $ssid['wifi_secure'] == 1 ? 'checked="checked"' : '' ?> />
        </div>
      </div>
    </div>

    <div class="form-group wifi_passphrase" <?= $ssid['wifi_secure'] == 0 ? 'style="display: none"' : '' ?>>
      <label class="col-sm-3 control-label"><?= T_('Password (WPA2)') ?></label>
      <div class="input-group col-sm-9" style="padding: 0 15px">
        <input type="text" data-toggle="tooltip" data-title="<?= T_('At least 8 characters') ?>" class="form-control" name="ssid[<?= $ssid['id'] ?>][wifi_passphrase]" placeholder="VhegT8oev0jZI" value="<?= $ssid['wifi_passphrase'] ?>" />
        <a class="btn input-group-addon wifiparty" data-toggle="tooltip" data-title="<?= T_('Show to your friends how to access to your hotspot') ?>"><span class="glyphicon glyphicon-fullscreen"></span></a>
      </div>
    </div>
  </div>

  <!-- IPv6 -->
  <div class="tabs tabipv6" style="display: none">
    <?php if(empty($ssid['ip6_net'])): ?>
      <div class="alert alert-dismissible alert-warning fade in" style="margin: 2px 2px 17px" role="alert">
        <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <strong><?= T_('Notice') ?>:</strong> <?= T_("Currently, your wifi clients don't have IPv6 and it's a very bad thing. Ask your Internet Service Provider an IPv6 delegated prefix, or") ?>
        <a href="http://db.ffdn.org" class="alert-link"><?= T_('change providers') ?></a>!
      </div>
    <?php endif; ?>

    <div class="form-group">
      <label class="col-sm-3 control-label"><?= T_('Delegated prefix') ?></label>
      <div class="col-sm-9">
        <input type="text" class="form-control" name="ssid[<?= $ssid['id'] ?>][ip6_net]" placeholder="2001:db8:42::" value="<?= $ssid['ip6_net'] ?>" />
      </div>
    </div>

    <div class="form-group">
      <label class="col-sm-3 control-label"><?= T_('First DNS resolver') ?></label>
      <div class="col-sm-9">
        <input type="text" class="form-control" name="ssid[<?= $ssid['id'] ?>][ip6_dns0]" placeholder="2001:913::8" value="<?= $ssid['ip6_dns0'] ?>" />
      </div>
    </div>

    <div class="form-group">
      <label class="col-sm-3 control-label"><?= T_('Second DNS resolver') ?></label>
      <div class="col-sm-9">
        <input type="text" class="form-control" name="ssid[<?= $ssid['id'] ?>][ip6_dns1]" placeholder="2001:910:800::40" value="<?= $ssid['ip6_dns1'] ?>" />
      </div>
    </div>
  </div>

  <!-- IPv4 -->
  <div class="tabs tabipv4" style="display: none">
    <div class="form-group">
      <label class="col-sm-3 control-label"><?= T_('NAT prefix (/24)') ?></label>
      <div class="col-sm-9">
        <input type="text" class="form-control" name="ssid[<?= $ssid['id'] ?>][ip4_nat_prefix]" placeholder="10.0.242" value="<?= $ssid['ip4_nat_prefix'] ?>" />
      </div>
    </div>

    <div class="form-group">
      <label class="col-sm-3 control-label"><?= T_('First DNS resolver') ?></label>
      <div class="col-sm-9">
        <input type="text" class="form-control" name="ssid[<?= $ssid['id'] ?>][ip4_dns0]" placeholder="80.67.188.188" value="<?= $ssid['ip4_dns0'] ?>" />
      </div>
    </div>

    <div class="form-group">
      <label class="col-sm-3 control-label"><?= T_('Second DNS resolver') ?></label>
      <div class="col-sm-9">
        <input type="text" class="form-control" name="ssid[<?= $ssid['id'] ?>][ip4_dns1]" placeholder="80.67.169.12" value="<?= $ssid['ip4_dns1'] ?>" />
      </div>
    </div>
  </div>
</div>

