<style>
    .error {
        color : red;
    }
</style>
<main class="wrapper responsive-width" id="main">

	<!----admin template section---->
	<div class="admin_tempblock">
		<div class="admin_tempsec">
			<div class="admin_sec">
				<?php if($this->session->flashdata('failed')) { ?>

					<div class="mt-3 mb-3 text-center p-2 bg-danger text-white">
						<p><?php echo $this->session->flashdata('failed') ?></p>
					</div>

				<?php } ?>
				<form action="<?php echo base_url() ?>Admin/insertSection" method="post" id="sectionForm">
					<div class="subsec_sec">
						<div class="subject_l">
							<div class="subject_lsec">
								<div class="subject_lhead">Create Section</div>
								<div class="subject_lformarea">
									<div class="form-group">
										<label for="">Section Name</label>
										<input type="text" name="section_name" class="form-control" placeholder="Name of your course">
									</div>

									<input type="submit" class="subject_addbtn" value="Submit">
								</div>
							</div>
						</div>

					</div>
				</form>
			</div>
		</div>
	</div>
	<!----admin template section end---->
</main>
<!--End right-top side-->


<script>
	$(document).ready(function(){

		$("#sectionForm").validate({


			rules: {
				section_name: {
					required: true,
					minlength: 5
				}
			},

    // Specify validation error messages
    messages: {
    	
    	section_name: {
    		required: "Please provide a section name",
    		minlength : "Please enter more than 4 Characters"
    	},

    },
    submitHandler: function(form) {
    	form.submit();
    }
});

	});
</script>