Update IPsec phase2 GUI part

src/www/vpn_ipsec_phase2.php

 <?php
 /*
-	vpn_ipsec_phase2.php
-	part of m0n0wall (http://m0n0.ch/wall)
-
+	Copyright (C) 2014 Deciso B.V.
 	Copyright (C) 2008 Shrew Soft Inc
 	Copyright (C) 2003-2005 Manuel Kasper <mk@neon1.net>.
 	All rights reserved.
@@ -29,13 +27,6 @@
 	POSSIBILITY OF SUCH DAMAGE.
 */
 
-##|+PRIV
-##|*IDENT=page-vpn-ipsec-editphase2
-##|*NAME=VPN: IPsec: Edit Phase 2 page
-##|*DESCR=Allow access to the 'VPN: IPsec: Edit Phase 2' page.
-##|*MATCH=vpn_ipsec_phase2.php*
-##|-PRIV
-
 require("functions.inc");
 require("guiconfig.inc");
 require_once("ipsec.inc");
@@ -481,16 +472,16 @@ function change_protocol() {
 //]]>
 </script>
 
-<form action="vpn_ipsec_phase2.php" method="post" name="iform" id="iform">
+
 
 <?php
 	if ($input_errors)
 		print_input_errors($input_errors);
 ?>
-
-<table width="100%" border="0" cellpadding="0" cellspacing="0" summary="vpn ipsec phase-2">
-	<tr class="tabnavtbl">
-		<td id="tabnav">
+<section class="page-content-main">
+	<div class="container-fluid">
+		<div class="row">
+		    <section class="col-xs-12">
 				<?php
 					$tab_array = array();
 					$tab_array[0] = array(gettext("Tunnels"), true, "vpn_ipsec.php");
@@ -499,12 +490,16 @@ function change_protocol() {
 					$tab_array[3] = array(gettext("Advanced Settings"), false, "vpn_ipsec_settings.php");
 					display_top_tabs($tab_array);
 				?>
-		</td>
-	</tr>
+
+
+				<div class="tab-content content-box col-xs-12">
+					<form action="vpn_ipsec_phase2.php" method="post" name="iform" id="iform">
+						<div class="table-responsive">
+							<table class="table table-striped table-sort">
 								<tr>
 									<td id="mainarea">
 										<div class="tabcont">
-				<table width="100%" border="0" cellpadding="6" cellspacing="0" summary="main area">
+											<table class="table table-striped" width="100%" border="0" cellpadding="6" cellspacing="0" summary="main area">
 												<tr>
 													<td width="22%" valign="top" class="vncellreq"><?=gettext("Disabled"); ?></td>
 													<td width="78%" class="vtable">
@@ -534,7 +529,7 @@ function change_protocol() {
 												<tr id="opt_localid">
 													<td width="22%" valign="top" class="vncellreq"><?=gettext("Local Network"); ?></td>
 													<td width="78%" class="vtable">
-							<table border="0" cellspacing="0" cellpadding="0" summary="local network">
+														<table class="table table-striped" border="0" cellspacing="0" cellpadding="0" summary="local network">
 															<tr>
 																<td><?=gettext("Type"); ?>:&nbsp;&nbsp;</td>
 																<td></td>
@@ -611,7 +606,7 @@ function change_protocol() {
 												<tr id="opt_remoteid">
 													<td width="22%" valign="top" class="vncellreq"><?=gettext("Remote Network"); ?></td>
 													<td width="78%" class="vtable">
-							<table border="0" cellspacing="0" cellpadding="0" summary="remote network">
+														<table class="table table-striped" border="0" cellspacing="0" cellpadding="0" summary="remote network">
 															<tr>
 																<td><?=gettext("Type"); ?>:&nbsp;&nbsp;</td>
 																<td></td>
@@ -682,7 +677,7 @@ function change_protocol() {
 												<tr id="opt_enc">
 													<td width="22%" valign="top" class="vncellreq"><?=gettext("Encryption algorithms"); ?></td>
 													<td width="78%" class="vtable">
-							<table border="0" cellspacing="0" cellpadding="0" summary="encryption">
+														<table class="table table-striped" border="0" cellspacing="0" cellpadding="0" summary="encryption">
 														<?php
 															foreach ($p2_ealgos as $algo => $algodata):
 																$checked = '';
@@ -787,7 +782,7 @@ function change_protocol() {
 														<input name="mobile" type="hidden" value="true" />
 														<input name="remoteid_type" type="hidden" value="mobile" />
 													<?php endif; ?>
-							<input name="Submit" type="submit" class="formbtn" value="<?=gettext("Save"); ?>" />
+														<input name="Submit" type="submit" class="btn btn-primary" value="<?=gettext("Save"); ?>" />
 														<input name="ikeid" type="hidden" value="<?=htmlspecialchars($pconfig['ikeid']);?>" />
 														<input name="uniqid" type="hidden" value="<?=htmlspecialchars($pconfig['uniqid']);?>" />
 													</td>
@@ -796,8 +791,14 @@ function change_protocol() {
 										</div>
 									</td>
 								</tr>
-</table>
-</form>
+							</table>
+						</div>
+					</form>
+				</div>
+			</section>
+		</div>
+	</div>
+</section>
 <script type="text/javascript">
 //<![CDATA[
 change_mode('<?=htmlspecialchars($pconfig['mode'])?>');