EVOLUTION-NINJA

Edit File: profile.php

<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<title>Power Pik</title>
		
	<script type="text/javascript" src="<?php echo base_url('assets/js/jquery-3.6.0.min.js');?>"></script>
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/main.css');?>" />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/bootstrap.min.css');?>" />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/font-awesome.min.css');?>" />
	
	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

<script type="text/javascript" src="<?php echo base_url('assets/js/bootstrap.min.js');?>"></script>
	<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>" />
				    
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('jqgrid/css/ui.jqgrid.css'); ?>" />
    <link rel="icon" href="<?=base_url()?>favicon.ico" type="image/gif">

<link href="<?php echo base_url('admin_assets/css/sb-admin.css');?>" rel="stylesheet">

<link href="<?php echo base_url('admin_assets/css/plugins/morris.css');?>" rel="stylesheet">

<link href="<?php echo base_url('admin_assets/font-awesome/css/font-awesome.min.css');?>" rel="stylesheet" type="text/css">

<script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/jquery.jqGrid.js'); ?>"></script>
				      
	 <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/i18n/grid.locale-en.js'); ?>"></script>
				    <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/jquery.jqGrid.min.js'); ?>"></script>
	<script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>" type="text/javascript"></script>
</head>
	
	
	<div class="content-wrapper">	
<div class="row">
				
	<div class="col-sm-10" style="padding-left: 0 !important;">
	
	
	<div class="middle_work_hedding">
		<div class="container">
			<h3><em>Profile</em></h3>		
		</div>
	</div>
	
	<div class="middle_work_table">
		<div class="container">			
			<form action="" id="profile">
			
				<div class="row" style="padding-top: 14px;">
					<div class="col-sm-12">
					<div class="col-sm-4"></div>
						<div class="col-sm-4">
							<h4 style="color:#0261b7; margin-top:0 !important;">Personal Details</h4>
							
							<div class="form-group">
										
										<select class="form-control" name="role" required>
											<?php  if($details->role==2){?>
											<option value="<?php echo $details->role;?>" <?php  echo 'selected = "selected"'; ?> >Supervisor</option>
											<?php } elseif($details->role==3){?>
											<option value="<?php echo $details->role;?>" <?php  echo 'selected = "selected"'; ?> >ABP</option>
										<?php }?>
										</select>
									</div>
							
							<div class="form-group">												
								<input type="text" class="form-control" pattern=".{3,20}" name="ui" id="ui" value="<?php echo $details->uid;?>" placeholder="* User ID" title="6 digits no"disabled>
							</div>
							
							<div class="form-group">												
								<input type="text" class="form-control" pattern=".{6,20}" name="first_name" id="first-name" value="<?php echo $details->company_name;?>" placeholder="* Company Name" title="example:Jayblues" required>
							</div>				
							
							<div class="form-group">												
								<input type="text" class="form-control" pattern=".{15,100}" name="address" id="address" placeholder="* Address" value="<?php echo $details->address;?>" title="example:#xyz, 23 street, Mysuru."required>
							</div>
							
							<div class="form-group">												
								<input type="text" class="form-control" pattern=".{6,30}" name="city" id="city" placeholder="* City" value="<?php echo $details->city;?>" title="example:Mysuru"required>
							</div>
							
							<div class="form-group">												
								<input type="text" class="form-control" pattern=".{6,30}" name="state" id="state" placeholder="* State" value="<?php echo $details->state;?>" title="example:Karnataka"required>
							</div>
							
							<div class="form-group">												
								<input type="text" class="form-control"  name="pin" id="mobile" placeholder="* Pin"  value="<?php echo $details->pin;?>" title="7 digits no"required>
							</div>
							
							<div class="form-group">												
								<input type="text" class="form-control"  name="landline" id="landline" value="<?php echo $details->landline;?>" placeholder="Landline No" title="11 digits no"required>
							</div>
							
							<div class="form-group">												
								<input type="text" class="form-control" pattern="[0-9]{7,10}" name="mobile1" id="mobile" value="<?php echo $details->mobile;?>" placeholder="* Mobile 1" title="10 digits no"required>
							</div>	
							
							<div class="form-group">												
								<input type="text" class="form-control" pattern="[0-9]{7,10}" name="mobile2" id="mobile"  value="<?php echo $details->alt_mobile;?>" placeholder="Mobile 2" title="10 digits no">
							</div>
							
							<div class="form-group">												
								<input type="text" class="form-control" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" name="email1" id="email" value="<?php echo $details->email;?>" placeholder="* Email 1" title="example:abc@gmail.com" required>
							</div>
							
							<div class="form-group">												
								<input type="text" class="form-control" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" name="email2" id="email" placeholder="Email 2" value="<?php echo $details->alt_email;?>" title="example:abc@gmail.com">
							</div>
							
							<div class="form-group">												
								<input type="text" class="form-control"  name="pan" id="pan" value="<?php echo $details->pan;?>" placeholder="* Pan Card No" title="digits no"required>
							</div>
							
							<div class="form-group">												
								<input type="text" class="form-control" name="tin" id="tin" value="<?php echo $details->tin;?>" placeholder="* TIN No" title="digits no"required>
							</div>
							
						
						</div> 
						
					</div>
				</div> 
				
				<div class="row">
					<div class="col-sm-4"></div>
					<div class="col-sm-4">
						<button type="submit" id="submit" class="btn btn-default mybt profilebt">Submit</button>
					</div>
					<div class="col-sm-4"></div>						
				</div>	 				
			</form>				
		</div> 
	</div> 
	
	</div>
	
	
	
	
	
	
	
		
	<div class="height-50"></div>
	
	
	</div>
	
	
	
	
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/profileresponsive.css');?>"/>
	<script type="text/javascript" src="<?php echo base_url('assets/js/jquery.uploadPreview.min.js');?>"></script>

