@extends('layouts.main')
@section('content')
<section>
	<div class="container">
		<div class="row">
			<div class="col-12 gmf-breadcrub-sec">
				<nav aria-label="breadcrumb">
					<ol class="breadcrumb">
						<li class="breadcrumb-item">
							<a href="/" class="">Home</a>
						</li> 
						<li aria-current="page" class="breadcrumb-item active">
                            My profile
                        </li>
                    </ol>
                </nav>
			</div>
		</div>
	</div>
</section>
<section>
	<div class="container">
		<div class="row">
			<div class="col-12 gmf-profile-edit-sec">
				<a href="/" class="close_a"><div class="close_img"><span aria-hidden="true">×</span></div></a>
				<div class="badge-div inactive">
					<div class="profile_image image-div">
						@if(!isset($data->additionalInfo['upload_photo']))
						<h3>{{slugCreate($data->f_name.' '.$data->l_name)}}</h3>
						@else
						<img src="{{ isset($data->additionalInfo['upload_photo']) ? asset('/storage/assets/users-assets/'.$data->additionalInfo['upload_photo']) : asset('user_profile/images/user-img.png') }}" alt="proifle image" class="dp">
						@endif
						<span class="edit-profile-pic" style="display:none" data-toggle="modal" data-target="#editprofilepic"><img src="{{asset('/images/profile/camera.png')}}" alt="camera"><span>Edit</span></span>
						
					</div>
					{{-- @if($data->is_email_verified=='1')
						<span class="status-badge gmf-tooltip active">
							<img src="{{ asset('/images/profile/p-active-badge.png')}}" alt="profile active">
							<span class="gmf-tooltiptext">Profile verified</span>
						</span>
					@else
						<span class="status-badge gmf-tooltip inactive">
							<img src="{{ asset('/images/profile/p-inactive-badge.png')}}" alt="Profile inactive"> 
							<span class="gmf-tooltiptext">Verify your profile</span>
						</span>
					@endif --}}
				</div>
				<h3 class="profile_name">{{$data->f_name.' '.$data->l_name}}</h3>
			</div>
		</div>
		<div class="row profile-op">
			<div class="col-sm-4">
				<div class="profile-per">
					<p>Your Profile is {{$percentage}}% complete</p>
				</div>
				<div class="progress">
	  				<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width:{{$percentage}}%"><span>Profile Completion</span></div>
				</div>
			</div>
			<div class="col-sm-8">
				<button type="button" class="gmf-btn-primary edit-btn white">Edit Profile</button>
			</div>
		</div>
	</div>
