$(document).ready(function() {	
	
	$(".form-file-upload").each (function () {
		$(this).find("label").remove();
	});
	
	jQuery(document).delegate('a.miti-add-record', 'click', function(e) {
		e.preventDefault();
		var content = jQuery('#mitiAddRowId tr'),
			size = jQuery('#mitiTableId >tbody >tr').length + 1,

			element = null,
			element = content.clone();
	var doctorHiddenId = "doctorHiddenId" + (size - 1);
	var doctorVisibleId = "doctorVisibleId" + (size - 1);
		element.attr('id', 'miti-rec-' + size);
		element.find('.miti-delete-record').attr('data-id', size);
		element.find('.doctornameCls').attr('name', "doctorProfiles2[" + (size - 1) + "].doctorNm");
		element.find('.doctorprofCls').attr('name', "doctorProfiles2[" + (size - 1) + "].doctorId");
		element.find('.doctorqualiCls').attr('name', "doctorProfiles2[" + (size - 1) + "].doctorQualif");
		element.find('.inputFileHidden').addClass(doctorHiddenId);
		element.find('.inputFileVisible').addClass(doctorVisibleId);
		element.find('.input-group-btn').addClass(doctorVisibleId);
		var elements = element.find("*[id^=\"doctorProfilesObj.docList\"]");
			var name = "";
			for(var i=0; i<elements.length; i++) {
				var s = elements[i].name;
				name =  s.replace("doctorProfilesObj", "doctorProfiles2["+ (size - 1)+ "]"); 
				$(elements[i]).attr('name', name);
			}

		element.appendTo('#mitiTableBodyId');

		initFileUpload(doctorHiddenId, doctorVisibleId);
	
	});
	
	jQuery(document).delegate('a.miti-delete-record', 'click', function(e) {
		e.preventDefault();
		Swal.fire({
		text: 'Are you sure You want to delete?',
		type: 'question',
		showCancelButton: true,
		showConfirmButton: true,
		cancelButtonText: 'Cancel',
		confirmButtonText: 'Ok',
		allowOutsideClick: false,
		allowEscapeKey: false,
		cancelButtonColor: '#999999',
		confirmButtonColor: '#4CAF50'
	}).then((result) => {
		if (result.value) {
			  var id = jQuery(this).attr('data-id');
			jQuery('#miti-rec-' + id).remove();
			var contractorId = $('#mraId' + id).val();
			if (contractorId != undefined) {
				jQuery('#miti-rec-' + id).hide();
				jQuery('#isMDeleted' + id).val(true);
			}else{
				jQuery('#miti-rec-' + id).remove();
			}

			return true;
		} else if (result.dismiss === swal.DismissReason.cancel) {
			return false;
		}
		});
	});
});

function initFileUpload(fileHiddenClass, fileVisibleClass) {

	$('.form-file-simple .' + fileVisibleClass + ', .form-file-simple .' + fileVisibleClass + ' .input-group-btn').click(function() {
		//console.log("click2");
		$(this).parent().parent().find('.inputFileHidden').trigger('click');
		$(this).parent().parent().addClass('is-focused');
	});

	$('.form-file-simple .inputFileVisible, .form-file-simple .input-group-btn').blur(function() {
		//console.log("blur");
		if ($(this).val()) {
			$(this).parent().parent().addClass('has-success is-filled');
		}
		else $(this).parent().parent().removeClass('has-success is-filled');
	})

	$('.form-file-simple .' + fileHiddenClass).change(function() {
		//console.log("change2");
		var names = '';
		for (var i = 0; i < $(this).get(0).files.length; ++i) {
			if (i < $(this).get(0).files.length - 1) {
				names += $(this).get(0).files.item(i).name + ',';
			} else {
				names += $(this).get(0).files.item(i).name;
			}
		}
		$(this).siblings('.input-group').find('.inputFileVisible').val(names);
	});
}