@extends('layouts.app')
@section('titlePage', 'Change Password Staff')
@section('content')
<script>
    document.getElementById("kts-2").classList.add("is-expanded");
    document.getElementById("ktss-2").classList.add("active","is-expanded");
    document.getElementById("view-1").classList.add("active");
</script>
<div class="page-wrapper">
	<!-- [ breadcrumb ] start -->
	<div class="page-header">
		<div class="page-block">
			<div class="breadcrumb-header justify-content-between">
				<div class="left-content">
					<div class="card-header">
					<div class="card-title">Change Password</div>
					</div>
                    </div>
					<div class="justify-content-center mt-2">
					<ul class="breadcrumb breadcrumb-style3">
						<li class="breadcrumb-item tx-15"><a href="{{ _route('client.manage-staff.index') }}"><i class="feather icon-home"></i></a></li>
						<li class="breadcrumb-item active" aria-current="page">Change Password Staff</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- [ breadcrumb ] end -->
	<!-- [ Main Content ] start -->
	<div class="row">
		<div class="col-sm-12">
			<div class="card">
				<div class="card-header">
					<h5>Change Password Staff #{{$staff->fullname}}</h5>
				</div>
				<div class="card-body">
                    @include('common.alert')
                        <form method="POST" action="{{ _route('client.manage-staff.update-password', $staff->id) }}">
						@csrf
						@method('PUT')
						<div class="col-md-6">
                            <div class="form-group">
                                <label for="">Password</label>
                                <input type="password" class="form-control" name="password" placeholder="Password" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Confirm Password</label>
                                <input type="password" class="form-control" name="password_confirmation" placeholder="Confirm Password" required>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- [ Main Content ] end -->
</div>
@endsection