Gbanyan
642b879dd4
Features: - Implement two fee types: entrance fee and annual fee (both NT$1,000) - Add 50% discount for disability certificate holders - Add disability certificate upload in member profile - Integrate disability verification into cashier approval workflow - Add membership fee settings in system admin Document permissions: - Fix hard-coded role logic in Document model - Use permission-based authorization instead of role checks Additional features: - Add announcements, general ledger, and trial balance modules - Add income management and accounting entries - Add comprehensive test suite with factories - Update UI translations to Traditional Chinese 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
76 lines
4.5 KiB
PHP
76 lines
4.5 KiB
PHP
<x-app-layout>
|
|
<x-slot name="header">
|
|
<h2 class="text-xl font-semibold leading-tight text-gray-800 dark:text-gray-200">
|
|
新增標籤
|
|
</h2>
|
|
</x-slot>
|
|
|
|
<div class="py-12">
|
|
<div class="mx-auto max-w-3xl sm:px-6 lg:px-8">
|
|
<div class="bg-white shadow sm:rounded-lg dark:bg-gray-800 px-4 py-5 sm:p-6">
|
|
<form method="POST" action="{{ route('admin.issue-labels.store') }}" class="space-y-6">
|
|
@csrf
|
|
|
|
<div>
|
|
<label for="name" class="block text-sm font-medium text-gray-700 dark:text-gray-300">
|
|
名稱 <span class="text-red-500">*</span>
|
|
</label>
|
|
<input type="text" name="name" id="name" value="{{ old('name') }}" required maxlength="255"
|
|
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-gray-100 @error('name') border-red-300 @enderror"
|
|
placeholder="例如：錯誤、功能、增強">
|
|
@error('name')<p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>@enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label for="color" class="block text-sm font-medium text-gray-700 dark:text-gray-300">
|
|
顏色 <span class="text-red-500">*</span>
|
|
</label>
|
|
<div class="mt-1 flex items-center gap-2">
|
|
<input type="color" name="color" id="color" value="{{ old('color', '#3b82f6') }}" required
|
|
class="h-10 w-20 rounded-md border-gray-300 dark:border-gray-600 p-1">
|
|
<input type="text" name="color_text" id="color_text" value="{{ old('color', '#3b82f6') }}" required maxlength="7"
|
|
class="block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-gray-100"
|
|
placeholder="#RRGGBB">
|
|
</div>
|
|
<p class="mt-1 text-sm text-gray-500 dark:text-gray-400">標籤的十六進位色碼</p>
|
|
@error('color')<p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>@enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label for="text_color" class="block text-sm font-medium text-gray-700 dark:text-gray-300">
|
|
文字顏色
|
|
</label>
|
|
<select name="text_color" id="text_color"
|
|
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-gray-100">
|
|
<option value="#ffffff" @selected(old('text_color') == '#ffffff')>White</option>
|
|
<option value="#000000" @selected(old('text_color') == '#000000')>Black</option>
|
|
</select>
|
|
<p class="mt-1 text-sm text-gray-500 dark:text-gray-400">對比的文字顏色</p>
|
|
@error('text_color')<p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>@enderror
|
|
</div>
|
|
|
|
<div class="flex items-center justify-end pt-6">
|
|
<button type="submit" class="inline-flex justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:bg-indigo-500 dark:hover:bg-indigo-400 dark:focus:ring-offset-gray-800">
|
|
新增標籤
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const colorInput = document.getElementById('color');
|
|
const colorTextInput = document.getElementById('color_text');
|
|
|
|
colorInput.addEventListener('input', (e) => {
|
|
colorTextInput.value = e.target.value;
|
|
});
|
|
|
|
colorTextInput.addEventListener('input', (e) => {
|
|
if (e.target.value.match(/^#[0-9A-Fa-f]{6}$/)) {
|
|
colorInput.value = e.target.value;
|
|
}
|
|
});
|
|
</script>
|
|
</x-app-layout> |