<div class="tab-pane fade" id="openvpnconfigs"> <div class="row"> <div class="col-md"> <h4 class="mt-3 mb-3"><?php echo _("Configurations"); ?></h4> <p id="openvpnconfigs-description" class="mb-3"> <small><?php echo _("Currently available OpenVPN client configurations are displayed below.") ?></small> <br><small class="text-muted"><?php echo _("Activating a configuraton will restart the <code>openvpn-client</code> service.") ?></small> </p> <div class="openvpn-configs js-openvpn-configs-container"> <?php foreach ($clients as $client) : if ($client == $conf_default) { $btn_class = "active"; } else { $btn_class = "disabled"; } $label = preg_replace('/_client$/','',pathinfo($client, PATHINFO_FILENAME)); $client = $label; ?> <div class="row mt-2" id="openvpn-client-row-<?php echo htmlspecialchars($client, ENT_QUOTES); ?>" > <div class="col-md-6 col-xs-4"> <label><?php echo htmlspecialchars($label, ENT_QUOTES); ?></label> </div> <div class="col-md-auto px-lg-3 col-xs-2"> <button type="button" class="btn btn-outline-success <?php echo $btn_class; ?> js-activate-openvpn-client" data-record-id="<?php echo htmlspecialchars($client, ENT_QUOTES); ?>" data-toggle="modal" data-target="#ovpn-confirm-activate" /><i class="far fa-check-circle"></i></button> </div> <div class="col-md-auto col-xs-2"> <button type="button" class="btn btn-outline-danger js-remove-openvpn-client" data-record-id="<?php echo htmlspecialchars($client, ENT_QUOTES); ?>" data-toggle="modal" data-target="#ovpn-confirm-delete" /><i class="far fa-trash-alt"></i></button> </div> </div><!-- ./row openvpn-client --> <?php endforeach ?> </div><!-- /.openvpn-configs --> <div class="mb-3"></div> </div><!-- /.tab-pane | manage configs tab --> </div> </div>