Files
usher-manage-stack/resources/views/admin/settings/notifications.blade.php
2025-11-20 23:21:05 +08:00

114 lines
6.8 KiB
PHP

<x-app-layout>
<x-slot name="header">
<h2 class="text-xl font-semibold leading-tight text-gray-800">
系統設定 - 通知設定
</h2>
</x-slot>
<div class="py-12">
<div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
<div class="grid grid-cols-1 gap-6 lg:grid-cols-4">
<!-- Sidebar -->
<div class="lg:col-span-1">
@include('admin.settings._sidebar')
</div>
<!-- Main Content -->
<div class="lg:col-span-3">
@if (session('status'))
<div class="mb-6 rounded-md bg-green-50 p-4">
<p class="text-sm font-medium text-green-800">{{ session('status') }}</p>
</div>
@endif
<div class="bg-white shadow sm:rounded-lg">
<div class="px-6 py-5 border-b border-gray-200">
<h3 class="text-lg font-medium text-gray-900">通知設定</h3>
<p class="mt-1 text-sm text-gray-600">配置系統通知和電子郵件提醒</p>
</div>
<form action="{{ route('admin.settings.notifications.update') }}" method="POST" class="px-6 py-6 space-y-6">
@csrf
<!-- Enable Notifications -->
<div class="flex items-start">
<div class="flex items-center h-5">
<input type="checkbox" name="enabled" id="enabled"
{{ $settings['enabled'] ? 'checked' : '' }}
class="w-4 h-4 text-indigo-600 border-gray-300 rounded focus:ring-indigo-500">
</div>
<div class="ml-3 text-sm">
<label for="enabled" class="font-medium text-gray-700">啟用系統通知</label>
<p class="text-gray-500">啟用所有系統通知功能</p>
</div>
</div>
<!-- Expiration Alerts -->
<div class="flex items-start">
<div class="flex items-center h-5">
<input type="checkbox" name="expiration_alerts_enabled" id="expiration_alerts_enabled"
{{ $settings['expiration_alerts_enabled'] ? 'checked' : '' }}
class="w-4 h-4 text-indigo-600 border-gray-300 rounded focus:ring-indigo-500">
</div>
<div class="ml-3 text-sm">
<label for="expiration_alerts_enabled" class="font-medium text-gray-700">文件到期提醒</label>
<p class="text-gray-500">當文件即將到期時發送電子郵件提醒</p>
</div>
</div>
<!-- Expiration Recipients -->
<div>
<label for="expiration_recipients" class="block text-sm font-medium text-gray-700">
到期通知收件人
</label>
<input type="text" name="expiration_recipients" id="expiration_recipients"
value="{{ old('expiration_recipients', implode(', ', $settings['expiration_recipients'])) }}"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
placeholder="admin@example.com, manager@example.com">
<p class="mt-1 text-sm text-gray-500">接收到期通知的電子郵件地址,以逗號分隔</p>
@error('expiration_recipients')
<p class="mt-1 text-sm text-red-600">{{ $message }}</p>
@enderror
</div>
<!-- Archive Notifications -->
<div class="flex items-start">
<div class="flex items-center h-5">
<input type="checkbox" name="archive_notifications_enabled" id="archive_notifications_enabled"
{{ $settings['archive_notifications_enabled'] ? 'checked' : '' }}
class="w-4 h-4 text-indigo-600 border-gray-300 rounded focus:ring-indigo-500">
</div>
<div class="ml-3 text-sm">
<label for="archive_notifications_enabled" class="font-medium text-gray-700">文件封存通知</label>
<p class="text-gray-500">當文件被封存時發送通知</p>
</div>
</div>
<!-- New Document Alerts -->
<div class="flex items-start">
<div class="flex items-center h-5">
<input type="checkbox" name="new_document_alerts_enabled" id="new_document_alerts_enabled"
{{ $settings['new_document_alerts_enabled'] ? 'checked' : '' }}
class="w-4 h-4 text-indigo-600 border-gray-300 rounded focus:ring-indigo-500">
</div>
<div class="ml-3 text-sm">
<label for="new_document_alerts_enabled" class="font-medium text-gray-700">新文件通知</label>
<p class="text-gray-500">當有新文件上傳時發送通知給相關人員</p>
</div>
</div>
<!-- Submit Button -->
<div class="flex items-center justify-end pt-4 border-t">
<button type="submit"
class="inline-flex justify-center rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
儲存變更
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</x-app-layout>