@extends('app')
@section('content')
<div class="page-heading">
<h3>Pengguna</h3>
</div>
<div class="page-content ">
<div class="card">
<div class="card-header">
<div>
<button class="btn btn-success my-3" data-bs-toggle="modal" data-bs-target="#modal"><i
class="bi bi-plus-lg"></i> Tambahkan</button>
</div>
<div>
<div class="form-group position-relative has-icon-right col-md-3 col-sm-12">
<input type="text" id="search-bar" name="search" class="form-control"
placeholder="Temukan Pengguna">
<div class="form-control-icon">
<i class="bi bi-search"></i>
</div>
</div>
</div>
</div>
<div class="card-body">
<div class="table-responsive" id="mainTable">
<table class="table table-bordered mb-0">
<thead>
<tr>
<th>EMAIL</th>
<th>USERNAME</th>
<th>NAMA LENGKAP</th>
<th>NO WHATSAPP</th>
<th>ALAMAT</th>
<th>ACTION</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
{{-- Modal Add --}}
<div class="modal fade text-left" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel17">Form User</h4>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<i data-feather="x"></i>
</button>
</div>
<div class="modal-body">
<form action="" id="addForm">
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" id="email" name="email"
placeholder="Masukan Email" autocomplete="email" required>
</div>
<div class="form-group">
<label for="name">Username</label>
<input type="text" class="form-control" id="name" name="name"
placeholder="Masukan Username" autocomplete="username" required>
</div>
<div class="form-group">
<label for="name">Ganti Password</label>
<input type="password" class="form-control" id="password" name="password" placeholder="*******"
autocomplete="new-password">
</div>
<div class="form-group">
<label for="password_confirmation">Konfirmasi Password</label>
<input type="password" class="form-control" id="password_confirmation"
name="password_confirmation" placeholder="*******" autocomplete="new-password">
</div>
<div class="form-group">
<label for="nama_lengkap">Nama Lengkap</label>
<input type="text" class="form-control" id="nama_lengkap" name="nama_lengkap"
placeholder="Masukan Nama Lengkap" autocomplete="nama_lengkap" required>
</div>
<div class="form-group">
<label for="alamat">Alamat</label>
<input type="text" class="form-control" id="alamat" name="alamat"
placeholder="Masukan Alamat" autocomplete="street-address" required>
</div>
<div class="form-group">
<label for="no_telp">No WhatsApp</label>
<input type="number" class="form-control" id="no_telp" name="no_telp"
placeholder="Masukan Nomor Telp" autocomplete="tel" required>
</div>
<div class="form-group">
<label for="photo">Foto Profil</label>
<input type="file" class="form-control" id="photo" name="photo" accept="image/*">
<p><small class="text-muted">Masukkan foto profil (JPG, PNG, JPEG).</small></p>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light-secondary" data-bs-dismiss="modal">
<i class="bx bx-x d-block d-sm-none"></i>
<span class="d-none d-sm-block">Batal</span>
</button>
<button type="button" class="btn btn-primary ms-1" data-bs-dismiss="modal">
<i class="bx bx-check d-block d-sm-none"></i>
<span class="d-none d-sm-block" id="submit-btn">Simpan</span>
</button>
</div>
</div>
</div>
</div>
{{-- Modal Edit --}}
<div class="modal fade text-left" id="modalEdit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel17">Form Edit User</h4>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<i data-feather="x"></i>
</button>
</div>
<div class="modal-body">
<form action="" id="editForm">
<input type="hidden" class="form-control" id="edit_id" name="id" autocomplete="id">
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" id="edit_email" name="email"
placeholder="Masukan Email" autocomplete="email" required>
</div>
<div class="form-group">
<label for="name">Username</label>
<input type="text" class="form-control" id="edit_name" name="name"
placeholder="Masukan Username" autocomplete="username" required>
</div>
<div class="form-group">
<label for="name">Ganti Password</label>
<input type="password" class="form-control" id="edit_password" name="password"
placeholder="*******" autocomplete="new-password">
</div>
<div class="form-group">
<label for="password_confirmation">Konfirmasi Password</label>
<input type="password" class="form-control" id="edit_password_confirmation"
name="password_confirmation" placeholder="*******" autocomplete="new-password">
</div>
<div class="form-group">
<label for="nama_lengkap">Nama Lengkap</label>
<input type="text" class="form-control" id="edit_nama_lengkap" name="nama_lengkap"
placeholder="Masukan Nama Lengkap" autocomplete="nama_lengkap" required>
</div>
<div class="form-group">
<label for="alamat">Alamat</label>
<input type="text" class="form-control" id="edit_alamat" name="alamat"
placeholder="Masukan Alamat" autocomplete="street-address" required>
</div>
<div class="form-group">
<label for="no_telp">No WhatsApp</label>
<input type="number" class="form-control" id="edit_no_telp" name="no_telp"
placeholder="Masukan Nomor Telp" autocomplete="tel" required>
</div>
<div class="form-group">
<label for="photo">Foto Profil</label>
<input type="file" class="form-control" id="edit_photo" name="photo" accept="image/*">
<p><small class="text-muted">Masukkan foto profil (JPG, PNG, JPEG).</small></p>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light-secondary" data-bs-dismiss="modal">
<i class="bx bx-x d-block d-sm-none"></i>
<span class="d-none d-sm-block">Batal</span>
</button>
<button id='update-btn' type="button" class="btn btn-primary ms-1" data-bs-dismiss="modal">
<i class="bx bx-check d-block d-sm-none"></i>
<span class="d-none d-sm-block">Simpan</span>
</button>
</div>
</div>
</div>
</div>
{{-- script --}}
@include('Component.sweetalert')
@include('User.script')
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell