<?php
/**
 * Filename: manage.php
 * Created : Andy Christian S. Loyola <acl20032003@gmail.com> (http://AndyLoyola.Com)
 * Copyright 2016 - Andy Christian S. Loyola <acl20032003@gmail.com> (http://AndyLoyola.Com)
 *
 * Skype: andy_christian_loyola_
 * Yahoo: andz_christian
 * GTalk: acl20032003@gmail.com
 */
defined('_IN_MAIN_MODULE') or die ('ACCESS DENIED');

include_once ('pages/header.part.php');
?>

    <div class="ui-tabs">
        <ul class="ui-tabs-nav">
            <li><a href="#introduction">Introduction</a></li>
            <li><a href="#manage">Manage</a></li>
        </ul>



        <!-- introduction -->
        <div id="introduction">
            <?php include_once ('pages/intro.part.php'); ?>
        </div>
        <!-- // introduction -->


        <!-- manage -->
        <div id="manage">

	        <!-- holder - manage -->
	        <div id="holder-manage">
		        <div class="row cell">
			        <h3>Manage <?php echo PLUGINTEMPLATE_NAME; ?>
				        <span style="float:right;">
					        <span data-role="hint" data-hint-position="left" data-hint="New <?php echo PLUGINTEMPLATE_NAME; ?>">
						        <a href="javascript:void(0);" name="cmdAddNew" id="cmdAddNew" class="button button-primary">
							        <span class="icon mif-plus"></span>
						        </a>
					        </span>
				        </span>
			        </h3> <hr />
		        </div>

		        <div class="row cell">
			        <table id="manage-table" class="table striped hovered border">
				        <thead>
				            <tr>
					            <th width="100" style="text-align:center;">ID</th>
					            <th>Name</th>
					            <th width="200" style="text-align:center;">Actions</th>
				            </tr>
				        </thead>
			        </table>
		        </div>
	        </div>
	        <!-- // holder - manage -->


	        <!-- holder - addnew -->
	        <div id="holder-addnew" style="display:none;">
		        <form name="addNewForm" id="addNewForm" method="POST" action="">

			        <div class="row cell">
				        <h3>Add New</h3> <hr />
			        </div>

			        <div class="row cell">
				        <button name="cmdSubmitNew" id="cmdSubmitNew" class="button button-primary text-bold">
					        <span class="icon mif-checkmark"></span> Submit
				        </button>
				        <a href="javascript:void(0);" name="cmdCancelNew" id="cmdCancelNew" class="button button-secondary fg-red text-bold">
					        <span class="icon mif-cross"></span> Cancel
				        </a>

				        <div id="dialog-manage" style="margin-top:10px;"></div>
			        </div>
		        </form>
	        </div>
	        <!-- // holder - addnew -->

        </div>
        <!-- // manage -->
    </div>


	<script type="text/javascript">
		var manageJs = jQuery.noConflict();
		manageJs(function($) {


			//* add new
			$('#cmdAddNew').click(function() {
				$('#holder-manage').slideUp();
				$('#holder-addnew').slideDown();
				return false;
			});


			//* cancel new
			$('#cmdCancelNew').click(function() {
				$('#holder-manage').slideDown();
				$('#holder-addnew').slideUp();
				return false;
			});



		});
	</script>

<?php
include_once ('pages/footer.part.php');
