81 lines
4.1 KiB
PHP
81 lines
4.1 KiB
PHP
@extends('layouts.admin')
|
|
|
|
@section('content')
|
|
<div class="container mx-auto px-4 py-8">
|
|
<div class="max-w-2xl mx-auto">
|
|
<div class="flex items-center justify-between mb-6">
|
|
<h1 class="text-2xl font-bold text-gray-800">Tambah User Baru</h1>
|
|
<a href="{{ route('admin.users.index') }}" class="text-[#88D8CC] hover:text-[#7AC9BE]">
|
|
<i class="fas fa-arrow-left mr-2"></i>Kembali
|
|
</a>
|
|
</div>
|
|
|
|
<div class="bg-white rounded-xl shadow-sm border border-[#E6F7F4] p-6">
|
|
<form action="{{ route('admin.users.store') }}" method="POST">
|
|
@csrf
|
|
|
|
<div class="mb-4">
|
|
<label for="username" class="block text-sm font-medium text-gray-700 mb-1">Username</label>
|
|
<input type="text" name="username" id="username" value="{{ old('username') }}"
|
|
class="mt-1 focus:ring-[#88D8CC] focus:border-[#88D8CC] block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
|
|
required>
|
|
@error('username')
|
|
<p class="mt-1 text-sm text-red-600">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
<label for="nama" class="block text-sm font-medium text-gray-700 mb-1">Nama Lengkap</label>
|
|
<input type="text" name="nama" id="nama" value="{{ old('nama') }}"
|
|
class="mt-1 focus:ring-[#88D8CC] focus:border-[#88D8CC] block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
|
|
required>
|
|
@error('nama')
|
|
<p class="mt-1 text-sm text-red-600">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
<label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email</label>
|
|
<input type="email" name="email" id="email" value="{{ old('email') }}"
|
|
class="mt-1 focus:ring-[#88D8CC] focus:border-[#88D8CC] block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
|
|
required>
|
|
@error('email')
|
|
<p class="mt-1 text-sm text-red-600">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
<label for="password" class="block text-sm font-medium text-gray-700 mb-1">Password</label>
|
|
<input type="password" name="password" id="password"
|
|
class="mt-1 focus:ring-[#88D8CC] focus:border-[#88D8CC] block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
|
|
required>
|
|
@error('password')
|
|
<p class="mt-1 text-sm text-red-600">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
|
|
<div class="mb-6">
|
|
<label for="role" class="block text-sm font-medium text-gray-700 mb-1">Role</label>
|
|
<select name="role" id="role"
|
|
class="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-[#88D8CC] focus:border-[#88D8CC] sm:text-sm"
|
|
required>
|
|
<option value="">Pilih Role</option>
|
|
<option value="admin" {{ old('role') == 'admin' ? 'selected' : '' }}>Admin</option>
|
|
<option value="customer" {{ old('role') == 'customer' ? 'selected' : '' }}>Customer</option>
|
|
</select>
|
|
@error('role')
|
|
<p class="mt-1 text-sm text-red-600">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
|
|
<div class="flex justify-end">
|
|
<button type="submit"
|
|
class="bg-[#88D8CC] hover:bg-[#7AC9BE] text-white font-bold py-2 px-4 rounded-lg">
|
|
<i class="fas fa-save mr-2"></i>Simpan
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection |