<div class="ui modal center up-education-modal-wrapper <?php echo $indx; ?>">

	<i class="close icon"></i>

	<div class="ui icon header">

		<i class="university inverted grey icon"></i>

		<span class="add-or-edit-title"><?php _e( 'Add or edit', 'wpjobster' ); ?></span>&nbsp;<?php _e( 'education', 'wpjobster' ); ?>

	</div>

	<div class="scrolling content">

		<div class="up-education-modal-main-content">

			<form action="javascript://" data-type="education" name="modal_form" class="ui form modal_form">

				<div class="field school">
					<label><?php _e( 'School', 'wpjobster' ); ?><span class="red"> * </span></label>
					<input type="text" name="user_school" placeholder="<?php _e( 'School', 'wpjobster' ); ?>" value="<?php echo htmlentities( $school ); ?>" />
				</div>

				<div class="two fields">

					<div class="field degree">
						<label><?php _e( 'Degree', 'wpjobster' ); ?></label>
						<input type="text" name="user_degree" placeholder="<?php _e( 'Ex: Bachelor\'s', 'wpjobster' ); ?>" value="<?php echo htmlentities( $degree ); ?>" />
					</div>

					<div class="field grade">
						<label><?php _e( 'Grade', 'wpjobster' ); ?></label>
						<input type="text" name="user_grade" value="<?php echo htmlentities( $grade ); ?>" />
					</div>

				</div>

				<div class="field field_of_study">
					<label><?php _e( 'Field of study', 'wpjobster' ); ?></label>
					<input type="text" name="user_field_of_study" placeholder="<?php _e( 'Ex: Business', 'wpjobster' ); ?>" value="<?php echo htmlentities( $study ); ?>" />
				</div>

				<div class="field activities_and_societies">
					<label><?php _e( 'Activities and societies', 'wpjobster' ); ?></label>
					<textarea name="user_activities_and_societies" placeholder="<?php _e( 'Ex: Alpha Phi Omega, Marching Band, Volleyball', 'wpjobster' ); ?>"><?php echo strip_tags( $activities ); ?></textarea>
				</div>

				<div class="two fields">

					<div class="field from_year">
						<label><?php _e( 'From Year', 'wpjobster' ); ?></label>
						<select name="user_from_year" class="ui dropdown user_from_year">
							<option value=""><?php _e( 'From Year', 'wpjobster' ); ?></option>

							<?php for ( $i = date( 'Y' ); $i >= 1900; $i-- ) { ?>

								<option <?php echo wpj_get_selected_value( $from, $i ); ?> value="<?php echo $i; ?>"><?php echo $i; ?></option>

							<?php } ?>

						</select>
					</div>

					<div class="field to_year">
						<label><?php _e( 'To Year (or expected)', 'wpjobster' ); ?></label>
						<select name="user_to_year" class="ui dropdown user_to_year">
							<option value=""><?php _e( 'To Year', 'wpjobster' ); ?></option>

							<?php for ( $i = date( 'Y', strtotime( '+10 years' ) ); $i >= 1900; $i-- ) { ?>

								<option <?php echo wpj_get_selected_value( $to, $i ); ?> value="<?php echo $i; ?>"><?php echo $i; ?></option>

							<?php } ?>

						</select>
					</div>

				</div>

				<div class="field description">
					<label><?php _e( 'Description', 'wpjobster' ); ?></label>
					<textarea name="user_description"><?php echo strip_tags( $description ); ?></textarea>
				</div>

				<div class="field description">
					<label><?php _e( 'Media', 'wpjobster' ); ?></label>

					<p><?php _e( 'Add or link to external documents, photos, sites, videos, and presentations.', 'wpjobster' ); ?></p>

					<div class="noon cf">

						<?php wpj_display_file_upload_form( 1, 'file_upload_media_attachments_' . $indx, 'hidden_files_media_attachments_' . $indx, 'media_' . $indx ); ?>

					</div>

					<?php if ( wpj_post_has_attachments( $attachments ) ) wpj_display_attachments_list( $attachments, get_current_user_id(), 'hidden_files_media_attachments_' . $indx ); ?>

				</div>

				<input type="hidden" value="<?php echo $indx; ?>" name="indx" />

				<input type="hidden" value="<?php echo get_current_user_id(); ?>" name="uid" />

				<div class="actions">

					<button class="ui uppercase labeled icon button save-item" type="submit">

						<?php _e( 'Save', 'wpjobster' ); ?>

						<i class="checkmark icon"></i>

					</button>

				</div>

			</form>

		</div>

	</div>

</div>