<!-- STYLESHEETS -->

<link rel="stylesheet" href="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/LBNL/User+Application/stylesheets/userAppStyles.css"> </link>

<!-- HTML ELEMENTS -->

<!-- LOADERS -->
<div id="appstart-loading-container" style="display:none;">
	<div class="loader hide-on-fail"> </div>
</div>
<div id="loading-container" style="display: none;">
	<div class="loader hide-on-fail"></div>
	<div class="attachments-upload-message">
		<h3 class="hide-on-fail">Please remain on this page while your file is being uploaded.</h3>
		<p class="hide-on-fail">This may take several minutes depending on your attachment size and internet connection.</p>
		<div id="attachment-upload-fail" style="display:none;">
			<p>Connection has been interrupted when uploading your attachment. Please try again.<br /></p>
			<button onclick="handleAttachmentFailedClose()">Return to My Application</button>
		</div>
	</div>
</div>

<!-- APPLICATION FORM OUTER CONTAINER --> 
<div id="application-form-container"> </div>

<!-- FILE UPLOAD MODAL --> 
<div id="file-upload-modal-outer" class="overlay-outer" style="display:none;">
    <div id="file-upload-modal" class="overlay-inner">
        <p class="question-label label-with-desc"> </p>
        <p class="question-description" style="color:gray;">Note: Do NOT drag and drop your file. Please attach your file by clicking the "Choose File" button below.</p>
        <label class="choose-file-label" for="file-input"><span class="choose-file-inner">Choose File</span><span class="preview-filename">No file chosen</span></label>
        <div id="file-input-container">
            <input style="display: none;" id="file-input" name="file-input" type="file" accept="image/*,video/mp4,video/x-m4v,video/*,audio/*,.xlsx,.xls,.doc, .docx,.ppt, .pptx,.txt,.pdf" onchange="checkFileSizeMB(this, 50)" />
        </div>
        <div id="file-input-saved" style="display:none">
            <img src="/download/attachments/49676780/paperclip.png?api=v2" /><p class="attachment-filename"> </p>
        </div>
        <div class="file-upload-buttons-container">
            <button id="file-modal-submit" onclick="handleFileSubmit()">Upload File</button>
            <button onclick="closeFileUploadModal()">Cancel</button>
        </div>
    </div>
</div>

<!-- ERRORS / CAN'T SUBMIT MODAL -->
<div id="error-overlay" class="overlay-outer" style="display:none" onclick="closeErrorModal()">
	<div class="error-container" class="overlay-inner" onclick="event.stopPropagation()">
		<div id="errors-close" onclick="closeErrorModal()">x</div>
		<h3>Why can't I submit?</h3>
		<h5>Please fix the following errors before submitting your application:</h5>
		<ul id="error-messages">
		</ul>
	</div>
</div>

<!-- SUBMIT / END APPLICATION OVERLAY -->
<div id="endapp-overlay" class="overlay-outer" style="display:none" onclick="closeSubmitModal()">
	<div class="endapp-form" class="overlay-inner" onclick="event.stopPropagation()">
		<div id="submit-confirm-message">
			<h3>Are you sure you want to submit your application?</h3>
			<h5>You will not be able to make changes to your application once it has been submitted.</h5>
			<div class="endapp-buttons-container">
				<button id="sure-submit" onclick="handleSubmit()">Submit my Application</button>
				<button id="cancel-submit" onclick="closeSubmitModal()">Cancel</button>
			</div>
		</div>
		<div id="submit-success-message" style="display:none;">
			<h3>Your application has been submitted successfully.</h3>
			<button onclick="closeSubmitModal()">Back to My Application</button>
		</div>
	</div>
</div>

<!-- SCRIPTS -->


<!-- CONFIG -->
<script type="text/javascript" src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/LBNL/User+Application/js/userAppConfig.js"> </script>

<!-- UTIL -->
<script type="text/javascript" src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/LBNL/User+Application/js/util/userApp_util.js"> </script>
<script type="text/javascript" src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/LBNL/User+Application/js/util/userApp_actions.js"> </script>
<script type="text/javascript" src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/LBNL/User+Application/js/util/generateUserAppForm.js"> </script>

<!-- COMPONENTS -->
<script type="text/javascript" src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/LBNL/User+Application/js/components/userAppSidebar.js"> </script>
<script type="text/javascript" src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/LBNL/User+Application/js/components/fileUploadModal.js"> </script>




<script type="text/javascript" src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/LBNL/User+Application/js/userAppScript.js"> </script>