feat: Move Trello card to Packing when inspection is passed

- Create InspectionPassed event
- Create MoveCardToPackingOnInspectionPassed listener
- Register event listener in EventServiceProvider
- Dispatch event when markInspectionPassed() is called

Now when an order passes inspection on the ops page, the Trello card
automatically moves from Inspection to Packing list.
This commit is contained in:
twotalesanimation
2026-01-02 21:23:12 +02:00
parent 341421d2a0
commit 5cd8c05a7c
7 changed files with 347 additions and 6 deletions
@@ -0,0 +1,82 @@
<!-- Inspection Actions -->
<div class="bg-white rounded-lg shadow-md p-6 mb-8">
<h2 class="text-2xl font-bold mb-4">🔍 Inspection</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<!-- Inspection Passed -->
<div class="border-2 border-green-200 rounded-lg p-4">
<h3 class="text-lg font-semibold text-green-700 mb-3"> Passed Inspection</h3>
<p class="text-gray-600 mb-4">Quality check completed - proceed to packing</p>
<form action="<?php echo e(route('ops.order.inspection-passed', $order)); ?>" method="POST">
<?php echo csrf_field(); ?>
<button
type="submit"
class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded transition duration-200"
>
Mark as Passed
</button>
</form>
</div>
<!-- Inspection Failed -->
<div class="border-2 border-red-200 rounded-lg p-4">
<h3 class="text-lg font-semibold text-red-700 mb-3"> Flag Issue</h3>
<p class="text-gray-600 mb-4">Quality issue detected - needs review</p>
<form id="inspectionFailedForm" action="<?php echo e(route('ops.order.inspection-failed', $order)); ?>" method="POST" class="space-y-3">
<?php echo csrf_field(); ?>
<textarea
name="issue_description"
required
maxlength="500"
rows="3"
placeholder="Describe the quality issue..."
class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500"
></textarea>
<button
type="submit"
class="w-full bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-4 rounded transition duration-200"
>
Flag & Move to Review
</button>
</form>
<script>
document.getElementById('inspectionFailedForm').addEventListener('submit', async function(e) {
e.preventDefault();
if (!confirm('Flag this order for review? It will be moved to review status.')) {
return;
}
const formData = new FormData(this);
try {
const response = await fetch(this.action, {
method: 'POST',
headers: {
'Accept': 'application/json',
},
body: formData,
});
const data = await response.json();
if (response.ok) {
alert('✓ Issue flagged - order moved to review');
window.location.reload();
} else {
alert('Error: ' + (data.message || data.error || 'Unknown error'));
}
} catch (error) {
alert('Error submitting form: ' + error.message);
}
});
</script>
</div>
</div>
</div>
<?php /**PATH /var/www/additional_design/resources/views/ops/actions/inspection.blade.php ENDPATH**/ ?>