<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>KVA-Mumbai - Update Profile</title>
    <?php include("scripts-styles.php"); ?>
        <link rel="stylesheet" href="css/smart-wizard.css" />
        <link rel="stylesheet" href="css/smart-wizard-theme-dots.css" />
        <link rel="stylesheet" href="css/jquery.filer.css" />
        <link rel="stylesheet" href="css/datepicker.min.css" />
        <script src="js/file-upload.js"></script>
</head>

<body>
    <div class="wrapper">
        <?php include("header.php"); ?>

            <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>
									</form>
								</div>

                                <div class="row">
                                   
									
                                    <div class="col-sm-12">
                                        <form action="#" id="profileform" role="form" data-toggle="validator" method="post" accept-charset="utf-8">

                                            <!-- SmartWizard html -->
                                            <div id="smartwizard">
                                                <?php include("register-steps-nav.php"); ?>
                                                    <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="prohead" id="prohead" required="required" value="Vectorz interactive"/>
                                                        				<label class="control-label" for="prohead">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="+91 8975485785"/>
                                                        				<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="jane@gmail.com"/>
                                                        				<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">Lorem ipsum dolor sit amet, id vero regione sed. Et est mucius meliore. Vis vitae accusamus ad, an has nihil singulis assueverit.Lorem ipsum dolor sit amet, id vero regione sed. Et est mucius meliore. Vis vitae accusamus ad, an has nihil singulis assueverit.</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" id="companytype" /><i class="helper"></i>Proprietary
                                                        						</label>
                                                        					</div>
                                                        					<div class="radio">
                                                        						<label>
                                                        							<input type="radio" name="companytype" id="companytype" /><i class="helper"></i>LLP
                                                        						</label>
                                                        					</div>
                                                        					<div class="radio">
                                                        						<label>
                                                        							<input type="radio" name="companytype" id="companytype" checked="checked" /><i class="helper"></i>Pvt. Ltd.
                                                        						</label>
                                                        					</div>
                                                        					<div class="radio">
                                                        						<label>
                                                        							<input type="radio" name="companytype" id="companytype" /><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="150000000"/>
                                                        				<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">Brownbuck Pvt. Ltd. Adress: 86 Kalp Taru, Nutan Laxmi Society North South Road No, Vile Parle West (west), Mumbai, 400056. Phone no.:02223682722 email: info@dummy.com</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">Brownbuck Pvt. Ltd. Adress: 86 Kalp Taru, Nutan Laxmi Society North South Road No, Vile Parle West (west), Mumbai, 400056. Phone no.:02223682722 email: info@dummy.com</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">Brownbuck Pvt. Ltd. Adress: 86 Kalp Taru, Nutan Laxmi Society North South Road No, Vile Parle West (west), Mumbai, 400056. Phone no.:02223682722 email: info@dummy.com</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="service-add-block">
                                                               			<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="qualific" name="servicedesc" required="servicedesc"></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>                                                      
                                                                
                                                                <div class="row">
																	<div class="col-sm-12 form-group text-right">
																		<button type="button" class="btn normal-btn">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="skill-add-block">                                                               
                                                               	<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 class="row">
																	<div class="col-sm-12 form-group text-right">
																		<button type="button" class="btn normal-btn">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="experience-add-block">
                                                               <!--<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 class="row">
																	<div class="col-sm-12 form-group text-right">
																		<button type="button" class="btn normal-btn">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">
                                <?php include("sidebar.php"); ?>
                            </div>
                            </div>
                            
                            <?php include("ad-block-bottom.php"); ?>
                                    
                        </div>
                    </div>
                </div>
            </div>




            <?php include("footer.php"); ?>
    </div>


    <script src="js/jquery.smartWizard.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {

            // Step show event 
            $("#smartwizard").on("showStep", function (e, anchorObject, stepNumber, stepDirection, stepPosition) {
                //alert("You are on step "+stepNumber+" now");
                if (stepPosition === 'first') {
                    $("#prev-btn").addClass('disabled');
                    $(".sw-btn-finish").addClass('disabled');
                } else if (stepPosition === 'final') {
                    $("#next-btn").addClass('disabled');
                    $(".sw-btn-finish").removeClass('disabled');
                } else {
                    $("#prev-btn").removeClass('disabled');
                    $("#next-btn").removeClass('disabled');
                    $(".sw-btn-finish").addClass('disabled');
                }
            });

            // Toolbar extra buttons

            var btnFinish = $('<button></button>').text('Finish')
                .addClass('btn sw-btn-finish')
                .on('click', function () {
                    alert('Finish Clicked');
                });
            var btnCancel = $('<button></button>').text('Cancel')
                .addClass('btn btn-danger')
                .on('click', function () {
                    $('#smartwizard').smartWizard("reset");
                });


            // Smart Wizard
            $('#smartwizard').smartWizard({
                selected: 0,
                keyNavigation: false,
                theme: 'dots',
                transitionEffect: 'fade',
                toolbarSettings: {
                    toolbarPosition: 'bottom',
                    toolbarExtraButtons: [btnFinish]
                }
            });



            // External Button Events
            $("#reset-btn").on("click", function () {
                // Reset wizard
                $('#smartwizard').smartWizard("reset");
                return true;
            });

            $("#prev-btn").on("click", function () {
                // Navigate previous
                $('#smartwizard').smartWizard("prev");
                return true;
            });

            $("#next-btn").on("click", function () {
                // Navigate next
                $('#smartwizard').smartWizard("next");
                return true;
            });

            $("#theme_selector").on("change", function () {
                // Change theme
                $('#smartwizard').smartWizard("theme", $(this).val());
                return true;
            });

        });
    </script>

    <script src="js/jquery.filer.min.js"></script>
    <script src="js/datepicker.min.js"></script>
    <script src="js/datepicker.en.js"></script>

    <script src="js/general.js"></script>

</body>

</html>