{script}
{literal}
	$(document).ready(function() {
		$('form[name="fileUploadForm"]').submit(function(e) {
			if($('input[name="fileUpload"]').val() && $('input[name="name"]').val()) {
				e.preventDefault();
				$(this).ajaxSubmit({
					forceSync: true,
					target:   '#targetLayer',
					beforeSubmit: function() {
						OW.trigger('base.progress_bar_actions', { 'action': 'initiate', 'percentComplete': null });
						$("#FileUploadGroupButton").prop('disabled', true);
					},
					uploadProgress: function (event, position, total, percentComplete){
						OW.trigger('base.progress_bar_actions', { 'action': 'progress', 'percentComplete': percentComplete });
					},
					success:function (){
						OW.trigger('base.progress_bar_actions', { 'action': 'terminate', 'percentComplete': null });
						closeUploadFileIntoGroupForm();
						$('#loader-icon').hide();
						setTimeout(function() {
						window.location = window.location;
						}, 1000);
					},
					resetForm: true
				});
				return false;
			}
		});
	});
{/literal}
{/script}
<div class="ow_create_group clearfix">

    <div class="ow_superwide ow_automargin">
	    {form name='fileUploadForm'}

	        <table class="ow_table_1 ow_form">
	            <tr class="ow_alt2 ow_tr_first">
	                <td class="ow_label">{label name='name'}</td>
	                <td class="ow_value">{input name='name'} {error name='name'}</td>
	               <!-- <td class="ow_desc ow_small"></td>-->
	            </tr>
	            <tr class="ow_alt1">
	                <td class="ow_label">{label name='fileUpload'}</td>
	                <td class="ow_value">{input name='fileUpload'}<br />{error name='fileUpload'}</td>
	                <!--<td class="ow_desc ow_small"></td>-->
	            </tr>
	        </table>
			<div id="targetLayer"></div>
            <div class="clearfix ow_stdmargin"><div style="text-align: center;">{submit name='save' class='ow_ic_save' id='FileUploadGroupButton' }</div></div>
	    {/form}
    </div>

</div>