<?php include($tpl_common_dir . 'action_confirm.tpl'); ?>

<div class="modal-header">

	<button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button>
	<h4 class="modal-title"><?php  echo $title; ?></h4>

</div>
<?php if(!empty($form_store_switch)) { ?>
<div id="content" class="panel panel-default">
	<div class="panel-heading col-xs-12">
			<div class="btn-group pull-right">
				<?php echo $form_store_switch; ?>
			</div>
	</div>
</div>
<?php } ?>
<div id="setting_form" class="tab-content">
	<?php echo $form['form_open']; ?>
	<div class="panel-body panel-body-nopadding">
		<label class="h4 heading"><?php echo $form_title; ?></label>
			<?php foreach ($form['fields'] as $name => $field) { ?>
			<?php
				//Logic to calculate fields width
				$widthcasses = "col-sm-7";
				if ( is_int(stripos($field->style, 'large-field')) ) {
					$widthcasses = "col-sm-7";
				} else if ( is_int(stripos($field->style, 'medium-field')) || is_int(stripos($field->style, 'date')) ) {
					$widthcasses = "col-sm-5";
				} else if ( is_int(stripos($field->style, 'small-field')) || is_int(stripos($field->style, 'btn_switch')) ) {
					$widthcasses = "col-sm-3";
				} else if ( is_int(stripos($field->style, 'tiny-field')) ) {
					$widthcasses = "col-sm-2";
				}
				$widthcasses .= " col-xs-12";
			?>
		<div class="form-group <?php if (!empty($error[$name])) { echo "has-error"; } ?>">
			<label class="control-label col-sm-4 col-xs-12" for="<?php echo $field->element_id; ?>"><?php echo ${'entry_' . $name}; ?></label>
			<div class="input-group afield <?php echo $widthcasses; ?> <?php echo (is_int(strpos($name, 'description')) ? 'ml_ckeditor' : '')?>">
				<?php echo $field; ?>
			</div>
			<?php if (!empty($error[$name])) { ?>
			<span class="help-block field_err"><?php echo $error[$name]; ?></span>
			<?php } ?>
		</div>
		<?php
		if($name=='template'){ ?>
			<div class="form-group">
				<label class="control-label col-sm-7 col-xs-12" ></label>
				<div id="template_preview" class="input-group afield <?php echo $widthcasses; ?>">

				</div>
			</div>
		<?php }
		}  ?>

	</div>
	<div class="panel-footer">
		<div class="row">
		   <div class="center">
			 <a class="btn btn-primary on_save_close lock-on-click">
			 <i class="fa fa-save"></i> <?php echo $button_save_and_close; ?>
			 </a>&nbsp;
			 <button class="btn btn-primary lock-on-click">
			 <i class="fa fa-save"></i> <?php echo $button_save; ?>
			 </button>&nbsp;
			 <a class="btn btn-default" data-dismiss="modal" href="<?php echo $cancel; ?>">
			 <i class="fa fa-close"></i> <?php echo $button_close; ?>
			 </a>
		   </div>
		</div>
	</div>
	</form>
</div>

<script type="text/javascript">
//regular submit
$('#qsFrm').submit(function () {
	save_changes();
	return false;
});
//save an close mode
$('.on_save_close').on('click', function(){
	var $btn = $(this);
	save_changes();
	$btn.closest('.modal').modal('hide');
	return false;
});

$('#template_preview').load('<?php echo $template_image; ?>&template=' + $('#qsFrm_config_storefront_template').val());
    $('#qsFrm_config_storefront_template').change(function () {
        $('#template_preview').load('<?php echo $template_image; ?>&template=' + $('#qsFrm_config_storefront_template').val())
});

$('#store_switcher_form').on('submit', function(){
	var that  = $(this);
	$.ajax({
		url: that.attr('action'),
		type: 'GET',
		data: that.serializeArray(),
		success: function (data) {

			that.parents('.modal-content').removeData().html('').load('<?php echo $form['form_open']->action; ?>', function() {
				spanHelp2Toggles();	
			});
		}
	});

	return false;
});

function save_changes(){
	$.ajax({
		url: '<?php echo $form['form_open']->action; ?>',
	    type: 'POST',
	    data: $('#qsFrm').serializeArray(),
	    dataType: 'json',
	    success: function (data) {
	        if (data.result_text != '') {
	        	success_alert(data.result_text, false, "#setting_form");
	        }
	    },
        complete: function(){
                resetLockBtn();
        }
	});
	return false;
}

</script>