<script type="text/javascript">
		$(document).ready(function() {
		  $.uploadPreview({
			input_field: "#image-upload",   // Default: .image-upload
			preview_box: "#image-preview",  // Default: .image-preview
			label_field: "#image-label",    // Default: .image-label
			label_default: "Choose File",   // Default: Choose File
			label_selected: "Change File",  // Default: Change File
			no_label: false                 // Default: false
		  });
		});
	</script>
	
	<style type="text/css">
		#image-preview {
		 background: url("img/profile_photo.png")no-repeat center center /cover;
		  width: 236px;
		  height: 236px;
		  position: relative;
		  overflow: hidden;
		  color: #ecf0f1;
		  input {
			line-height: 200px;
			font-size: 200px;
			position: absolute;
			opacity: 0;
			z-index: 10;
		  }
		  
		  label {
			position: absolute;
			z-index: 5;
			opacity: 0.8;
			cursor: pointer;
			background-color: #bdc3c7;
			width: 200px;
			height: 50px;
			font-size: 20px;
			line-height: 50px;
			text-transform: uppercase;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			text-align: center;
		  }
		}

@media only screen and (min-width:641px) and (max-width:991px) 
		{
			#image-preview 
			{
				width: 159px !important;
				height: 149px !important;
			}
		}

.mytext_computer
		{
			background:#0261b7 !important;
			color:white !important;
			border:transparent !important;
			border-radius: 6px !important;
			padding-top: 8px !important;
			height: 43px;
			margin:0 auto;
		}
		#image-preview{
			margin:0 auto;
		}
		.pro_img{
			text-align:center;
		}
		.pro_img p
		{
			text-align:justify;
			color:gray;
			font-size:12px;
			padding-top:15px;
			text-align:center;
		}
		
		.my-nav{
					width:100% !important;
				}
				.my-nav li{
					width:100% !important;
				}
				.my-nav a:hover{
					color:black !important;
				}
				.navbar-collapse{
					padding-right:0px !important;
					padding-left:0px !important;
				}	
				.menu-left{
					padding-right:0px !important;
				}

</style>
<script type="text/javascript">
    $(document).ready(function() {
			$('#submit').click(function() {
				$("form#profile").submit();
			});
	        $("form#profile").submit(function() {
            var formData = new FormData($(this)[0]);
            $.ajax({
                url: '<?php echo site_url('controller/profile_insert');?>',
                type: 'POST',
                data: formData,
                async: false,
                success: function(data) {
                 if(data=='true'){
						  window.location.href  = '<?php echo site_url('controller/stock_updates');?>/'; 
	                }
					else{
	                  alert('success'); 
	                   
	                }
                },
				error: function(data){
                console.log("error");
                console.log(data);
				   alert("Error :"+data);
                },
                cache: false,
                contentType: false,
                processData: false
            });
            return false;
        });
    });

</script>