@extends('layouts.app')

@section('content')
<div class="main-card mb-3 card">
	<div class="card-body">
	<h5 class="card-title"></h5>
		<div class="row">
		<form method="POST" action="{{ url('account') }}">
		@csrf

		<div class="form-row">
			<div class="col-md-6">
				<div class="position-relative form-group">
					<label for="old_password">Old Password</label>
				</div>
			</div>
			<div class="col-md-6">
				<input type="password" name="old_password" class="form-control" required>
			</div>
		</div>

		<div class="form-row">
			<div class="col-md-6">
				<div class="position-relative form-group">
					<label for="password">New Password</label>
				</div>
			</div>
			<div class="col-md-6">
				<input type="password" name="password" class="form-control"  required>
			</div>
		</div>

		<div class="form-row">
			<div class="col-md-6">
				<div class="position-relative form-group">
					<label for="password_confirmation">Confirm New Password</label>
				</div>
			</div>
			<div class="col-md-6">
				<input type="password" name="password_confirmation" class="form-control"  required>
			</div>
		</div>
		<div class="form-row">	
			<div class="col-md-6">
				<div class="position-relative form-group">
				&nbsp;
				</div>
			</div>
			<div class="col-md-6">
				<button type="submit" class="btn btn-primary">Change Password</button>
			</div>
		</div>
		@if(session('success'))
			<p>{{ session('success') }}</p>
		@endif

		@if($errors->any())
			<ul>
				@foreach ($errors->all() as $error)
					<li>{{ $error }}</li>
				@endforeach
			</ul>
		@endif
	</form>

			
		</div>
	</div>
		

@endsection
@section('custom-script')
<script>


</script>
@endsection