@extends('layouts.master')
<style>
	.form-control.pd{
    width: 335px;
}
.btn-lg{
	margin-left: 198px;
}

</style>

@section('page-content')
<div class="title-bar">
	<h1 class="title-bar-title">
		<span class="d-ib">Change Password</span>
	</h1>
</div>
<div class="row">


	<form class="form form-horizontal" method="post" action="{{route('user_password_update')}}" enctype="multipart/form-data" onsubmit="return check_no();">
		{{ csrf_field() }}
		<input type="hidden" name="user_id" value="{{$member->id}}">
		<input type="hidden" name="id" value="{{$member->id}}">
		<div class="col-sm-9">
			<div class="form-group">
				<label class="col-sm-3 control-label" for="password">Set New Password</label>
				<div class="col-sm-9">
					<input id="password" name="password" class="form-control pd" type="password" value="">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label" for="cpassword">Confirm Password</label>
				<div class="col-sm-9">
					<input id="cpassword" name="cpassword" class="form-control pd" type="password" value="">
				</div>
			</div>
			<div class="col-sm-12">
				<button class="btn btn-lg btn-outline-primary">
					<i class="icon icon-paper-plane"></i> Update Password
				</button>
			</div>
		</div>
	</form>
</div>
<br>
<div class="title-bar">
	<h1 class="title-bar-title">
		<span class="d-ib">Set New Profile Photo</span>
	</h1>
</div>
<div class="row">
	<form class="form form-horizontal" method="post" action="{{route('save_profile_pic')}}" enctype="multipart/form-data" onsubmit="return check_no();">
		{{ csrf_field() }}
		<input type="hidden" name="user_id" value="{{$member->user_id}}">
		<input type="hidden" name="id" value="{{$member->id}}">
		<div class="col-sm-12">
			<div class="col-sm-9">
				<div class="form-group">
					<label class="col-sm-3 control-label" for="password">Set New Password</label>
					<div class="col-sm-9">
					<input type="file" id="photo" onchange="document.getElementById('image_preview').src =window.URL.createObjectURL(this.files[0])" name="profile_image" class="form-control pd">
					</div>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="form-group">
					@php
						if($member->profile_photo != null)
						{
							$img_name = $member->profile_photo;
						}
						else
						{
							$img_name = "img/profile.jpg";
						}
					@endphp
					<img class="img-responsive" id="image_preview" src="{{asset($img_name)}}" alt="" style="width: 90px;height: 90px;margin-left: 578px;margin-top: -47px;">
				</div>
			</div>
			<div class="col-sm-12">
				<button class="btn btn-lg btn-outline-primary" style="margin-top: -64px;">
					<i class="icon icon-paper-plane"></i> Update Profile
				</button>
			</div>
		</div>
	</form>
</div>
@endsection