+
-
-
- Cho phép nhân viên gửi thẻ
-
+
+
+
+
+
+
+
+
+
@endif
diff --git a/resources/views/components/user-page.blade.php b/resources/views/components/user-page.blade.php
index 1ea6d9b..bbc8bc0 100644
--- a/resources/views/components/user-page.blade.php
+++ b/resources/views/components/user-page.blade.php
@@ -16,81 +16,215 @@
-
-
-
- @if($mode === 'create')
-
-
+@if($mode === 'edit' && $user)
+
+
+
+
+
+
+ {{ strtoupper(substr($user->name ?? $user->msnv, 0, 1)) }}
- @else
-
- @endif
+
+
{{ $user->name }}
+
{{ $user->mail }}
+
+ @if($user->role == config('constants.ROLE_ADMIN'))
+ Admin
+ @else
+ Member
+ @endif
+
+ @if($user->status == config('constants.STATUS_ACTIVE'))
+ Đang làm việc
+ @else
+ Đã nghỉ việc
+ @endif
+
+
+
+
+
+
+ 🎫
+
+
+ Số thẻ hiện có
+ {{ $user->card }}
+
+
-
- @if(in_array($mode, ['edit', 'delete', 'self']) && $user && $administrations)
-
-
-
- @if($mode === 'edit' && isset($addCards))
-
-
-
-
-
-
-
-
-
- Ngày cấp
- Người cấp (Admin)
- Số lượng thẻ
- Hành động
-
-
-
- @forelse($addCards as $addCard)
- @php
- $isCurrentMonth = Carbon\Carbon::parse($addCard->date)->format('Y-m') === Carbon\Carbon::now()->format('Y-m');
- @endphp
-
- {{ Carbon\Carbon::parse($addCard->date)->format('d/m/Y') }}
-
- @if($addCard->sellerUser)
- {{ $addCard->sellerUser->name }} (MSNV: {{ $addCard->seller }})
- @else
- MSNV: {{ $addCard->seller }}
- @endif
-
-
-
- @if($isCurrentMonth)
- Sửa
- @else
- Tháng trước
- @endif
-
-
- @empty
+
+
+
+
+
+ @if($administrations)
+
+
+
+
+
+ @if(isset($addCards))
+
+
+
+
+
+
+
+
-
- Chưa có lịch sử cấp phát thẻ nào.
-
+ Ngày cấp
+ Người cấp (Admin)
+ Số lượng thẻ
+ Hành động
- @endforelse
-
-
+
+
+ @forelse($addCards as $addCard)
+ @php
+ $isCurrentMonth = Carbon\Carbon::parse($addCard->date)->format('Y-m') === Carbon\Carbon::now()->format('Y-m');
+ @endphp
+
+ {{ Carbon\Carbon::parse($addCard->date)->format('d/m/Y') }}
+
+ @if($addCard->sellerUser)
+ {{ $addCard->sellerUser->name }}
+
+ MSNV: {{ $addCard->sellerUser->msnv }} • {{ $addCard->sellerUser->mail }}
+
+ @else
+ MSNV: {{ $addCard->seller }}
+ @endif
+
+
+
+ @if($isCurrentMonth)
+ Sửa
+ @else
+ Tháng trước
+ @endif
+
+
+ @empty
+
+
+ Chưa có dữ liệu
+
+
+ @endforelse
+
+
+
+
+
+ ➕ Thêm thẻ
+
+
+ @endif
+
+
+
+
- @endif
+
@endif
+@else
+
+
+
+
+ @if($mode === 'create')
+
+
+ @else
+
+ @endif
+
-
+
+ @if(in_array($mode, ['edit', 'delete', 'self']) && $user && $administrations)
+
+
+
+ @if($mode === 'edit' && isset($addCards))
+
+
+
+
+
+
+
+
+
+ Ngày cấp
+ Người cấp (Admin)
+ Số lượng thẻ
+ Hành động
+
+
+
+ @forelse($addCards as $addCard)
+ @php
+ $isCurrentMonth = Carbon\Carbon::parse($addCard->date)->format('Y-m') === Carbon\Carbon::now()->format('Y-m');
+ @endphp
+
+ {{ Carbon\Carbon::parse($addCard->date)->format('d/m/Y') }}
+
+ @if($addCard->sellerUser)
+ {{ $addCard->sellerUser->name }}
+
+ MSNV: {{ $addCard->sellerUser->msnv }} • {{ $addCard->sellerUser->mail }}
+
+ @else
+ MSNV: {{ $addCard->seller }}
+ @endif
+
+
+
+ @if($isCurrentMonth)
+ Sửa
+ @else
+ Tháng trước
+ @endif
+
+
+ @empty
+
+
+ Chưa có lịch sử cấp phát thẻ nào.
+
+
+ @endforelse
+
+
+
+
+
+ ➕ Thêm thẻ
+
+
+
+ @endif
+
+ @endif
+
+
+@endif
@if($mode === 'edit' && isset($addCards) && isset($admins))
@@ -99,13 +233,13 @@
@method('PUT')
- Số lượng card
- Số lượng card
+
- Người cấp (Admin)
-
+ Người cấp (Admin)
+
@foreach($admins as $admin)
{{ $admin->name }} (MSNV: {{ $admin->msnv }})
@endforeach
@@ -113,13 +247,30 @@
- Ngày cấp
- Ngày cấp
+
- Hủy bỏ
- Lưu thay đổi
+ Hủy bỏ
+ Lưu thay đổi
+
+
+
+
+
+
@@ -138,5 +289,102 @@
openModal('editAddCardModal');
}
+
+ function openAddCardModal() {
+ document.getElementById('add_modal_num_card').value = '';
+ openModal('addCardModal');
+ }
+
+ async function submitModalForm(e, formId, modalId) {
+ e.preventDefault();
+ const form = document.getElementById(formId);
+ const submitBtn = form.querySelector('button[type="submit"]');
+ if (submitBtn) submitBtn.disabled = true;
+
+ try {
+ const formData = new FormData(form);
+ const response = await fetch(form.action, {
+ method: 'POST',
+ headers: {
+ 'X-Requested-With': 'XMLHttpRequest',
+ 'Accept': 'application/json',
+ 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
+ },
+ body: formData
+ });
+
+ const result = await response.json();
+ if (response.ok && result.success) {
+ closeModal(modalId);
+
+ if (window.showToast) {
+ window.showToast(result.message || 'Thành công!');
+ }
+
+ if (result.card_balance !== undefined) {
+ const balanceEl = document.getElementById('user-card-balance');
+ if (balanceEl) {
+ balanceEl.textContent = result.card_balance;
+ }
+ }
+
+ await reloadListsSection();
+ } else {
+ alert(result.message || 'Đã xảy ra lỗi. Vui lòng thử lại.');
+ }
+ } catch (err) {
+ console.error(err);
+ alert('Đã xảy ra lỗi kết nối.');
+ } finally {
+ if (submitBtn) submitBtn.disabled = false;
+ }
+ }
+
+ async function reloadListsSection() {
+ try {
+ const response = await fetch(window.location.href, {
+ headers: {
+ 'X-Requested-With': 'XMLHttpRequest'
+ }
+ });
+ if (response.ok) {
+ const html = await response.text();
+ const parser = new DOMParser();
+ const doc = parser.parseFromString(html, 'text/html');
+
+ const newLists = doc.getElementById('history-lists-container');
+ const currentLists = document.getElementById('history-lists-container');
+ if (newLists && currentLists) {
+ currentLists.innerHTML = newLists.innerHTML;
+ }
+
+ const newBalance = doc.getElementById('user-card-balance');
+ const currentBalance = document.getElementById('user-card-balance');
+ if (newBalance && currentBalance) {
+ currentBalance.textContent = newBalance.textContent;
+ }
+ }
+ } catch (err) {
+ console.error('Failed to reload list section:', err);
+ }
+ }
+
+ function bindFormEvents() {
+ const addForm = document.getElementById('addCardForm');
+ if (addForm) {
+ addForm.addEventListener('submit', (e) => submitModalForm(e, 'addCardForm', 'addCardModal'));
+ }
+
+ const editForm = document.getElementById('editAddCardForm');
+ if (editForm) {
+ editForm.addEventListener('submit', (e) => submitModalForm(e, 'editAddCardForm', 'editAddCardModal'));
+ }
+ }
+
+ if (document.readyState !== 'loading') {
+ bindFormEvents();
+ } else {
+ document.addEventListener('DOMContentLoaded', bindFormEvents);
+ }
@endif
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index e740e02..593295b 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -142,7 +142,44 @@
overlay.addEventListener('click', closeSidebar);
}
});
+
+ window.showToast = function(message) {
+ const toast = document.getElementById('global-toast');
+ if (!toast) return;
+
+ const msgEl = toast.querySelector('.text-sm');
+ if (msgEl) msgEl.textContent = message;
+
+ toast.classList.remove('hidden');
+ toast.classList.add('flex');
+
+ requestAnimationFrame(() => {
+ toast.classList.remove('opacity-0', 'translate-y-[-10px]');
+ toast.classList.add('opacity-100', 'translate-y-0');
+ });
+
+ if (toast.dataset.timeoutId) {
+ clearTimeout(toast.dataset.timeoutId);
+ }
+ toast.dataset.timeoutId = setTimeout(() => {
+ window.closeToast('global-toast');
+ }, 3000);
+ };
+
+ window.closeToast = function(id) {
+ const toast = document.getElementById(id);
+ if (!toast) return;
+
+ toast.classList.remove('opacity-100', 'translate-y-0');
+ toast.classList.add('opacity-0', 'translate-y-[-10px]');
+
+ setTimeout(() => {
+ toast.classList.add('hidden');
+ toast.classList.remove('flex');
+ }, 300);
+ };
+
@stack('scripts')