<style type="text/css">
   .resume-header-theme7-container {	  
	  background-image: url('{{$resume->present()->getTheme7Banner()}}');	 
   }
</style>

<div class="box">
    <div class="box-title">{{trans('resume.edit-interactive-profile')}}

    </div>
    <div class="box-content">
        <form enctype="multipart/form-data" id="page-edit-form" data-id="{{$resume->id}}" class="form-horizontal autocomplete-address-form edit-resume-form single-column-form" role="form" action="" method="post">
            {{ csrf_field() }}
			<input type="hidden" name="val[experience_level]" value="{{$resume->experience_level}}" id="experience_level" />
            
            <input type="hidden" name="val[is_student]" value="{{$resume->is_student}}" id="is_student" />
            
            @if(!empty($message))
                <div class="alert alert-danger">{{$message}}</div>
            @endif
            
            <div class="resume-header-theme7-container">
                <div class="resume-name">
                    @if($resume->fullname)
                        {{$resume->fullname}}
                    @else	
                        @if($resume->user)
                            {{$resume->user->fullname}}
                        @endif
                    @endif 
                    
                   
                </div>            
                
                <div class="resume-title">
                    @if($resume->title)
                        {{$resume->title}}
                    @endif
                </div>                 
                
                <div class="location-box">
                	@if($resume->city || $resume->state || $resume->zip)
                        <i class="fa fa-map-marker" aria-hidden="true"></i>
                        
                        {{$resume->city}}@if($resume->city), @endif
                        
                        {{$resume->state}}
                        
                        {{$resume->zip}}
                    @endif 
                    
                    <span class="resume-connection-followers-cnt">{{$resume->user->countFollowers()}} + followers</span>   
                    
                    <p style="margin-top:2px;">
                    	<a style="color:#000000; font-size:22px;" title="Visiting Card" href="{{$resume->present()->url('vcard')}}"><i class="fa fa-id-card-o" aria-hidden="true"></i></a>
                    </p>    
                </div>
                
                <div style="" class="change-photo-button fileupload fileupload-exists">
                    <a class="btn-file" href="javascript:void(0)">                    
                       
                       <span class="fileupload-exists">
                          <i class="fa fa-picture-o" aria-hidden="true"></i>
                       </span>    
                       
                       <input id="resume-theme7-banner-image" class="resume-theme7-banner-image" type="file" name="resume-theme7-banner-image" data-id="{{$resume->id}}">  
                                          
                  	</a>   
                </div>
            </div>
            
            <div class="banner-available-note">*Banner available in the Default Template only</div>
            
            <div class="form-group">
                <label class="control-label col-sm-12">{{trans('resume.full-name')}}</label>
                <div class="col-sm-12">
                   <input type="text" autocomplete="off" class="form-control resume-full-name" name="val[fullname]" placeholder="{{trans('resume.provide-your-full-name')}}" value="@if($resume->fullname){{$resume->fullname}}@else {{\Auth::user()->fullname}} @endif"/>
                </div>
            </div>
            
            <?php /*?><div class="form-group">
                <label class="control-label col-sm-12">{{trans('resume.city')}}</label>
                <div class="col-sm-12 searchBoxContainer">
                    <input type="text" value="{{$resume->city}}" class="form-control autoaddress-city address-only-cityname" id="addressSearchBox" name="val[city]" placeholder="{{trans('resume.type-city')}}"/>
                </div>
            </div>
            
            <div class="form-group">
                <label class="control-label col-sm-12">{{trans('resume.state-province')}}</label>
                <div class="col-sm-12">
                    <input type="text" value="{{$resume->state}}" class="form-control autoaddress-state" name="val[state]" placeholder="{{trans('resume.type-state')}}"/>
                </div>
            </div>    
           
            <div class="form-group">
                <label class="control-label col-sm-12">{{trans('resume.postal-code')}}</label>
                <div class="col-sm-12">
                    <input type="text" value="{{$resume->zip}}" class="form-control autoaddress-zipcode" name="val[zip]" placeholder="{{trans('resume.type-postal-code')}}"/>
                </div>
            </div><?php */?>
        
            <?php /*?><div class="form-group">
                <label class="control-label col-sm-12">{{trans('resume.phone')}}</label>
                <div class="col-sm-12">
                     <input type="text" value="{{$resume->business_contact}}" class="form-control telephone-number-input" name="val[contact]" placeholder="{{trans('resume.share-phone')}}"/>
                </div>
            </div>
            
            <div class="form-group">
                <label class="control-label col-sm-12">{{trans('resume.email-address')}}</label>
                <div class="col-sm-12">
                   <input type="email" value="{{$resume->business_email}}" class="form-control" name="val[email]" placeholder="{{trans('resume.share-email-address')}}" />
                </div>
            </div><?php */?>
            
            @if($resume->experience_level!=1)
                <!--<div class="form-group">
                    <label class="control-label col-sm-12">Profile Picture</label>
                    <div class="col-sm-12">
                        <div class="alert alert-danger" style="display: none"
                             id="page-image-error">{{trans('photo.error', ['size' => formatBytes()])}}</div>
                      
                           <div class="profile-header" style="margin:0px">
                                <input type="hidden" id="cropped-cover-image">
                                    <div class="profile-info">
                                        <div class="avatar" style="margin:0px">
                                            @if(Auth::check() and ($resume->isOwner() or $resume->present()->isAdmin() or $resume->present()->isEditor()))
                                                <span style="" class="change-photo-button fileupload fileupload-exists"
                                                      data-provides="fileupload">
                                                     <a style="color: #ffffff;border-radius:10px" class=" btn-file" href="javascript:void(0)">
                                                         <span class="fileupload-new"><i class="icon ion-android-camera"></i></span>
                                                         <span class="fileupload-exists"><i class="icon ion-android-camera"></i></span>
                                                         <input title="" id="image-input" class="" type="file" name="image"
                                                                onchange="setSaveData('resume-profile', this, '<?php echo $resume->id;?>');">
                                                     </a>
                                                </span>
                                            @endif
                                            <a class="preview-image" rel="profile-images" href="{{$resume->present()->getAvatar(600)}}"><img
                                                        src="{{$resume->present()->getAvatar(200)}}" class="upload-preview-image"/></a>
                                        </div>
                                        <p class="profile-picture-help-block"><strong>Best view is 300x300 px</strong></p>
                                     </div>
                            </div>
                        </div>
                </div>-->   
			@endif
            
			<!--<div class="form-group">
                <label class="col-sm-12 control-label">Profile Overview</label>
                <div class="col-sm-9">
                    <textarea class="form-control ip-description" name="val[description]" placeholder="Express about yourself, try to sell your skills and abilities so that people knows you better.">{{$resume->description}}</textarea>
               	</div>
            </div>-->	

			<div class="form-group">
                <label class="col-sm-12 control-label">{{trans('resume.public-profile-title')}}</label>
                <div class="col-sm-12">

                    <input autocomplete="off" class="form-control resume-title-name" type="text" name="val[title]" value="{{$resume->title}}" placeholder="{{trans('resume.provide-your-desired-title')}}"/>
                </div>
            </div>
            
			<div class="form-group">
                <label class="control-label col-sm-12">{{trans('resume.website-intro')}}</label>
                <div class="col-sm-12">
                    <textarea class="form-control post-editor-box" name="val[professional_skills]" placeholder="{{trans('resume.website-intro-placeholder')}}">{{$resume->professional_skills}}</textarea>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-sm-12 control-label">{{trans('resume.languages')}}
