80 lines
4.2 KiB
PHP
80 lines
4.2 KiB
PHP
<div class="box-form rounded-xl shadow-lg p-6 mt-8 bg-white">
|
|
<div class="flex justify-between items-center mb-6">
|
|
<div class="w-full sm:w-1/2 md:w-1/3">
|
|
<div class="relative">
|
|
<span class="absolute inset-y-0 left-0 flex items-center pl-3 text-gray-500">
|
|
<i class="fas fa-search"></i>
|
|
</span>
|
|
<input wire:model="search" type="text"
|
|
class="w-full pl-10 pr-3 py-3 border border-gray-300 rounded-lg shadow-sm focus:ring-2 focus:ring-[var(--color-primary-300)] focus:outline-none placeholder-gray-200"
|
|
placeholder="Tìm kiếm">
|
|
</div>
|
|
</div>
|
|
<div class="w-full sm:w-1/2 md:w-1/3 text-right">
|
|
<a href="{{ route('ticket.create') }}"
|
|
class="inline-flex items-center px-6 py-3 bg-primary text-white rounded-lg shadow-md hover:bg-[var(--color-primary-700)] focus:outline-none focus:ring-4 focus:ring-[var(--color-primary-300)] transition duration-200">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
|
class="lucide lucide-message-circle-warning-icon lucide-message-circle-warning mr-2">
|
|
<path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/>
|
|
<path d="M12 8v4"/>
|
|
<path d="M12 16h.01"/>
|
|
</svg>
|
|
Tạo mới yêu cầu
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group box-research mt-6">
|
|
<table class="min-w-full table-auto border-collapse text-sm text-gray-700">
|
|
<thead class="bg-primary text-white border-1 border-gray-200">
|
|
<tr>
|
|
<th class="px-6 py-3 text-left">Ticket Num</th>
|
|
<th class="px-6 py-3 text-left">Tiêu đề</th>
|
|
<th class="px-6 py-3 text-left">Phòng ban</th>
|
|
<th class="px-6 py-3 text-left">Trạng thái</th>
|
|
<th class="px-6 py-3 text-left">Cập nhật lần cuối</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@forelse($tickets->unique('ticket_num') as $item)
|
|
<tr class="border-b border-gray-200 hover:bg-indigo-50 transition duration-200">
|
|
<td class="px-6 py-4 text-center">
|
|
<a href="{{ route('ticket.show',['ticket_num' => $item->ticket_num]) }}"
|
|
class="text-indigo-600 hover:text-indigo-800 font-semibold">
|
|
{{ $item->ticket_num }}
|
|
</a>
|
|
</td>
|
|
<td class="px-6 py-4 text-center">{{ $item->subject }}</td>
|
|
<td class="px-6 py-4 text-center">{{ $item->room }}</td>
|
|
<td class="px-6 py-4 text-center">
|
|
{!! Helpers::get_ticket_status($item->status) !!}
|
|
</td>
|
|
<td class="px-6 py-4 text-center">{{ $item->updated_at->format('d/m/Y H:i') }}</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<td colspan="5" class="text-center py-4 text-gray-500">
|
|
<div class="flex items-center justify-center">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="lucide lucide-inbox-icon lucide-inbox w-4 h-4 mr-2">
|
|
<polyline points="22 12 16 12 14 15 10 15 8 12 2 12"/>
|
|
<path
|
|
d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/>
|
|
</svg>
|
|
{{__('emptyValue')}}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@endforelse
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="form-group mt-6">
|
|
{{ $tickets->links() }}
|
|
</div>
|
|
</div>
|
|
|