EVOLUTION-NINJA

Edit File: client_requirement_sheet.php

<?php $this->load->view('includes/admin_header');?>
 <link rel="stylesheet" href="<?php echo base_url('admin_assets/toastr/toastr.min.css');?>">
 <script src="<?php echo base_url('admin_assets/toastr/toastr.min.js');?>"></script>

<head>
		<title>Client Sheet</title>
	</head>

<h3 style="text-align:center;">Client Sheet   <span style="float: right;font-size: 18px;"><a href="<?php echo base_url('client-requirement-list'); ?>"><i style="font-size: 25px;" class="fa fa-long-arrow-left arro_w back_button"> Back</i></a></span></h3>
		<div class="row_1">
			<table border="1" style="width:100%;border-collapse: collapse;">
				<tr>
					<td colspan="2" style="padding: 5px;width:60%;"></td>
					<td style="padding: 5px;width:40%;">Entered by<input type="text" name="entered_by" style="border: initial;width: 300px;" value="<?php echo $this->session->userdata('admin');?>"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Project Name</td>
					<td style="padding: 5px;"><input type="text" id="project_name" style="border: initial;width: 100%;"></td>
						<input type="hidden" class="search_content" name="project_id"/>
						<input type="hidden" class="searched_project" name="searched_project" />
						<div class="search_list"> 
            
                  		</div>
					<td style="padding: 5px;"><input type="text" name="project_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Name of the Client</td>
					<td style="padding: 5px;"><input type="text" name="client_name" style="border: initial;width: 100%;"></td>
					<td style="padding: 5px;"><input type="text" name="client_name_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Contact Number</td>
					<td style="padding: 5px;"><input type="text" name="contact_number" style="border: initial;width: 100%;"></td>
					<td style="padding: 5px;"><input type="text" name="contact_number_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Contact Email</td>
					<td style="padding: 5px;"><input type="text" name="email" class="email" style="border: initial;width: 100%;"></td>
					<td style="padding: 5px;"><input type="text" name="email_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Website</td>
					<td style="padding: 5px;"><input type="text" name="website" style="border: initial;width: 100%;"></td>
					<td style="padding: 5px;"><input type="text" name="website_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
			</table>
		</div> 
	
		<div class="row_2" style="padding-top:30px;">
			<table border="1" style="width:100%;border-collapse: collapse;">
				<tr>
					<td style="padding: 5px;">Type of Industry </td>
					<td style="padding: 5px;"><select type="text" name="industry_type" style="border: initial;width: 100%;">
						<option value="">Select</option>
													<?php $industry_details=json_decode($industry_details->field_value);foreach($industry_details as $val){?>
													  <option value="<?php echo $val;?>"><?php echo $val;?></option>			  
													 <?php }?>