</label>
                <div class="col-sm-12">
                    <textarea name="val[languages]" class="form-control" placeholder="write the languages you can speak with , separated i.e. Engish, French, Spanish">{{$resume->languages}}</textarea>
                </div>
            </div>
            
			<div class="form-group">
                <label class="control-label col-sm-12">{{trans('resume.technical-skills')}}</label>
                <div class="col-sm-12">
                    <textarea class="form-control" name="val[technical_skills]" placeholder="Add technical skills - separate each word or phrase with a comma,">{{$resume->technical_skills}}</textarea>
                </div>
            </div>
			
            <div class="form-group">
                <label class="control-label col-sm-12">Interested Topics</label>
                <div class="col-sm-12">
                	 <?php
						 $keywords_limit=5;
					 ?>	
                     
                     <div class="create-profile-input-selection">
						<?php
							$get_added_interests=$resume->present()->getAddedKeywords($resume->user_id,$resume->id,'interested');
							
                            $interested=\Config::get('create-profile-interested-topics');
                            $interestedArray1=explode(",",$interested);
							
							$interestedArray=array();
							foreach($get_added_interests as $intrs){
								$intrs_1=trim($intrs);			
								if(!in_array($intrs_1,$interestedArray)){
									array_push($interestedArray,$intrs_1);
								}
							}
							
							foreach($interestedArray1 as $intrs){
								$intrs_1=trim($intrs);			
								if(!in_array($intrs_1,$interestedArray)){
									array_push($interestedArray,$intrs_1);
								}
							}
                        ?>
                        
                        <div class='learning-keyword-box'>
                               <?php
                                    $cnt_interested=0;
                                    $count_interested=count($interestedArray);
                                    
                                    foreach($interestedArray as $interest){														
                                        $originalName=trim($interest);													
                                        $originalName_strip=str_replace(' ', '', $originalName);
                                        $originalName_strip=preg_replace('/[^A-Za-z0-9\-]/', '', $originalName_strip);
                                        $cnt_interested++;
										
										$interested_class="my-not-added-keyword";
										$interested_action_class="add-profile-keyword";
										$interested_icon="";
										$hasAdded=in_array($originalName,$get_added_interests);
										if($hasAdded){
											$interested_class="my-added-keyword";
											$interested_action_class="delete-profile-keyword";
											$interested_icon="<i class='fa fa-check' aria-hidden='true'></i> "; 
										}
                               ?>
                                            
                                        <span class="{{$interested_class}} {{$interested_action_class}} profile-keyword-interested{{$originalName_strip}} @if($cnt_interested>$keywords_limit) profile-keyword-hidden profile-keyword-hidden-interested @endif" data-type="interested" data-name="{{$originalName_strip}}" data-value="{{$originalName}}">{!! $interested_icon !!}{!! $originalName !!}</span>
                
                                        @if($cnt_interested==$keywords_limit)
                                            <span class="view-all-keywords view-all-keywords-interested" data-type="interested">View all</span>
                                        @endif	
                                <?php
                                    }
                                ?>
                                
                                @if($count_interested>$keywords_limit)
                                    <span class="view-less-keywords view-less-keywords-interested" data-type="interested">View less</span>
                                @endif
                                
                                <div class="all-keywords-list-interested"></div>
                                 
                                <div style="clear:both"></div>
                                
                                {!! Theme::section('resume.profile.add-other-keyword',['type'=>'interested']) !!}
                             </div>
                         </div>
                   </div>
            </div>
            
           <?php /*?> <div class="form-group">
                <label class="control-label col-sm-12">{{trans('resume.select-theme')}}</label>
                <div class="col-sm-12">
                    <select name="val[theme]" class="form-control">
                    	<option @if($resume->theme==1) selected="selected" @endif value="1">Theme 1</option>
                        <option @if($resume->theme==2) selected="selected" @endif value="2">Theme 2</option>
                    </select>
                </div>
            </div>
            <?php */?>
            
            <div class="divider"></div>
        
            <div class="form-group">
                <div class="col-sm-12">
                    <button type="submit" class="btn red-color-button btn-sm pull-right">{{trans('resume.save-and-next')}}</button>
                </div>     
            </div>  
        
        </form>
        
        <input type="hidden" id="created_resume_uid" value="{{$resume->user_id}}"/> 
        <input type="hidden" id="created_resume_id" value="{{$resume->id}}"/>
        
        <br />
        <br />
    </div>
</div>


{!! Theme::section('resume.profile.page-number', ['page' => 1,'resume'=>$resume]) !!}
