@include('formhead')
@include('header')

<div class="inner-page-wrapper">
                <div class="wrapper-container">
                    <div class="row">
                        <div class="col-md-12 ">

                            <h2><span>Update </span>Profile</h2>
                            <div class="clearfix">
                            <div id="main">
                                
                                <div class="profile-intro-form-wrapper">
										<form action="#" id="profileintroform" role="form" data-toggle="validator" method="post" accept-charset="utf-8">
										<div class="row">
											<div class="col-md-8 col-md-offset-2 form-group single-input">
												<!--Edit profile picture-->
												<input type="file" name="files[]" id="edit_profpic">
											</div>
										</div>
										<div class="row">
											<div class="col-md-8 col-md-offset-2 form-group">
												<input type="text" name="prohead" id="prohead" required="required"/>
												<label class="control-label" for="prohead">Professional Headline</label>
											</div>
										</div>
										<div class="row">
											<div class="col-md-8 col-md-offset-2 form-group">
												<textarea rows="7" id="prosummary" name="prosummary" required="required"></textarea>
												<label class="control-label" for="prosummary">Summary</label>
											</div>
										</div>										
											<div class="row">
												<div class="col-md-8 col-md-offset-2 form-group text-right">
													<button type="button" class="btn normal-btn">Save</button>
												</div>
											</div>
											<input type="hidden" class="profile_image_data" id="{{ $profileimage[1] }}" value="{{ $profileimage[0] }}">
											<input type="hidden" class="kvuser_id" id="kvuser_id" value="{{ $companydetails[0]->id }}">
									</form>
								</div>

                                <div class="row">
                                   
									
                                    <div class="col-sm-12">
                                        <form action="updateservice" id="profileform" role="form" data-toggle="validator" method="POST" accept-charset="utf-8">
											@csrf
                                            <!-- SmartWizard html -->
                                            <div id="smartwizard">
                                                @include('registerstepsnav')
                                                    <div>
                                                        <div id="step-1">
                                                        	<div id="form-step-0" role="form" data-toggle="validator">

                                                        		<div class="row">
                                                        			<div class="col-sm-12 form-group">
                                                        				<input type="text" name="companyname" id="companyname" required="required" value="{{ $companydetails[0]->company }}"/>
                                                        				<label class="control-label" for="companyname">Name of the Company</label>
                                                        			</div>
                                                        		</div>

                                                        		<div class="row">
                                                        			<div class="col-sm-6 form-group">
                                                        				<input type="text" name="contact" id="contact" required="required" value="{{ $companydetails[0]->contactno }}"/>
                                                        				<label class="control-label" for="contact">Contact No.</label>
                                                        			</div>
                                                        			<div class="col-sm-6 form-group">
                                                        				<input type="text" name="email" id="email" required="required" value="{{ $companydetails[0]->email }}"/>
                                                        				<label class="control-label" for="email">Email Id </label>
                                                        			</div>
                                                        		</div>

                                                        		<div class="row">
                                                        			<div class="col-sm-12 form-group">
                                                        				<textarea rows="3" id="businessactivities" name="businessactivities" required="required">{{ $companydetails[0]->businessdetails }}</textarea>
                                                        				<label class="control-label" for="businessactivities">Brief of the business activities</label>
                                                        			</div>
                                                        		</div>

                                                        		

                                                        		<div class="row">
                                                        			<div class="col-sm-12 form-group">
                                                        				<div class="form-radio">
                                                        					<label class="radio-group-label">Type of Company</label>
                                                        					<div class="radio">
                                                        						<label>
                                                        							<input type="radio" name="companytype" value="Proprietary" id="companytype" {{ ( $companydetails[0]->companytype == 'Proprietary') ? 'checked' : '' }}/><i class="helper"></i>Proprietary
                                                        						</label>
                                                        					</div>
                                                        					<div class="radio">
                                                        						<label>
                                                        							<input type="radio" name="companytype" value="LLP" id="companytype" {{ ( $companydetails[0]->companytype == 'LLP') ? 'checked' : '' }}/><i class="helper"></i>LLP
                                                        						</label>
                                                        					</div>
                                                        					<div class="radio">
                                                        						<label>
                                                        							<input type="radio" name="companytype" value="Pvt. Ltd." id="companytype" {{ ( $companydetails[0]->companytype == 'Pvt. Ltd.') ? 'checked' : '' }} /><i class="helper"></i>Pvt. Ltd.
                                                        						</label>
                                                        					</div>
                                                        					<div class="radio">
                                                        						<label>
                                                        							<input type="radio" name="companytype" id="companytype" value="Limited" {{ ( $companydetails[0]->companytype == 'Limited') ? 'checked' : '' }}  /><i class="helper"></i>Limited
                                                        						</label>
                                                        					</div>
                                                        				</div>
                                                        			</div>
                                                        		</div>

                                                        		<div class="row">
                                                        			<div class="col-sm-12 form-group">
                                                        				<input type="text" name="annual" id="annual" required="required" value="{{ $companydetails[0]->turnover }}"/>
                                                        				<label class="control-label" for="annual">Annual Turn Over</label>
                                                        			</div>
                                                        		</div>
                                                        		<div class="row">
                                                        			<div class="col-sm-12 form-group">
                                                        				<textarea rows="3" id="majorclient1" name="majorclient1" required="required">{{ $companydetails[0]->client1 }}</textarea>
                                                        				<label class="control-label" for="majorclient1">Major Clients with address, Contact No. & e mail address-1</label>
                                                        			</div>
                                                        		</div>
                                                        		<div class="row">
                                                        			<div class="col-sm-12 form-group">
                                                        				<textarea rows="3" id="majorclient2" name="majorclient2" required="required">{{ $companydetails[0]->client2 }}</textarea>
                                                        				<label class="control-label" for="majorclient2">Major Clients with address, Contact No. & e mail address-2</label>
                                                        			</div>
                                                        		</div>
                                                        		<div class="row">
                                                        			<div class="col-sm-12 form-group">
                                                        				<textarea rows="3" id="majorclient3" name="majorclient3" required="required">{{ $companydetails[0]->client3 }}</textarea>
                                                        				<label class="control-label" for="majorclient3">Major Clients with address, Contact No. & e mail address-3</label>
                                                        			</div>
                                                        		</div>


                                                        	</div>
                                                        </div>

                                                        <div id="step-2">
                                                            <div id="form-step-1" role="form" data-toggle="validator">
                                                               <div class="row">
                                                               	<div class="col-md-8 col-md-offset-2">
																   <div class="companyservice" id="companyservice">
                                                               		<div class="service-add-block" id="serblock">
                                                               			<div class="row">
                                                               				<div class="col-sm-12 form-group">
                                                               					<input type="text" name="servicename[]" id="servicename[]" required="required" />
                                                               					<label class="control-label" for="servicename">Service Name</label>
                                                               				</div>
                                                               			</div>

                                                               			<div class="row">
                                                               				<div class="col-sm-12 form-group">
                                                               					<textarea rows="3" id="servicedesc[]" name="servicedesc[]" required="required"></textarea>
                                                               					<label class="control-label" for="servicedesc">Service Description</label>
                                                               				</div>
                                                               			</div>

                                                               			<div class="row">
                                                               				<div class="col-sm-12 form-group">
                                                               					<input type="file" name="serviceimage[]" id="filer_input_serviceimg" multiple="multiple">
                                                               				</div>
                                                               			</div>
                                                               		</div>                                                      
																   </div>
																	<div class="row">
																		<div class="col-sm-12 form-group text-right">
																			<button type="button" class="btn normal-btn" id="serviceblockadd" >Add Service</button>
																		</div>
																	</div>
																		
                                                               	</div>
                                                               </div>
                                                               
                                                               
                                                               
                                                            </div>
                                                        </div>

                                                        <div id="step-3">
                                                            <div id="form-step-2" role="form" data-toggle="validator">
                                                               <div class="row">
                                                               	<div class="col-md-8 col-md-offset-2">
																   <div class="companyskill" id="companyskill">
																		<div class="skill-add-block" id="skillblock">                                                               
																			<div class="row">
																				<div class="col-sm-12 form-group">
																					<input type="text" name="profskill[]" id="profskill" required="required"/>
																					<label class="control-label" for="profskill">Skill</label>
																				</div>
																			</div>
																			<div class="row">
																				<div class="col-sm-12 form-group">
																					<div class="rating-block clearfix">
																						<fieldset class="rating">
																							<input type="radio" id="star10" name="rating[]" value="10" /><label class = "full" for="star10" title="10 stars"></label>
																							<input type="radio" id="star9" name="rating[]" value="9" /><label class="full" for="star9" title="9 stars"></label>
																							<input type="radio" id="star8" name="rating[]" value="8" /><label class = "full" for="star8" title="8 stars"></label>
																							<input type="radio" id="star7" name="rating[]" value="7" /><label class="full" for="star7" title="7 stars"></label>
																							<input type="radio" id="star6" name="rating[]" value="6" /><label class = "full" for="star6" title="6 stars"></label>
																							<input type="radio" id="star5" name="rating[]" value="5" /><label class="full" for="star5" title="5 stars"></label>
																							<input type="radio" id="star4" name="rating[]" value="4" /><label class = "full" for="star4" title="4 stars"></label>
																							<input type="radio" id="star3" name="rating[]" value="3" /><label class="full" for="star3" title="3 stars"></label>
																							<input type="radio" id="star2" name="rating[]" value="2" /><label class = "full" for="star2" title="2 star"></label>
																							<input type="radio" id="star1" name="rating[]" value="1" /><label class="full" for="star1" title="1 star"></label>
																						</fieldset>
																					</div>
																				</div>
																			</div>
																		</div>
                                                               		</div>
                                                               
                                                               <div class="row">
																	<div class="col-sm-12 form-group text-right">
																		<button type="button" class="btn normal-btn" id="skillblockadd" >Add Skill</button>
																	</div>
																</div>
                                                               		
                                                               	</div>
                                                               </div>
                                                               
                                                               
                                                               
                                                            </div>
                                                        </div>

                                                        <div id="step-4">
                                                            <div id="form-step-3" role="form" data-toggle="validator">
                                                                
                                                                <div class="row">
                                                                    <div class="col-sm-12 form-group">

                                                                        <input type="file" name="files[]" id="filer_input2" multiple="multiple">

                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div id="step-5" class="">
                                                            <div id="form-step-4" role="form" data-toggle="validator">

															 
															<div class="companyexp" id="companyexp">
															   <div class="experience-add-block" id="expblock">
                                                               <!--<h5>Experience 1</h5>-->
                                                                <div class="row">
                                                                    <div class="col-md-6 form-group">
                                                                        <input type="text" name="jobtitle[]" id="jobtitle" required="required" />
                                                                        <label class="control-label" for="jobtitle">Title</label>
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <input type="text" name="companyname[]" id="companyname" required="required" />
                                                                        <label class="control-label" for="companyname">Company Name</label>
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-md-6 form-group">
                                                                        <input type='text' name="startdate[]" class='datepicker-here' data-min-view="months" data-view="months" data-language='en' data-date-format="MM yyyy" required="required" />
                                                                        <label for="startdate" class="control-label">Start</label><i class="bar"></i>
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <input type='text' name="enddate[]" class='datepicker-here' data-min-view="months" data-view="months" data-language='en' data-date-format="MM yyyy" required="required" />
                                                                        <label for="enddate" class="control-label">End</label><i class="bar"></i>
                                                                    </div>
                                                                </div> 
                                                                <div class="row">
                                                                    <div class="col-sm-12 form-group">
                                                                        <textarea rows="3" id="workexp" name="workexp[]" required="required"></textarea>
                                                                        <label class="control-label" for="workexp">Describe your work experience</label>
                                                                    </div>
                                                                </div>
                                                              </div>
                                                              </div>
                                                                
                                                                <div class="row">
																	<div class="col-sm-12 form-group text-right">
																		<button type="button" class="btn normal-btn" id="expblockadd" >Add Experience</button>
																	</div>
																</div>

                                                                
                                                                
                                                            </div>
                                                        </div>

                                                        <div id="step-6" class="">
                                                            <div id="form-step-5" role="form" data-toggle="validator">

                                                                <div class="education-add-block">
                                                                	<div class="row">
                                                                		<div class="col-md-6 form-group select-dropdown">
                                                                			<label class="control-label" for="unicountry">Country</label>
                                                                			<select class="selectpicker" name="unicountry[]" id="unicountry">
                                                                				<option value="Australia">Australia</option>
                                                                				<option value="Bangladesh">Bangladesh</option>
                                                                				<option value="Canada">Canada</option>
                                                                				<option value="Denmark">Denmark</option>
                                                                				<option value="Egypt">Egypt</option>
                                                                				<option value="France">France</option>
                                                                				<option value="Germany">Germany</option>
                                                                				<option value="Hungary">Hungary</option>
                                                                				<option value="India">India</option>
                                                                				<option value="Japan">Japan</option>
                                                                				<option value="Kenya">Kenya</option>
                                                                			</select>
                                                                		</div>
                                                                		<div class="col-md-6 form-group">
                                                                			<input type="text" name="uniname[]" id="uniname" required="required"/>
                                                                			<label class="control-label" for="uniname">University/ College</label>
                                                                		</div>
                                                                	</div>
                                                                	<div class="row">
                                                                		<div class="col-md-4 form-group">
                                                                			<input type="text" name="degreename[]" id="degreename" required="required" />
                                                                			<label class="control-label" for="degreename">Degree</label>
                                                                		</div>
                                                                		<div class="col-md-4 form-group">
                                                                			<input type='text' name="startyear[]" class='datepicker-here' data-min-view="years" data-view="years" data-language='en' data-date-format="yyyy"  required="required"/>
                                                                			<label for="startyear" class="control-label">Start</label><i class="bar"></i>
                                                                		</div>
                                                                		<div class="col-md-4 form-group">
                                                                			<input type='text' name="endyear[]" class='datepicker-here' data-min-view="years" data-view="years" data-language='en' data-date-format="yyyy"  required="required"/>
                                                                			<label for="endyear" class="control-label">End</label><i class="bar"></i>
                                                                		</div>
                                                                	</div>
                                                                </div>
                                                                
                                                                
                                                                <div class="row">
																	<div class="col-sm-12 form-group text-right">
																		<button type="button" class="btn normal-btn">Add Education</button>
																	</div>
																</div>
                                                            </div>
                                                        </div>

                                                        <div id="step-7" class="">
                                                            <div id="form-step-6" role="form" data-toggle="validator">
                                                                
                                                                <div class="qualification-add-block">
                                                                	<div class="row">
                                                                		<div class="col-sm-6 form-group">
                                                                			<input type="text" name="procertificate[]" id="procertificate" required="required" />
                                                                			<label class="control-label" for="procertificate">Professional Certificate or Award</label>
                                                                		</div>
                                                                		<div class="col-sm-6 form-group">
                                                                			<input type="text" name="conforg[]" id="conforg" required="required" />
                                                                			<label class="control-label" for="conforg">Conferring Organization</label>
                                                                		</div>
                                                                	</div>

                                                                	<div class="row">
                                                                		<div class="col-sm-12 form-group">
                                                                			<textarea rows="3" id="qualific" name="qualific[]" required="required"></textarea>
                                                                			<label class="control-label" for="qualific">Describe your qualification</label>
                                                                		</div>
                                                                	</div>
                                                                </div>                                                                
                                                                
                                                                <div class="row">
																	<div class="col-sm-12 form-group text-right">
																		<button type="button" class="btn normal-btn">Add Qualification</button>
																	</div>
																</div>

                                                            </div>
                                                        </div>
                                                    </div>

                                            </div>

                                        </form>
                                    </div>
                                </div>



                                <!--alerts-->
                                <div id="error-msg" class="modal fade in" role="dialog" style="display: none;">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-icon del-icon">
                                                <div class="icon-img">
                                                    <img src="images/error.svg">
                                                </div>
                                            </div>
                                            <div class="modal-body">
                                                <h4>Error</h4>
                                                <div class="alert-msg-form">
                                                    <form>
                                                        <div class="form-group">
                                                            <p>Please enter a valid information</p>
                                                        </div>
                                                        <button type="button" class="btn del-btn" data-dismiss="modal">Done</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="success-msg" class="modal fade in" role="dialog" style="display: none;">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-icon success-icon">
                                                <div class="icon-img">
                                                    <img src="images/success.svg">
                                                </div>
                                            </div>
                                            <div class="modal-body">
                                                <h4>Congratulations</h4>
                                                <div class="alert-msg-form">
                                                    <form>
                                                        <div class="form-group">
                                                            <p>Please enter a valid information</p>
                                                        </div>
                                                        <button type="button" class="btn success-btn" data-dismiss="modal">Done</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="warning-msg" class="modal fade in" role="dialog" style="display: none;">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-icon warning-icon">
                                                <div class="icon-img">
                                                    <img src="images/warning.svg">
                                                </div>
                                            </div>
                                            <div class="modal-body">
                                                <h4>Warning</h4>
                                                <div class="alert-msg-form">
                                                    <form>
                                                        <div class="form-group">
                                                            <p>Please enter a valid information</p>
                                                        </div>
                                                        <button type="button" class="btn warning-btn" data-dismiss="modal">Done</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="right-block">
							@include('sidebar')
                            </div>
                            </div>
                            
                            @include('adblockbottom')
                                    
                        </div>
                    </div>
                </div>
            </div>
