@extends('frontend.layouts.app')

@section('content')
	
	<div class="header header-top">
			<a href="{{ url('/profile/edit') }}" class="header-menu"><i class="fa fa-arrow-left"></i></a>
			<h2 class="page-title">Profile</h2>
			<!-- <a href="{{ url('/profile/password') }}" class="header-menu-right">Edit</a>  -->
		</div><!-- header -->
		<form method="post" action="{{ route('frontend.user.profile.updatePassword')}}" id="edit-profile" enctype="multipart/form-data">
			{!! csrf_field() !!}
		<div class="main-content">
			<div class="container-fluid">
				 	 @include('includes.partials.messages')
					<div class="sign-up-form password-screen">
						<div class="form-group">
							<label class="mb-2">Old Password</label>
							<span class="passowrd-block">
								<input type="password" name="old_password" class="form-control mb-2" id="old_password" placeholder="Old Password"  required>
								<span toggle="#old_password" class="fa fa-fw fa-eye field-icon toggle-password"></span>
							</span>							
						</div><!-- form-group -->
						<div class="form-group">
							<label class="mb-2">New Password</label>
							<span class="passowrd-block">
								<input type="password" name="password" class="form-control mb-2" id="password" placeholder="New Password"  required>
								<span toggle="#password" class="fa fa-fw fa-eye field-icon toggle-password"></span>
							</span>
						</div><!-- form-group -->
						<div class="form-group">
							<label class="mb-2">Confirm Password</label>
							<span class="passowrd-block">
								<input type="password" name="password_confirmation" class="form-control mb-2" id="password_confirmation" placeholder="Confirm Password"  required>
								<span toggle="#password_confirmation" class="fa fa-fw fa-eye field-icon toggle-password"></span>
							</span>
							
						</div><!-- form-group -->
						
						
						<!-- <div class="form-group">
							<label class="mb-2">Service Provider Details</label>
							<textarea name="" class="form-control" placeholder="" disabled>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto ea pariatur ullam, odit, voluptates incidunt inventore facere voluptate alias ab sunt ipsam saepe officiis, repellendus porro? Perspiciatis laboriosam, impedit nam!</textarea>
						</div> --><!-- form-group -->
				 </div>
				
			</div>
		</div>
		<div class="footer">
			<!-- <a href="javascript:void(0)" class="block-btn">Logout</a> -->
			<input type="submit" class="block-btn" value="Update Password">		
		</div><!-- footer -->
		</form>

   	<script>
   		$(document).ready(function(){
   			$(".toggle-password").click(function() {
			  $(this).toggleClass("fa-eye fa-eye-slash");
			  var input = $($(this).attr("toggle"));
			  if (input.attr("type") == "password") {
			    input.attr("type", "text");
			  } else {
			    input.attr("type", "password");
			  }
			});
   		})
   		
	</script>


@endsection