</select></td>
					<td style="padding: 5px;"><input type="text" name="industry_type_comments" style="border: initial;width: 100%;"></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">website Type <br>(static/dynamic/e-commerce) </td>
					<td style="padding: 5px;"><select type="text" name="website_type" style="border: initial;width: 100%;">
						<option value="">Select</option>
						<option value="static">Static</option>
						<option value="dynamic">Dynamic</option>
						<option value="e-commerce">E-Commerce</option>
						<option value="logo">Logo</option>
					</select></td>
					<td style="padding: 5px;"><input type="text" name="website_type_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Client Domain (Y/N)</td>
					<td style="padding: 5px;"><select type="text" name="client_domain" style="border: initial;width: 100%;">
						<option value="">Select</option>
						<option value="Y">YES</option>
						<option value="N">NO</option>
					</select></td>
					<td style="padding: 5px;"><input type="text" name="client_domain_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Client Server (Y/N)</td>
					<td style="padding: 5px;"><select type="text" name="client_server" style="border: initial;width: 100%;">
						<option value="">Select</option>
						<option value="Y">YES</option>
						<option value="N">NO</option>
						</select>
					</td>
					<td style="padding: 5px;"><input type="text" name="client_server_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Reference shared <br>and color combination</td>
					<td style="padding: 5px;">From US:<br>
											OR<br>
											From Client: <input name="reference_shared" type="text" style="border: initial;"></td>
					<td style="padding: 5px;"><input type="text" name="reference_shared_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Logo (Y/N)</td>
					<td style="padding: 5px;"><select type="text" name="logo" style="border: initial;width: 100%;">
						<option value="">Select</option>
						<option value="Y">YES</option>
						<option value="N">NO</option>
						</select></td>
					<td style="padding: 5px;"><input type="text" name="logo_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Blog (Y/N)</td>
					<td style="padding: 5px;"><select type="text" name="blog" style="border: initial;width: 100%;">
						<option value="">Select</option>
						<option value="Y">YES</option>
						<option value="N">NO</option>
					</select></td>
					<td style="padding: 5px;"><input type="text" name="blog_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Number of templates shared</td>
					<td style="padding: 5px;"><input type="text" name="no_of_templates" style="border: initial;width: 100%;"></td>
					<td style="padding: 5px;"><input type="text" name="template_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Templates shared (concepts shared) date</td>
					<td style="padding: 5px;"><input type="text" name="template_concept" class="date_picker" style="border: initial;width: 100%;"></td>
					<td style="padding: 5px;"><input type="text" name="template_concept_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Approved date</td>
					<td style="padding: 5px;"><input type="text" name="approved_date" class="date_picker" style="border: initial;width: 100%;"></td>
					<td style="padding: 5px;"><input type="text" name="approved_date_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Content received date </td>
					<td style="padding: 5px;"><input type="text" name="content_received_date" class="date_picker" style="border: initial;width: 100%;"></td>
					<td style="padding: 5px;"><input type="text" name="content_received_date_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Development Start date</td>
					<td style="padding: 5px;"><input type="text" name="development_start_date" class="date_picker" style="border: initial;width: 100%;"></td>
					<td style="padding: 5px;"><input type="text" name="development_start_date_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Development End date</td>
					<td style="padding: 5px;"><input type="text" name="development_end_date" class="date_picker" style="border: initial;width: 100%;"></td>
					<td style="padding: 5px;"><input type="text" name="development_end_date_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Testing </td>
					<td style="padding: 5px;"><input type="text" name="testing" class="date_picker" style="border: initial;width: 100%;"></td>
					<td style="padding: 5px;"><input type="text" name="testing_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Website live date</td>
					<td style="padding: 5px;"><input type="text" name="website_live_date" class="date_picker" style="border: initial;width: 100%;"></td>
					<td style="padding: 5px;"><input type="text" name="website_live_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Changes (No. of times and days)</td>
					<td style="padding: 5px;"><input type="text" name="changes" style="border: initial;width: 100%;"></td>
					<td style="padding: 5px;"><input type="text" name="changes_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Email ID provided (Y/N)</td>
					<td style="padding: 5px;"><select type="text" name="email_provided" style="border: initial;width: 100%;">
						<option value="">Select</option>
						<option value="Y">YES</option>
						<option value="N">NO</option>
					</select></td>
					<td style="padding: 5px;"><input type="text" name="email_provided_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Google Analytics (Y/N)</td>
					<td style="padding: 5px;"><select type="text" name="google_analytics" style="border: initial;width: 100%;">
							<option value="">Select</option>
							<option value="Y">YES</option>
						   <option value="N">NO</option>
					</select></td>
					<td style="padding: 5px;"><input type="text" name="google_analytics_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Payment Gateway(Y/N)</td>
					<td style="padding: 5px;"><select type="text" name="payment_gateway" style="border: initial;width: 100%;">
							<option value="">Select</option>
							<option value="Y">YES</option>
						   <option value="N">NO</option>
					</select></td>
					<td style="padding: 5px;"><input type="text" name="payment_gateway_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">SEO </td>
					<td style="padding: 5px;"><select type="text" name="seo" style="border: initial;width: 100%;">
							<option value="">Select</option>
							<option value="Y">YES</option>
						   <option value="N">NO</option>
					</select></td>
					<td style="padding: 5px;"><input type="text" name="seo_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">SSL certificate</td>
					<td style="padding: 5px;"><select type="text" name="ssl" style="border: initial;width: 100%;">
						<option value="">Select</option>
						<option value="Y">YES</option>
						   <option value="N">NO</option>
					</select>
					</td>
					<td style="padding: 5px;"><input type="text" name="ssl_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Bulk SMS  </td>
					<td style="padding: 5px;"><select type="text" name="bulk_sms" style="border: initial;width: 100%;">
						<option value="">Select</option>
						<option value="Y">YES</option>
						   <option value="N">NO</option>
					</select>
					</td>
					<td style="padding: 5px;"><input type="text" name="bulk_sms_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Adwords</td>
					<td style="padding: 5px;"><input type="text" name="adwards" style="border: initial;width: 100%;"></td>
					<td style="padding: 5px;"><input type="text" name="adwards_comments" style="border: initial;width: 100%;"></td></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Support Number </td>
					<td style="padding: 5px;"><input type="text" name="support_number" style="border: initial;width: 100%;" value="Support Number Shared to Client"></td>
					<td style="padding: 5px;"><input type="text" name="support_number_comments" style="border: initial;width: 100%;"></td></td>
				</tr>

<tr>
					<td style="padding: 5px;">Project Completion</td>
					<td style="padding: 5px;"><select type="text" name="completion_status" style="border: initial;width: 100%;">
						<option value="">Select</option>
						<option value="YES">COMPLETED</option>
						<option value="NO">ON GOING</option>
						<option value="CLOSED">CLOSED</option>
					</select>
					</td>
					<td style="padding: 5px;"></td>
				</tr>
				
				<tr>
					<td style="padding: 5px;">Client's Individual ERP login </td>
					<td style="padding: 5px;"><input type="text" style="border: initial;width: 100%;"><br>
												Username: <input name="client_username" type="text" style="border: initial;" ><br>
												Password: <input name="client_password" type="text" style="border: initial;" ></td>
					<td style="padding: 5px;"><input type="text" name="client_login_comments" style="border: initial;width: 100%;"></td></td>
				</tr>

