@extends('template')
 @section('title', 'Data Profile')
 @section('konten')
<div class="main-panel">
			<div class="content">
				<div class="page-inner">
					<div class="page-header">
						<h4 class="page-title">Data Profile</h4>
						<ul class="breadcrumbs">
							<li class="nav-home">
								<a href="/dashboard">
									<i class="flaticon-home"></i>
								</a>
							</li>
							<li class="separator">
								<i class="flaticon-right-arrow"></i>
							</li>
							<li class="nav-item">
								Data Profile
							</li>
						</ul>
					</div>
					<div class="row">
						<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
							<div class="card card-profile">
								<div class="card-header" style="background-image: url('{{asset('assetsadmin')}}/img/blogpost.jpg'); background-size:cover">
									<div class="profile-picture">
										<div class="avatar avatar-xl">
											<img src="{{asset('assets')}}/images/user.jpg" alt="..." class="avatar-img rounded-circle">
										</div>
									</div>
								</div>
								<div class="card-body">
									<div class="user-profile text-center">
										<div class="name">{{ Auth::user()->name }}</div>
										<div class="job">{{ Auth::user()->email }}</div>
										<div class="desc">Administrator</div>
										<div class="view-profile">
											<a class="btn btn-primary btn-block" style="color: #fff">PROFILE</a>
										</div>
									</div>
								</div>
							</div>
						</div>
                        <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
                            <div class="card">
                                <div class="card-body">
                                    @if (session('pesan'))
                                    <div class="alert alert-info alert-dismissible" role="alert" style="background-color: rgba(255,255,255,.125);">
                                        <button type="button" class="close" data-dismiss="alert" style="top: 0px!important;">×</button>
                                        <div class="alert-icon">
                                            <i class="icon-info"></i>
                                        </div>
                                        <div class="alert-message">
                                            <span><strong>Info !</strong> {{ session('pesan') }}</span>
                                        </div>
                                    </div>
                                    @endif
                                    
                                          @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div><br />
                    @endif
                                    <form method="POST" action="/ubah_profile">
                                        @csrf
                                        <div class="modal-body">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <input name="id" type="hidden" class="form-control" placeholder="" required value="{{$dataprofile->id}}">
                                                    <div class="form-group">
                                                        <label>Nama</label>
                                                        <input name="nama" id="nama" type="text" class="form-control" placeholder="" required value="{{$dataprofile->name}}" >
                                                    </div>
                                                    <div class="form-group">
                                                        <label>Email</label>
                                                         <input name="email" id="email" type="email" class="form-control" placeholder="" required value="{{$dataprofile->email}}" >
                                                    </div>
                                                    
										<div class="row">
											<div class="col-6">
												<div class="input-group d-flex">
												<span
													class="input-group-text border-0"
													id="password"
													>
													<i class="fas fa-lock fa-2x me-1"></i>
												</span>
												<input
															type="password"
															class="form-control rounded mt-1"
															placeholder="Type your password"
															aria-label="password"
															aria-describedby="password"
															id="password-input" 
															name="password" 
														/>
												<div class="valid-feedback">Good</div>
												<div class="invalid-feedback">Wrong</div>
												</div>
												<span><b>*</b> Isi jika ingin merubah password</span>
											</div>

											<div class="col-6 mt-4 mt-xxl-0 w-auto h-auto">

												<div
												class="alert px-4 py-3 mb-0 d-none"
												role="alert"
												data-mdb-color="warning"
												id="password-alert"
												>
												<ul class="list-unstyled mb-0">
													<li class="requirements leng">
													<i class="fas fa-check text-success me-2"></i>
													<i class="fas fa-times text-danger me-3"></i>
													Your password must have at least 12 chars</li>
													<li class="requirements big-letter">
													<i class="fas fa-check text-success me-2"></i>
													<i class="fas fa-times text-danger me-3"></i>
													Your password must have at least 1 big letter.</li>
													<li class="requirements num">
													<i class="fas fa-check text-success me-2"></i>
													<i class="fas fa-times text-danger me-3"></i>
													Your password must have at least 1 number.</li>
													<li class="requirements special-char">
													<i class="fas fa-check text-success me-2"></i>
													<i class="fas fa-times text-danger me-3"></i>
													Your password must have at least 1 special char.</li>
												</ul>
												</div>

												</div>
										</div>


					<div class="form-group mt-4 mb-4">
                            <div class="captcha">
                                <span>{!! captcha_img() !!}</span>
                                <button type="button" class="btn btn-danger" class="reload" id="reload">
                                    ↻
                                </button>
                            </div>
                        </div>

                        <div class="form-group mb-4">
                            <input id="captcha" type="text" class="form-control" placeholder="Enter Captcha" name="captcha" required>
                        </div>
                                                </div>
                                                <div class="modal-footer">
                                            <button type="submit" id="btnsimpan" class="btn btn-primary btn-round">Simpan</button>
											<a href="/dashboard" class="btn btn-danger btn-round"
                                             data-dismiss="modal">Kembali</a>
                                        </div>
                                            </div>
                                        </div>
                                        
                                    </form>
                                </div>
                            </div>
                        </div>
					</div>
				</div>
			</div>
			<footer class="footer">
				<div class="container-fluid">
					<nav class="pull-left">
						<ul class="nav">
							
						</ul>
					</nav>
					<div class="copyright ml-auto">
						&copycopyright 2026 -Perumda Air Minum Tirta Bahari
					</div>				
				</div>
			</footer>
		</div>
@endsection