<div class="panel panel-default">

    <div class="panel-heading">
        <h6 class="panel-title">
            <a href="<?php echo site_url('everbright/student_add'); ?>"><i class="fa fa-align-justify"></i></a> 
            Student Information | Add Info.
        </h6>
        <a href="<?php echo site_url('everbright/student'); ?>" class="pull-right btn btn-circle btn-xs btn-default"><i class="fa fa-times"></i>Cancel</a>
    </div>

    <div class="panel-body">
        <form action="<?php echo site_url('everbright/do_upload_student'); ?>" method="post" class="form-horizontal validate" role="form" enctype="multipart/form-data"> 

            <div class="row">
				<div class="col-md-6">                   
                    <div class="form-group">
                        <label class="col-sm-4 control-label text-right"><span>Student Unique ID</span><span class="mandatory">*</span></label>
                        <div class="col-sm-8">
                            <input type="text" class="required  form-control " placeholder="Student ID" name="jbID">
                        </div>
                    </div> 
                </div>
				<div class="col-md-6">                   
                    <div class="form-group">
                        <label class="col-sm-4 control-label text-right"><span>Class Roll</span><span class="mandatory">*</span></label>
                        <div class="col-sm-8">
                            <input type="text" class="required  form-control " placeholder="Class Roll" name="stID">
                        </div>
                    </div> 
                </div>
                <!-- Date -->
                
                                 
            </div>
			<div class="row">
				<div class="col-md-6">                   
                    <div class="form-group">
                        <label class="col-sm-4 control-label text-right"><span>Session</span><span class="mandatory">*</span></label>
                        <div class="col-sm-8">
                            <input type="text" class="required  form-control " placeholder="Session" name="s_session">
                        </div>
                    </div> 
                </div>
				<div class="col-md-6">                   
                    <div class="form-group">
                        <label class="col-sm-4 control-label text-right"><span>Full Name</span><span class="mandatory">*</span></label>
                        <div class="col-sm-8">
                            <input type="text" class="required  form-control " placeholder="Name" name="name">
                        </div>
                    </div> 
                </div>
                <!-- Date -->
                
                                 
            </div>
            <div class="row">
                <!-- ATTN -->
                <div class="col-md-6">                   
                    <div class="form-group">
                        <label class="col-sm-4 control-label text-right">Father<span class="mandatory">*</span> </label>
                        <div class="col-sm-8">
                            <input type="text" class="required  form-control" placeholder="Father" name="f_name">
                        </div>
                    </div> 
                </div> 
                <!-- SHIPPER -->
                <div class="col-md-6">
                    <div class="form-group">
                        <label class="control-label col-md-4 text-right">Mother<span class="mandatory">*</span> </label>
                        <div class="col-md-8">
                            <input type="text" class="required  form-control" placeholder="Mother" name="m_name">
                        </div>
                    </div>
                </div>                    
            </div>          
            <div class="row">
                <div class="col-md-6">                   
                    <div class="form-group">
                        <label class="col-sm-4 control-label text-right">Date of Birth <span class="mandatory">*</span></label>
                        <div class="col-sm-8">
                            <input type="text" class="required form-control datepicker" placeholder="Date of Birth" name="dob">
                        </div>
                    </div> 
                </div>
				<?php 
                        $query = $this->main_model->sclass();
                        
                        ?>
                <div class="col-md-6">                   
                    <div class="form-group">
                        <label class="col-sm-4 control-label text-right">Class<span class="mandatory">*</span></label>
                        <div class="col-sm-8">
                            <select data-placeholder="(:-- Select Class --:)" name="class_name" class="required select-search">
                               
							   <option value=""></option>
							   <?php foreach($query as $row): ?>
                                <option value="<?php echo $row['scid']; ?>"><?php echo $row['name']; ?></option>
								<?php endforeach; ?>
                              
                            </select>                            
                        </div>
                        
                    </div> 
                </div>

            </div>
			 
            
			<div class="row">			
               
                <!-- VOL -->
               <div class="col-md-6">                   
                    <div class="form-group">
                        <label class="col-sm-4 control-label text-right">Section</label>
                        <div class="col-sm-8">
                            <select data-placeholder="(:-- Select Section --:)" name="shift_name" class="required select-search">
                                <option value=""></option>
                                <option value="1">A</option>
                                <option value="2">B</option>
								<option value="3">C</option>
								<option value="4">D</option>
                            </select>                            
                        </div>
                        
                    </div> 
                </div>
				<div class="col-md-6">                   
                    <div class="form-group">
                        <label class="col-sm-4 control-label text-right">Group Name</label>
                        <div class="col-sm-8">
                            <select data-placeholder="(:-- Select Group --:)" name="section_name" class="required select-search">
                                <option value=""></option>
                                <option value="General">General</option>
                                <option value="Science">Science</option>
								<option value="Commerce">Commerce</option>
								<option value="Arts">Arts</option>
								
                            </select>                            
                        </div>
                        
                    </div> 
                </div>				
            </div>
            <div class="row">			
               
                <!-- VOL -->
                <div class="col-md-6">
                    <div class="form-group">
                        <label class="control-label col-md-4 text-right">Guardian Mobile<span class="mandatory">*</span> </label>
                        <div class="col-md-8">
                            <input type="text"  class="required  form-control" placeholder="Gurdian Mobile Number" name="mobile">
                        </div>
                    </div>
                </div>
				<!-- SHIPPER -->
                <div class="col-md-6">
                    <div class="form-group">
                        <label class="control-label col-md-4 text-right">Blood Group<span class="mandatory">*</span> </label>
                        <div class="col-md-8">
                            
							<select data-placeholder="(:-- Select Gender --:)" name="bg" class="required select-search">
                                <option value=""></option>
                                <option value="A+">A+</option>
								<option value="A-">A-</option>
                                <option value="AB+">AB+</option>
								<option value="AB-">AB-</option>
								<option value="B+">B+</option>
								<option value="B-">B-</option>
								<option value="O+">O+</option>
								<option value="O-">O-</option>

                            </select>  
                        </div>
                    </div>
                </div>  				
            </div>
            <div class="row">			
               
                <!-- VOL -->
                <div class="col-md-6">                   
                    <div class="form-group">
                        <label class="col-sm-4 control-label text-right">Religion</label>
                        <div class="col-sm-8">
                            <select data-placeholder="(:-- Select Gender --:)" name="religion" class="required select-search">
                                <option value=""></option>
                                <option value="Muslim">Muslim</option>
                                <option value="Hindu">Hindu</option>
								<option value="Buddhist">Buddhist</option>
								<option value="Christian">Christian</option>
                            </select>                            
                        </div>
                        
                    </div> 
                </div>
				<div class="col-md-6">                   
                    <div class="form-group">
                        <label class="col-sm-4 control-label text-right">Gender</label>
                        <div class="col-sm-8">
                            <select data-placeholder="(:-- Select Gender --:)" name="gender" class="required select-search">
                                <option value=""></option>
                                <option value="Male">Male</option>
                                <option value="Female">Female</option>
                            </select>                            
                        </div>
                        
                    </div> 
                </div>
								
            </div>
			<div class="row">			
               
                <!-- VOL -->
                <div class="col-md-6">
                    <div class="form-group">
                        <label class="control-label col-md-4 text-right">Student Picture </label>
                        <div class="col-md-8">
                            <input type="file" name="pic_file" id="pic_file">
                       
						</div>
                    </div>
                </div>
				
								
            </div>
            
            
            
            <div class="form-actions text-right">
                <button type="submit" value="Submit" class="btn btn-primary"><i class="fa fa-check"></i> Submit</button>
            </div>
        </form>
    </div>

</div>