<script src="<?php echo base_url('admin_assets/assets/js/ace-elements.min.js');?>"></script>
		<script src="<?php echo base_url('admin_assets/assets/js/ace.min.js');?>"></script>

<script src="<?php echo base_url('admin_assets/event/assets/js/bootstrap-datepicker.js');?>"></script>	
		<script src="<?php echo base_url('admin_assets/event/assets/js/moment.min.js');?>"></script>
	    <script src="<?php echo base_url('admin_assets/event/assets/js/fullcalendar.min.js');?>"></script>

.pager 
	{
		float: right;background:#11B0B3;height: 30px;width: 108px;position: relative;
		right: 0px;width: 118px \9;
	}

.pager img 
	{
		margin: 3px;		
	}

.pageNo
	{
		display:inline;position: relative;top: 0px;
		padding: 0 3px;
		color: #fff;
	}

.ul_list {
	
	    height: 10em;
	    line-height: 2em;
	    border: 1px solid #ccc;
	    padding: 0;
	    margin: 0;
	    overflow: scroll;
	    overflow-x: hidden;
	}

.search_field {
	    
	    margin-bottom: 55px;
	}

#hospital_name {
	    width: 500px;
	}

.search_list {
	     z-index: 9; 
	    position: absolute;
	    background: #fff;
		width:500px;
	}
	
	.ui-autocomplete {
            max-height: 150px;
            overflow-y: auto;
            /* prevent horizontal scrollbar */
            overflow-x: hidden;
            /* add padding to account for vertical scrollbar */
            padding-right: 20px;
        }

</style>

$(document).ready(function(){

$('.date_picker').datepicker({
				 format: "dd-mm-yyyy",
			}).on('changeDate', function(ev){
				
        		 $('.date_picker').datepicker('hide');
    });

$('.client_form').submit(function(e){    
        e.preventDefault();

formdata = new FormData($(this)[0]);

$(".submit_button").attr('disabled', 'disabled');
            $(".submit_button").text("Submitting...");

$.ajax({

type   : 'post',
                url    : '<?php echo site_url("add_client_requirement")?>',
                data   : formdata,
                contentType: false,
                processData: false,
                                          
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);

if(response.result==1)
                    {
	                    toastr["success"](response.message);
	                    $('.client_form')[0].reset();
	                    $(".submit_button").text("Submit");    
	                    $(".submit_button").removeAttr('disabled');                
                    }
                    else if(response.result == 2)
                    {
	                    toastr["error"](response.message);                       
		                $(".submit_button").text("Submit"); 
		                $(".submit_button").removeAttr('disabled');                      
                    }
                    else 
                    {
	                    toastr["error"](response.message);                       
		                $(".submit_button").text("Submit"); 
		                $(".submit_button").removeAttr('disabled');                      
                    }
                   
                }
                
         });
             
     });

$('.back_button').click(function(e){
		e.preventDefault();

toastr["error"]('Data is not Saved');

window.location.href = "<?php echo base_url('client-requirement-list');?>";
	});

$("#project_name").keyup(function(e){

e.preventDefault();

var project_name =($('#project_name').val());
	        var type = "POST";
	        var url = '<?php echo site_url('search_project');?>';
	        var data = {'project_name':project_name};

$("#project_name").autocomplete({

source: function (request, callback) {
	          
	            $.ajax({          
	                type: type,  
	                url: url,
	                data: data,
	               
	                success:function(response) {
	            	response=jQuery.parseJSON(response);
	                console.log(response);

multiple:true;

if(response.result == 1)
	                    {
	                        callback($.map(response.project_list, function(value){   
	                        	//alert(value.account_name);

return [ 
	                            {
	                              label: value.account_name,
	                              value: value.account_id

}

];
	                           
	                    }));

}
	                 minLength: 1  
	                }

});
	        },
	        focus: function( event, ui ) {
	            event.preventDefault();
	            $( "#project_name").val(ui.item.label);
	            $(".searched_project").val( ui.item.label);
	            $(".search_content").val( ui.item.value);
	            return false;  
	        },
	        select: function( event, ui ) {

event.preventDefault();

$("#project_name").val( ui.item.label);
	            $(".search_content").val( ui.item.value);

var account_id = $(".search_content").val();
					$.ajax({
			            type   : 'post',
			            url    : '<?php echo site_url("get_project_account_details")?>',  
			            data   : {account_id:account_id} ,                                      
			          	success:function(response){
			          	response=jQuery.parseJSON(response);
			          	console.log(response);

if(response.result == 1)
			                {
			                	$('input[name="contact_number"]').val(response.project_details.phone);
			                	$('input[name="website"]').val(response.project_details.website);
			                	$('.email').val(response.project_details.email_id);

}
			                else
			                {
			                	$('input[name="contact_number"]').val('');
			                	$('input[name="website"]').val('');
			                }
			            }
			        });

return {
	                value: ui.item.value
	            };

} 
	    });

});

</script>

<?php $this->load->view('includes/admin_footer');?>