<script>
$( document ).ready(function() {
	$("#serviceblockadd").click(function(){
		var serblock = $('#serblock').last().attr('class');
		//$i++;
		var classdata = serblock.split('_');
		var $i = classdata[1]++;
		var block = '<div class="service-add-block" id="serblock"><div class="row"><div class="col-sm-12 form-group"><input type="text" name="servicename[]" id="servicename[]" required="required" /><label class="control-label" for="servicename">Service Name</label></div></div><div class="row"><div class="col-sm-12 form-group"><textarea rows="3" id="servicedesc[]" name="servicedesc[]" required="required"></textarea><label class="control-label" for="servicedesc">Service Description</label></div></div><div class="row"><div class="col-sm-12 form-group"><input type="file" name="files[]" id="filer_input_serviceimg" multiple="multiple"></div></div></div>';
		$(".companyservice").append(block);
	});
	$("#skillblockadd").click(function(){
		var serblock = $('#skillblock').last().attr('class');
		//$i++;
		var classdata = serblock.split('_');
		console.log(classdata[1]);
		var $i = classdata[1]++;
		console.log($i);
		var skillblock = '<div class="skill-add-block" id="skillblock"><div class="row"><div class="col-sm-12 form-group"><input type="text" name="profskill[]" id="profskill" required="required"/><label class="control-label" for="profskill">Skill</label></div></div><div class="row"><div class="col-sm-12 form-group"><div class="rating-block clearfix"><fieldset class="rating"><input type="radio" id="star10" name="rating[]" value="10" /><label class = "full" for="star10" title="10 stars"></label><input type="radio" id="star9" name="rating[]" value="9" /><label class="full" for="star9" title="9 stars"></label><input type="radio" id="star8" name="rating[]" value="8" /><label class = "full" for="star8" title="8 stars"></label><input type="radio" id="star7" name="rating[]" value="7" /><label class="full" for="star7" title="7 stars"></label><input type="radio" id="star6" name="rating[]" value="6" /><label class = "full" for="star6" title="6 stars"></label><input type="radio" id="star5" name="rating[]" value="5" /><label class="full" for="star5" title="5 stars"></label><input type="radio" id="star4" name="rating[]" value="4" /><label class = "full" for="star4" title="4 stars"></label><input type="radio" id="star3" name="rating[]" value="3" /><label class="full" for="star3" title="3 stars"></label><input type="radio" id="star2" name="rating[]" value="2" /><label class = "full" for="star2" title="2 star"></label><input type="radio" id="star1" name="rating[]" value="1" /><label class="full" for="star1" title="1 star"></label></fieldset></div></div></div></div>';
		$(".companyskill").append(skillblock);
	});
	$("#expblockadd").click(function(){
		var serblock = $('#expblock').last().attr('class');
		//$i++;
		var classdata = serblock.split('_');
		var $i = classdata[1]++;
		var skillblock = '<div class="experience-add-block" id="expblock"><div class="row"><div class="col-md-6 form-group"><input type="text" name="jobtitle[]" id="jobtitle" required="required" /><label class="control-label" for="jobtitle">Title</label></div><div class="col-md-6 form-group"><input type="text" name="companyname[]" id="companyname" required="required" /><label class="control-label" for="companyname">Company Name</label></div></div><div class="row"><div class="col-md-6 form-group"><input type="text" name="startdate[]" class="datepicker-here" data-min-view="months" data-view="months" data-language="en" data-date-format="MM yyyy" required="required" /><label for="startdate" class="control-label">Start</label><i class="bar"></i></div><div class="col-md-6 form-group"><input type="text" name="enddate[]" class="datepicker-here" data-min-view="months" data-view="months" data-language="en" data-date-format="MM yyyy" required="required" /><label for="enddate" class="control-label">End</label><i class="bar"></i></div></div> <div class="row"><div class="col-sm-12 form-group"><textarea rows="3" id="workexp" name="workexp[]" required="required"></textarea><label class="control-label" for="workexp">Describe your work experience</label></div></div></div>';
		$(".companyexp").append(skillblock);
	});
});

</script>

@include('formfooter')