@extends(AdminBaseDashboard::AdminBaseLayout())
@section('title', $profile->name.' '.trans('authentic::profile.Profile_Page_Title'))



@section('content')
<section id="ps-profile-page">
	<div class="container-fluid breadcrumb-wraper">
		<ul class="breadcrumb">
  <li><a href="{{ route('dashboard')}}" class="active bread-link">
	  <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('authentic::profile.home')}}</a></li>
<li>{{ __('authentic::profile.profile')}}</li>
</ul>
</div>


	<div class="container-fluid">
			<h3 style="font-size: var(--medium-font); text-transform: capitalize; font-weight: bold">{{ $profile->name}} {{ __('authentic::profile.profile information')}}</h3>
			<hr>
	<div class="user-wrapper">
		<div class="container">
		<div class="row justify-content-center g-3">
			<div class="col-sm-12 col-md-4 col-lg-4">
			<div class="img-profile-wrapper">
				<img src="{{ asset('/Images/user2.png')}}" alt="user-icon" class="img-fluid">
				</div>
			</div>
			<div class="col-sm-12 col-md-8 col-lg-8">
			<form class="profile-form">
				<div class="card">
				<div class="card-body">
					<div class="mb-3">
					<label for="name" class="form-label">{{ __('authentic::profile.name') }}</label>
					<input type="text" id="name" name="name" class="form-control" value="{{ $profile -> name }}">
					</div>
					<div class="mb-3">
					<label for="username" class="form-label">{{ __('authentic::profile.username') }}</label>
					<input type="text" id="username" name="username" class="form-control" value="{{ $profile -> username }}">
					</div>
					<div class="mb-3">
					<label for="email" class="form-label">{{ __('authentic::profile.email') }}</label>
						<input type="text" class="form-control" id="email" name="email" value="{{ $profile -> email }}" disabled>
					</div>
					</div>
				</div>
				<div class="card">
				<div class="card-body">
					<div class="mb-3">
					<label for="language" class="form-label">{{ __('authentic::profile.preffer language') }}</label>
						<input type="text" id="language" class="form-control" value="{{ $profile -> language }}" disabled>
					</div>
					<div class="mb-3">
					<label for="role" class="form-label">{{ __('authentic::profile.role') }}</label>
						<input type="text" class="form-control" id="role" name="role"
							 value="{{ Auth::guard('admin')->user()->role }}" disabled>
					</div>
					</div>
				</div>

				<div class="mb-3">
				<div class="form-check">
  <input class="form-check-input" type="checkbox" value="Yes" id="password_update">
  <label class="form-check-label" for="password_update">
    {{ __('authentic::profile.change password') }}
  </label>
</div>
					<div class="password-card">
					<div class="card">
					<div class="card-body">
						<div class="mb-3">
						<label for="current_password" class="form-label">  {{ __('authentic::profile.current password') }}</label>
						<input type="password" class="form-control" id="current_password">
						</div>
					<div class="mb-3">
						<label for="new_password" class="form-label">  {{ __('authentic::profile.new password') }}</label>
						<input type="password" class="form-control" id="new_password">
						</div>
					<div class="mb-3">
						<label for="confirm_password" class="form-label">  {{ __('authentic::profile.confirm password') }}</label>
						<input type="password" class="form-control" id="confirm_password">
						</div>
						</div>
					</div>
					</div>
					<div class="mb-3 text-center">
					<button class="btn btn-success" id="save-profile" type="button" data-url="{{ route('update-user-profile')}}">
						<span class="btn-text">{{ __('authentic::profile.save') }}</span>
						<span class="loading-spinner fa-spin"><i class="fa-solid fa-spinner"></i></span>
						<span class="loading-text">{{ __('authentic::profile.please wait') }}....</span>
						</button>
					</div>
				</div>
				</form>
		</div>
			</div>
		</div>
	</div>
		</div>
</section>
@endsection

@section('javascript')
<script src="{{ asset('/vendor/authenticate/js/adminupdateprofile.js')}}"></script>
@stop