@extends('template')
 @section('title', 'Edit User')

 @section('konten')
     <div class="main-panel">
         <div class="content">
             <div class="page-inner">
                 <div class="page-header">
                     <h4 class="page-title">Data User</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 User
                         </li>
                     </ul>
                 </div>
                 <div class="row">
                     <div class="col-md-12">
                         <div class="card">
                             <div class="card-header">
                                 <div class="card-title">Edit User</div>
                             </div>
                             <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="{{url('update_user')}}" enctype="multipart/form-data">
						@csrf
						<div class="modal-body">
							<div class="row">
								<div class="col-md-12">
								    
									<input name="id_user" id="id_user" type="hidden" class="form-control" placeholder="nama user" value="{{$datauser->id}}">
									<div class="form-group">
										<label>Nama user</label>
								
										<input id="name" name="name" type="text" class="form-control" placeholder="nama user" value="{{$datauser->name}}">
									</div>
									<div class="form-group">
										<label>Email</label>
										<input id="email" name="email" type="email" class="form-control" placeholder="Email" value="{{$datauser->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>
														<span>Kosongkan jika tidak ingin merubah password</span>
														</div>
													</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">
									            	<label for="">Status</label>
									                <select name="status_user" class="form-control" id="status_user">
                                                        <option value="">Pilih</option>
                                                        <option @if ($datauser->status_user=="user") selected @endif value="user">User</option>
                                                        <option @if ($datauser->status_user=="admin") selected @endif value="admin">Admin</option>
                                                     </select>
										       	</div> CAPTCHA:
                                                     <div class="captcha">
                                                        <span>{!! captcha_img() !!}</span>
                                                        <button type="button" class="btn btn-danger" class="reload" id="reload">
                                                            ↻
                                                        </button>
                                                    </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 no-bd">
							<button type="submit" id="btnsimpan" class="btn btn-primary btn-round" >Simpan</button>
							<a href="/data_user" 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>
      <script src="{{ asset('assetsadmin') }}/js/tinymce.min.js"></script>
     <script>
         tinymce.init({
             selector: 'textarea.description',
             height: 300
         });
     </script>
     <script>
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
	$('#reload').click(function () {
        $.ajax({
            type: 'GET',
            url: 'reload-captcha',
            success: function (data) {
                $(".captcha span").html(data.captcha);
            }
        });
    });
    
</script>

 @endsection