update ui

resources/views/user/send.blade.php

@@ -1,6 +1,13 @@
 @extends('layouts.app')
 @section('title', 'Gửi Thank Card')
 
+@push('styles')
+<style>
+    .ts-control { border-radius: 0.75rem; border-color: #d9dfe7; padding: 0.65rem 1rem; }
+    .ts-wrapper.form-input { padding: 0; border: none; }
+</style>
+@endpush
+
 @section('content')
 <div class="max-w-[640px] mx-auto w-full pb-10">
     <div class="bg-white rounded-[24px] shadow-[0_10px_30px_rgba(15,23,42,0.05)] border border-white overflow-hidden">
@@ -91,6 +98,20 @@
 @push('scripts')
 <script>
     document.addEventListener('DOMContentLoaded', function () {
+        new TomSelect("#receiver", {
+            create: false,
+            sortField: {
+                field: "text",
+                direction: "asc"
+            },
+            placeholder: "🔍 Nhập tên, mã NV hoặc email...",
+            render: {
+                no_results: function(data, escape) {
+                    return '<div class="no-results p-3 text-gray-500">Không tìm thấy nhân viên nào</div>';
+                }
+            }
+        });
+
         const btnSubmit = document.getElementById('btnSubmitSend');
         const form = document.getElementById('sendCardForm');