<div class="page-content p-2" id="templateType1">
	<!--<div id="add-loading">-->
		<!--<div class="loadingPage text-center"><span class="box"><img src="{$livepath}/Assets/Img/Facebook.svg"><span>Loading Page</span></span></div>-->
	<!--</div>-->
	<div class="rows">
        <nav aria-label="breadcrumb" class="float-right">
            <ol class="breadcrumb font-sm mb-0">
                <li class="breadcrumb-item"><a href="{$livepath}/Modules/Dashboard/show" class="clearStorage"><i class="fa fa-home mr-1"></i>Dashboard</a></li>
                <li class="breadcrumb-item font-weight-bold active" aria-current="page">{$pageName}</li>
            </ol>
        </nav>
		<h2 class="h5 font-weight-bold px-2 pt-2 pb-3">{$pageName}</h2>
        <!--Form-->
        <div class="cPanel bg-white border relative <!--over-hidden--> col-md-12 formGrid1 rounded pb-3">
            <div class="portlet">
                <div class="portlet-heading bg-darkgray font-weight-bold py-2 px-3 text-white">{if $pageName != 'Form Builder'}Form{/if} {$pageName}</div>
                <div class="portlet-body pt-4 px-1">
                    <form action="" id="myForm" name="myForm" method="post" onsubmit="return false" class="form-horizontal"  role="form">
                    <!--<form name="myForm" method="post" id="myForm" class="needs-validation" novalidate>-->
                        {$form}
                        <div class="form-group offset-2 pl-2 mt-5">
                            {if $btnsave == true}<button type="submit" class="btn btn-sm btn-outline-success font-weight-bold mr-1 submitForm save" id="save" onclick="doSave()"><i class="fa fa-save"></i> Save</button>{/if}
                            {if $btnupdate == true}<span class="btn btn-sm btn-outline-success font-weight-bold mr-1 submitForm update" id="update" onclick="doUpdate()"><i class="fa fa-refresh"></i> Update</span>{/if}
                            <button type="reset" class="btn btn-sm btn-outline-info font-weight-bold mr-1 reset"><i class="fa fa-eraser"></i> Reset</button>
                            <span class="btn btn-sm btn-outline-danger font-weight-bold mr-1 cancelForm cancel"><i class="fa fa-ban"></i> Cancel</span>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!--Grid-->
		<div class="cPanel bg-white border relative <!--over-hidden--> col-md-12 Grid1 rounded pb-3">
			<div class="portlet">
                <div class="portlet-heading bg-darkgray font-weight-bold py-2 px-3 text-white">Table {$pageName}</div>
				<div class="portlet-body pt-4 px-1">
					<div class="filterCont">
                        <div class="pull-right">
                            <button type="button" class="btn btn-sm btn-outline-primary font-weight-bold mr-1 options" rel="advancedSearchForm" title="Search"><i class="fa fa-filter"></i> Filter</button>
                            {if $export == true}
                            <div class="dropdown d-inline-block">
                                <button class="btn btn-sm btn-outline-primary font-weight-bold" title="Export data" role="button" id="exportCont" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i class="fa fa-upload"></i> Export <span class="caret"></span>
                                </button>
                                <div class="dropdown-menu dropdown-menu-right rounded shadow p-0 mt-2" aria-labelledby="exportCont">
                                    <a href="{$path}/excell{$param}" class="dropdown-item pl-3"><i class="fa fa-file-excel-o mr-1"></i> Excel</a>
                                </div>
                            </div>
                            {/if}
                        </div>
                        <div id="actionCont" class="btn-group">
							{if $addnew == true}<button class="btn btn-sm btn-outline-primary font-weight-bold mR10 addForm"><i class="fa fa-plus"></i> Add New</button>{/if}
                        </div>
						<div class="clearfix"></div>
					</div>


					<!--Filter-->
					<div class="col-lg-4 col-md-4 formFloat over-hidden rounded-left" id="advancedSearchForm">
					   <div class="head-form bg-darkgray text-white">
						   <span class="closeFormFloat fa fa-close"></span>
						   <i class="fa fa-filter font-weight-bold"></i> Filter Table {$pageName}
					   </div>
					   <div class="body-form flexcroll">
						   <div class="allFilterNew"></div>
					   </div>
				   </div>
					<div id="table_1" class="tables"></div>
				</div>
			</div>
		</div>
	</div>
</div>				
<!--<script type="text/javascript">{if isset($pathcustom)} var custom_path = '{$pathcustom}';{else}var custom_path = '{$path}';{/if}var menuAccess = '{$menu}', livepath = '{$livepath}', ajaxFile = "{$path}", ajaxParam = "{$param}", device = "{$device}", pathupload = "{if isset($pathupload)}{$pathupload}{/if}", addFilterTable = '{if isset($addFilter)}{$addFilter}{/if}{$slFilter}';</script>
-->
<script type="text/javascript">{if isset($pathcustom)} var custom_path = '{$pathcustom}';{else}var custom_path = '{$path}';{/if}var menuAccess = localStorage.getItem('menuAccess'), livepath = '{$livepath}', ajaxFile = "{$path}", ajaxParam = "{$param}", device = "{$device}", pathupload = "{if isset($pathupload)}{$pathupload}{/if}", addFilterTable = '{if isset($addFilter)}{$addFilter}{/if}{$slFilter}';</script>
<script type="text/javascript" src="{$livepath}/Assets/plugins_admin/tinymce/tinymce.min.js"></script>
<script type="text/javascript" src="{$livepath}/Assets/plugins_admin/createTable.js"></script>
<script type="text/javascript" src="{$livepath}/Assets/plugins_admin/clickAction.js"></script>
<script type="text/javascript" src="{$livepath}/Assets/plugins_admin/form.js"></script>

{if isset($addJs)}<script>{$addJs}</script>{/if}