<?php /* Smarty version Smarty-3.1.7, created on 2022-01-12 16:38:06
         compiled from "/home/appshinet/crm.apps.hi.net.pk/includes/runtime/../../layouts/v7/modules/Users/SystemSetup.tpl" */ ?>
<?php /*%%SmartyHeaderCode:95086942661df03ee201f97-88017998%%*/if(!defined('SMARTY_DIR')) exit('no direct access allowed');
$_valid = $_smarty_tpl->decodeProperties(array (
  'file_dependency' => 
  array (
    'c809dae7bf58d81b8f00036acece21e017808976' => 
    array (
      0 => '/home/appshinet/crm.apps.hi.net.pk/includes/runtime/../../layouts/v7/modules/Users/SystemSetup.tpl',
      1 => 1626415976,
      2 => 'file',
    ),
  ),
  'nocache_hash' => '95086942661df03ee201f97-88017998',
  'function' => 
  array (
  ),
  'variables' => 
  array (
    'PACKAGES_LIST' => 0,
    'COUNTER' => 0,
    'PACKAGE_INFO' => 0,
    'PACKAGE_NAME' => 0,
    'MODULE_NAME' => 0,
    'ITEMCOUNTER' => 0,
  ),
  'has_nocache_code' => false,
  'version' => 'Smarty-3.1.7',
  'unifunc' => 'content_61df03ee21700',
),false); /*/%%SmartyHeaderCode%%*/?>
<?php if ($_valid && !is_callable('content_61df03ee21700')) {function content_61df03ee21700($_smarty_tpl) {?>

<html lang="en"><head><title>Vtiger CRM Setup</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link REL="SHORTCUT ICON" HREF="layouts/v7/skins/images/favicon.ico"><link rel="stylesheet" href="libraries/bootstrap/css/bootstrap.css" type="text/css" media="screen" /><link rel="stylesheet" href="libraries/bootstrap/css/bootstrap-responsive.css" type="text/css" media="screen"><style type="text/css">
					body{
						font-family: "Lucida Grande", Tahoma, Verdana;
						background: #F4FAFC;
						color : #555;
						font-size: 13px;
						min-height: 98%;
					}
					p{
						font-family: "Lucida Grande", Tahoma,Verdana;
						font-size: 14px;
					}
					.offset2{
						position: relative; 
						left: 17% !important;
					}
					div{
						-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
						-moz-box-sizing: border-box;/* Firefox, other Gecko */
						box-sizing: border-box; /* Opera/IE 8+ */
					}
					hr{
						border: 1px solid #bbb;
						border-bottom-color: #eee;
						border-right: 0;
						border-left: 0;
						margin-top: 13px;
					}
					.page-container{
						width:70%;
						margin: 10px auto;
						min-width: 1100px;
					}
					.main-container{
						background: #fff;
						border: 1px solid #ddd;
						border-radius: 3px;
						box-shadow: 0 0 5px #ccc;
						min-height: 375px;
						*padding: 0 15px;
					}
					.logo{
						padding: 15px 0 ;
					}

					.inner-container{
						padding: 15px 2%;
						*padding: 15px 0 0;
					}

					.group-container{
						background: #eee;
						border: 1px solid #ddd;
						border-radius: 3px;
						margin-bottom: 25px; 
						padding: 15px;
						position: relative;
						height: 215px !important;
						*margin: 0px !important;
						*padding: 5px 0;
					}
					.selectedContainer{
						background: #D9E9EE;
					}
					.unSelectedContainer{
						background: #eee;
					}

					.group-container > .row-fluid > .span9{
						min-height: 162px;
					}
					.group-heading input{
						display: inline-block;
						float: left;
					}
					.group-heading h4{
						color: #2c69a7;
						text-shadow: 0px 0px 1px #BBB;
						display: inline-block;
						font-size: 16px;
						vertical-align: bottom;
						margin-left: 10px\9;
						margin-top: 8px\9;
					}
					.group-heading .basicChkbox{
						float:right;
						width:24px;
						height:24px;
						background: url("layouts/v7/skins/images/check_radio_sprite.png") no-repeat 0 0;
						opacity: 0.65;
					}
					.group-desc{
						padding-bottom:9px;
						min-height: 130px;
					}
					.module_list{
						background: #146bae;
						border-radius: 3px 0;
						right:0;
						bottom: 0;
						position: absolute;
						color: #fff;
						font-weight: bold;
						padding: 3px 10px;
						text-shadow: 0 0 1px #000;
						z-index: 605;
					}
					.module_list a{
						cursor: pointer;
						text-decoration: none;
						color: #fff;
					}
					.reveal_modules{
						position: absolute;
						height:0;
						width: 0;
						z-index: 600;
						background: #000;
						opacity: 0;
						top: 100%;
						left:100%;
						bottom: 0;
						right:0;
						color: #fff;
						visibility: hidden;
						border-radius: 3px;
					}
					/** temporary**/
					.reveal_modules > div{
						padding: 15px 20px;
					}
					/****/
					.group-container p{
						display: inline-block;
					}
					.reveal_modules > div p{
						margin: 0  30px 3px 0;
						vertical-align: top;
						display: inline-block;
					}
					.button-container a{
						text-decoration: none;
					}
					.button-container{
						float: right;
					}
					.button-container .btn{
						margin-left: 15px;
						min-width: 100px;
						font-weight: bold;
					}
					/* hide the checkboxes and radios */
					input[type="checkbox"],input[type="radio"]
					{
						opacity: 0;
						position: absolute;
						height: 24px;
						width: 24px;
						margin:0;
						margin-top: 2px\9;
					}
					label{
						display: inline-block;
					}
					/* Inline div for placeholder to the checkbox*/
					.chkbox, .radiobtn {
						display: inline;
						margin-right: 20px\9;
					}
					/* Fix for IE */
					:root .chkbox, :root .radiobtn {
						margin-right: 0px\9;
					}
					/* we use generated content to create a placeholder for the checkbox*/
					input[type="checkbox"] + div::before,
					input[type="radio"] + div::before
					{
						content: "";
						display: inline-block;
						width: 24px;
						height: 24px;
						margin-right: 6px;
						background: url("layouts/v7/skins/images/check_radio_sprite.png") no-repeat 0 -24px;
						vertical-align: middle;
					}
					/* hover checkbox (unselected state only) */
					input[type="checkbox"]:not(:checked):hover + div::before
					{
						background-position: 0 -96px;
					}
					/* selected checkbox */
					input[type="checkbox"]:checked + div::before
					{
						background-position: 0 0;
					}
				</style></head><body><script type="text/javascript" src="libraries/jquery/jquery.min.js"></script><script>
					jQuery(document).ready(function () {
						var timeout;
						jQuery('.module_list').mouseenter(function (e) {
							thisDiv = jQuery(this);
							timeout = window.setTimeout(function () {
								hoverHeight = thisDiv.parent(".group-container").height() + 30;
								hoverWidth = thisDiv.parent(".group-container").width() + 30;
								thisDiv.siblings('div.reveal_modules').css({'visibility': 'visible', opacity: '0.9'});
								thisDiv.siblings('div.reveal_modules').stop(true, true).animate({left: '0', top: '0', height: hoverHeight, width: hoverWidth}, 300, function () {
									jQuery(this).css({'z-index': 610});
								});
							}, 250);
						}).parent('div.group-container').mouseleave(function (e) {
							jQuery(this).children('div.reveal_modules').stop(true, true).animate({left: '100%', top: '100%', height: 0, width: 0, opacity: 0}, 200, function () {
								jQuery(this).css({'z-index': 600, 'visibility': 'hidden'});
							});
							timeout = window.clearTimeout(timeout);
						});
						jQuery(".selectAll").click(function () {
							if (jQuery(this).is(':checked')) {
								jQuery("input[type='checkbox']").attr('checked', true);
								jQuery('.group-container').not(jQuery('.js-basePack')).removeClass('unSelectedContainer').addClass('selectedContainer');

							} else {
								jQuery("input[type='checkbox']").attr('checked', false);
								jQuery('.group-container').not(jQuery('.js-basePack')).removeClass('selectedContainer').addClass('unSelectedContainer');
							}
						});
						jQuery("input[type='checkbox']").not(jQuery('.selectAll')).click(function () {
							if (jQuery(this).is(':checked')) {
								jQuery(this).closest('.group-container').removeClass('unSelectedContainer').addClass('selectedContainer');
							} else {
								jQuery(this).closest('.group-container').removeClass('selectedContainer').addClass('unSelectedContainer');
								jQuery(".selectAll").attr('checked', false);
							}
							if (jQuery("input[type='checkbox']:checked").size() === jQuery("input[type='checkbox']").size() - 1) {
								jQuery(".selectAll").attr('checked', true);
							}
						});
					});
				</script><div class="container-fluid page-container"><div class="row-fluid"><div class="span6"><div class="logo"><img src="test/logo/vtiger-crm-logo.png" alt="Vtiger Logo"/></div></div><div class="span6"></div></div><div class="row-fluid main-container"><div class="span12 inner-container"><div class="row-fluid"><div class="span8"><h3 style="display: inline-block;float:left;"> What would you like to use Vtiger CRM for? </h3><p style="display: inline-block;float:left;margin-top:4px;">&nbsp;&nbsp;(Select features you want to enable)</p></div><div class="span4"><div class="pull-right"><label for="checkbox-1" style="vertical-align:bottom;margin:0;margin-top:8px\9;margin-left:10px\9;font-size:15px;"><strong> Select All</strong></label> <input type="checkbox" name="selectAll" class="selectAll"/><div class="chkbox"></div></div></div></div><hr><form id="SystemSetup" class="form" method="POST" action="index.php?module=Users&action=SystemSetupSave"><?php $_smarty_tpl->tpl_vars['COUNTER'] = new Smarty_variable(0, null, 0);?><?php  $_smarty_tpl->tpl_vars['PACKAGE_INFO'] = new Smarty_Variable; $_smarty_tpl->tpl_vars['PACKAGE_INFO']->_loop = false;
 $_smarty_tpl->tpl_vars['PACKAGE_NAME'] = new Smarty_Variable;
 $_from = $_smarty_tpl->tpl_vars['PACKAGES_LIST']->value; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array');}
foreach ($_from as $_smarty_tpl->tpl_vars['PACKAGE_INFO']->key => $_smarty_tpl->tpl_vars['PACKAGE_INFO']->value){
$_smarty_tpl->tpl_vars['PACKAGE_INFO']->_loop = true;
 $_smarty_tpl->tpl_vars['PACKAGE_NAME']->value = $_smarty_tpl->tpl_vars['PACKAGE_INFO']->key;
?><?php if ($_smarty_tpl->tpl_vars['COUNTER']->value==0||$_smarty_tpl->tpl_vars['COUNTER']->value%2==1){?><div class="row-fluid"><?php }?><div class="group-container <?php if ($_smarty_tpl->tpl_vars['COUNTER']->value==0){?> span12 selectedContainer js-basePack <?php }else{ ?> span6 <?php }?>"><div class="module_list"><a> View Modules </a></div><div class="row-fluid"><div class="<?php if ($_smarty_tpl->tpl_vars['COUNTER']->value==0){?> span2 <?php }else{ ?> span3 <?php }?>"><img src="layouts/v7/skins/images/<?php echo $_smarty_tpl->tpl_vars['PACKAGE_INFO']->value['imageName'];?>
" alt="Vtiger Logo"/></div><div class="<?php if ($_smarty_tpl->tpl_vars['COUNTER']->value==0){?> span10 <?php }else{ ?> span9 <?php }?>"><div class="group-heading"><h4><?php echo $_smarty_tpl->tpl_vars['PACKAGE_INFO']->value['label'];?>
</h4><?php if ($_smarty_tpl->tpl_vars['COUNTER']->value!=0){?><div class="pull-right"><input type="checkbox" name="packages[<?php echo $_smarty_tpl->tpl_vars['PACKAGE_NAME']->value;?>
]"/><div class="chkbox"></div></div><?php }else{ ?><div class="basicChkbox"></div><?php }?></div><div class="group-desc"><br><p><?php echo $_smarty_tpl->tpl_vars['PACKAGE_INFO']->value['description'];?>
</p></div></div></div><?php if ($_smarty_tpl->tpl_vars['COUNTER']->value==0){?><div class="row-fluid"><div class="offset2 span10"><input type="hidden" name="packages[<?php echo $_smarty_tpl->tpl_vars['PACKAGE_NAME']->value;?>
]" value="on"/><strong> This feature will be installed by default </strong></label></div></div><?php }?><div class="reveal_modules"><div><strong>These Modules will be enabled for this feature</strong><hr><div><?php $_smarty_tpl->tpl_vars['ITEMCOUNTER'] = new Smarty_variable(0, null, 0);?><?php  $_smarty_tpl->tpl_vars['MODULE_NAME'] = new Smarty_Variable; $_smarty_tpl->tpl_vars['MODULE_NAME']->_loop = false;
 $_from = $_smarty_tpl->tpl_vars['PACKAGE_INFO']->value['modules']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array');}
foreach ($_from as $_smarty_tpl->tpl_vars['MODULE_NAME']->key => $_smarty_tpl->tpl_vars['MODULE_NAME']->value){
$_smarty_tpl->tpl_vars['MODULE_NAME']->_loop = true;
?><p style="width:25%"><?php echo $_smarty_tpl->tpl_vars['MODULE_NAME']->value;?>
</p><?php $_smarty_tpl->tpl_vars['ITEMCOUNTER'] = new Smarty_variable($_smarty_tpl->tpl_vars['ITEMCOUNTER']->value+1, null, 0);?><?php if ($_smarty_tpl->tpl_vars['ITEMCOUNTER']->value==3){?><br><?php $_smarty_tpl->tpl_vars['ITEMCOUNTER'] = new Smarty_variable(0, null, 0);?><?php }?><?php } ?></div></div></div></div><?php $_smarty_tpl->tpl_vars['COUNTER'] = new Smarty_variable($_smarty_tpl->tpl_vars['COUNTER']->value+1, null, 0);?><?php if ($_smarty_tpl->tpl_vars['COUNTER']->value==0||$_smarty_tpl->tpl_vars['COUNTER']->value%2==1){?></div><?php }?><?php } ?><div class="row-fluid"><div class="span12"></div></div><div class="row-fluid"><div class="span9"><strong>Note: </strong> You can Enable/Disable modules from module manager later</div><div class="span3"><div class="button-container"><button type="submit" class="btn btn-large btn-primary next" value="Next"> Next </button></div></div></div></form></div></div></div></body></html><?php }} ?>