MIF_E31212289/resources/views/users/edit.blade.php

65 lines
2.6 KiB
PHP

@extends('layouts.app')
@section('title', 'Edit User')
@section('main')
<div class="main-content">
<section class="section">
<div class="section-header">
<h1>Edit User</h1>
</div>
<div class="section-body">
<div class="card p-3 col-lg-6 col-md-6 col-sm-6">
<form action="{{ route('users.update', $users->id) }}" method="POST">
@csrf
@method('PUT')
<!-- Your form fields here -->
<div class="form-group">
<label for="nama">Name</label>
<input type="text" name="name" class="form-control" value="{{ $users->name }}">
</div>
<div class="form-group">
<label for="kode">Email</label>
<input type="email" name="email" class="form-control" value="{{ $users->email }}">
</div>
<div class="form-group">
<label for="password">Password</label>
<div class="input-group">
<input type="password" name="password" class="form-control" id="password" placeholder="Masukkan password jika ingin diganti">
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="button" id="togglePassword">
<i class="fa fa-eye"></i>
</button>
</div>
</div>
</div>
<button type="submit" class="btn btn-primary">Update User</button>
<a href="{{ route('users.index') }}" class="btn btn-danger">Cancel</a>
</form>
</div>
</div>
</section>
</div>
<script>
$(document).ready(function() {
$('#togglePassword').on('click', function() {
// Get the password field
var passwordField = $('#password');
// Get the current type of the password field (password or text)
var passwordFieldType = passwordField.attr('type');
// Toggle the type attribute
var newType = passwordFieldType === 'password' ? 'text' : 'password';
passwordField.attr('type', newType);
// Toggle the icon
var icon = $(this).find('i');
icon.toggleClass('fa-eye fa-eye-slash');
});
});
</script>
@endsection