</section>
<section class="form-block gray-bg">
	<div class="container">
		<div class="row ">
			<div class="col-12 gmf-profile-edit-form-sec">
				<form class="profile-edit-form">
                    <input type="hidden" name="id" value="{{$data->id}}">
				  	<div class="form-row">
					    <div class="form-group col-md-6">
					      	<label for="fname">First Name *</label>
					      	<input type="text" class="form-control" name="fname" id="fname" placeholder="" value="{{$data->f_name}}">
                             <span class="text-danger fname_e"></span>
				    	</div>
				    	<div class="form-group col-md-6">
					      	<label for="lname">Last Name *</label>
					      	<input type="text" class="form-control" name="lname" id="lname" placeholder="" value="{{$data->l_name}}">
                              <span class="text-danger lname_e"></span>
					    </div>
				  	</div>
					<div class="form-row">
					    <div class="form-group col-md-6">
					      	<label for="companyname">Company Name *</label>
					      	<input type="text" class="form-control" name="companyname" id="companyname" placeholder="" value="{{$data->perosonalInfo['company_name']}}">
                              <span class="text-danger companyname_e"></span>
				    	</div>
				    	<div class="form-group col-md-6">
					      	<label for="number_of_employes">Number of employes *</label>
                              
							  	<select name="number_of_employes" class="form-control number_of_employes">
							            <option value="">Number of employes *</option> 
							            <option value="1-10" @if($data->additionalInfo['number_of_employes'] =='1-10') selected="selected" @endif >1-10</option> 
							            <option value="10-50" @if($data->additionalInfo['number_of_employes'] =='10-50') selected="selected" @endif>10-50</option> 
							            <option value="100-200" @if($data->additionalInfo['number_of_employes'] =='100-200') selected="selected" @endif>100-200</option> 
							            <option value="200-500" @if($data->additionalInfo['number_of_employes'] =='200-500') selected="selected" @endif>200-500</option> 
							            <option value="500-1000" @if($data->additionalInfo['number_of_employes'] =='500-1000') selected="selected" @endif>500-1000</option> 
							            <option value="1000 and more" @if($data->additionalInfo['number_of_employes'] =='1000 and more') selected="selected" @endif>1000 and more</option> 
										
							        </select>
                              <span class="text-danger number_of_employes_e"></span>
					    </div>
				  	</div>
				  	
				  	<div class="form-row">
					    <div class="form-group col-md-6">
					      	<label for="email">Email ID *</label>
					      	<div class="veri-status">
					      		<input type="text" class="form-control" name="email" id="email" readonly="readonly" placeholder="" value="{{$data->email}}">
								  	@if($data->is_email_verified=='1')
										<a href="javascript://" class="verified active" id="profileverified">
											<img src="{{ asset('/images/profile/verified.png')}}" alt="Unverified">
											<span>Verified</span>
										</a>
									@else
										<a href="javascript://" class="verified" id="verifyprofile">
											<img src="{{ asset('/images/profile/unverified.png')}}" alt="Unverified">
											<span>Unverified</span>
										</a>
									@endif
					      	</div>
					      	
                              <span class="text-danger email_e"></span>
				    	</div>
				    	<div class="form-group col-md-6">
					      	<label for="mobileno">Mobile No. *</label>
					      	<input type="text" class="form-control" name="mobile_no" id="mobileno" placeholder="" value="{{$data->phone}}">
                              <span class="text-danger mobile_no_e"></span>
					    </div>
				  	</div>
				  	<div class="form-row">
					    <div class="form-group col-md-6">
					      	<label for="fb-profile">Your Facebook profile</label>
					      	<input type="text" class="form-control" name="fb_profile" id="fb-profile" value="{{$data->additionalInfo['fb_url']}}">
                              <span class="text-danger fb_profile_e"></span>
				    	</div>
				    	<div class="form-group col-md-6">
					      	<label for="twitter-profile">Your Twitter profile</label>
					      	<input type="text" class="form-control" name="twitter_profile" id="twitter-profile" value="{{$data->additionalInfo['linkedin_url']}}">
                              <span class="text-danger twitter_profile_e"></span>
					    </div>
				  	</div>
				  	<div class="form-row">
					    <div class="form-group col-md-6">
					      	<label for="linkedin-profile">Your LinkedIn profile </label>
					      	<input type="text" class="form-control" name="linkedin_profile" id="linkedin-profile" value="{{$data->additionalInfo['twitter_url']}}">
                              <span class="text-danger linkedin_profile_e"></span>
				    	</div>
				    	<div class="form-group col-md-6">
					      	<label for="anniversary-date">Anniversary Date</label>
							<input type="text" class="form-control" name="anniversary_date" id="anniversary-picker"  value="{{$data->additionalInfo['anniversary_date']}}">
					    </div>
				  	</div>
				  	<button type="submit" class="btn btn-primary gmf-btn-primary profile-edit-submit">Save</button>
				</form>
			</div>
		</div>
	</div>
</section>
<form action="{{ url('user-pro-pic-upload') }}" method="post" id="profile_update">
    @csrf    <input type="hidden" id="profile_image" name="profile_image">
</form>
@include('user.edit_profile_pic')
@stop
@push('style')
    <link rel="stylesheet" href="{{ asset('/css/profile.css')}}"/>
	<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
@endpush
@push('script')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
<script src="{{ asset('/js/user/profile.js')}}" type="text/javascript"></script>
@endpush