staff update
This commit is contained in:
@@ -322,8 +322,33 @@
|
||||
|
||||
/* NEW: Action Button Styles */
|
||||
.action-container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.btn-view-details {
|
||||
background: linear-gradient(135deg, #10b981, #059669);
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
padding: 8px 10px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn-view-details:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
|
||||
background: linear-gradient(135deg, #059669, #047857);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-edit-status {
|
||||
@@ -1259,33 +1284,46 @@
|
||||
<td>{{ \Carbon\Carbon::parse($ship->shipment_date)->format('d M Y') }}</td>
|
||||
<td>
|
||||
<div class="action-container">
|
||||
<button type="button" class="btn-edit-status" onclick="toggleStatusDropdown(this, {{ $ship->id }})" title="Edit Status">
|
||||
<!-- 👁️ View Icon -->
|
||||
<!-- <a href="{{ route('admin.shipment.view', $ship->id) }}"
|
||||
class="btn-view-details"
|
||||
title="View Shipment">
|
||||
<i class="bi bi-eye"></i>
|
||||
</a> -->
|
||||
|
||||
<!-- ✏️ Edit Status Icon -->
|
||||
<button type="button" class="btn-edit-status"
|
||||
onclick="toggleStatusDropdown(this, {{ $ship->id }})"
|
||||
title="Edit Status">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</button>
|
||||
|
||||
<!-- Dropdown -->
|
||||
<div class="status-dropdown" id="statusDropdown-{{ $ship->id }}">
|
||||
<form action="{{ route('admin.shipments.updateStatus') }}" method="POST" class="status-form">
|
||||
@csrf
|
||||
<input type="hidden" name="shipment_id" value="{{ $ship->id }}">
|
||||
|
||||
<button type="submit" name="status" value="pending" class="status-option pending">
|
||||
<span class="status-indicator pending"></span>
|
||||
Pending
|
||||
<span class="status-indicator pending"></span> Pending
|
||||
</button>
|
||||
|
||||
<button type="submit" name="status" value="in_transit" class="status-option in_transit">
|
||||
<span class="status-indicator in_transit"></span>
|
||||
In Transit
|
||||
<span class="status-indicator in_transit"></span> In Transit
|
||||
</button>
|
||||
|
||||
<button type="submit" name="status" value="dispatched" class="status-option dispatched">
|
||||
<span class="status-indicator dispatched"></span>
|
||||
Dispatched
|
||||
<span class="status-indicator dispatched"></span> Dispatched
|
||||
</button>
|
||||
|
||||
<button type="submit" name="status" value="delivered" class="status-option delivered">
|
||||
<span class="status-indicator delivered"></span>
|
||||
Delivered
|
||||
<span class="status-indicator delivered"></span> Delivered
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
@@ -1550,6 +1588,9 @@ function renderTable() {
|
||||
<td>${new Date(shipment.shipment_date).toLocaleDateString('en-GB', { day: '2-digit', month: 'short', year: 'numeric' })}</td>
|
||||
<td>
|
||||
<div class="action-container">
|
||||
<a href="/admin/dashboard/${shipment.id}" class="btn-view-details" title="View Shipment">
|
||||
<i class="bi bi-eye"></i>
|
||||
</a>
|
||||
<button type="button" class="btn-edit-status" onclick="toggleStatusDropdown(this, ${shipment.id})" title="Edit Status">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user