mahdahar
a94df3b5f7
- Introduce v2 views directory with Alpine.js-based UI components - Add AuthV2 controller for v2 authentication flow - Update PagesController for v2 routing - Refactor ValueSet module with v2 dialogs and nested CRUD views - Add organization management views (accounts, departments, disciplines, sites, workstations) - Add specimen management views (containers, preparations) - Add master views for tests and valuesets - Migrate patient views to v2 pattern - Update Routes and Exceptions config for v2 support - Enhance CORS configuration - Clean up legacy files (check_db.php, llms.txt, sanity.php, old views) - Update agent workflow patterns for PHP Alpine.js
139 lines
4.4 KiB
PHP
139 lines
4.4 KiB
PHP
<!-- Specimen Prep Form Modal -->
|
|
<div
|
|
x-show="showModal"
|
|
x-cloak
|
|
class="modal-overlay"
|
|
@click.self="closeModal()"
|
|
x-transition:enter="transition ease-out duration-200"
|
|
x-transition:enter-start="opacity-0"
|
|
x-transition:enter-end="opacity-100"
|
|
x-transition:leave="transition ease-in duration-150"
|
|
x-transition:leave-start="opacity-100"
|
|
x-transition:leave-end="opacity-0"
|
|
>
|
|
<div
|
|
class="modal-content p-6 max-w-xl w-full max-h-[90vh] overflow-y-auto"
|
|
@click.stop
|
|
x-transition:enter="transition ease-out duration-200"
|
|
x-transition:enter-start="opacity-0 transform scale-95"
|
|
x-transition:enter-end="opacity-100 transform scale-100"
|
|
x-transition:leave="transition ease-in duration-150"
|
|
x-transition:leave-start="opacity-100 transform scale-100"
|
|
x-transition:leave-end="opacity-0 transform scale-95"
|
|
>
|
|
<!-- Header -->
|
|
<div class="flex items-center justify-between mb-6">
|
|
<h3 class="font-bold text-xl flex items-center gap-2" style="color: rgb(var(--color-text));">
|
|
<i class="fa-solid fa-mortar-pestle" style="color: rgb(var(--color-primary));"></i>
|
|
<span x-text="isEditing ? 'Edit Preparation' : 'New Preparation'"></span>
|
|
</h3>
|
|
<button class="btn btn-ghost btn-sm btn-square" @click="closeModal()">
|
|
<i class="fa-solid fa-times"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Form -->
|
|
<div class="space-y-4">
|
|
|
|
<div>
|
|
<label class="label">
|
|
<span class="label-text font-medium">Description <span style="color: rgb(var(--color-error));">*</span></span>
|
|
</label>
|
|
<input
|
|
type="text"
|
|
class="input"
|
|
:class="errors.Description && 'input-error'"
|
|
x-model="form.Description"
|
|
placeholder="Centrifugation 3000rpm"
|
|
/>
|
|
<label class="label" x-show="errors.Description">
|
|
<span class="label-text-alt" style="color: rgb(var(--color-error));" x-text="errors.Description"></span>
|
|
</label>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="label">
|
|
<span class="label-text font-medium">Method</span>
|
|
</label>
|
|
<input
|
|
type="text"
|
|
class="input"
|
|
x-model="form.Method"
|
|
placeholder="Centrifuge / Aliqout / Heat"
|
|
/>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-2 gap-4">
|
|
<div>
|
|
<label class="label">
|
|
<span class="label-text font-medium">Additive</span>
|
|
</label>
|
|
<input
|
|
type="text"
|
|
class="input"
|
|
x-model="form.Additive"
|
|
placeholder="None"
|
|
/>
|
|
</div>
|
|
<div class="grid grid-cols-2 gap-2">
|
|
<div>
|
|
<label class="label">
|
|
<span class="label-text font-medium">Qty</span>
|
|
</label>
|
|
<input
|
|
type="number"
|
|
class="input text-center"
|
|
x-model="form.AddQty"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<label class="label">
|
|
<span class="label-text font-medium">Unit</span>
|
|
</label>
|
|
<input
|
|
type="text"
|
|
class="input text-center"
|
|
x-model="form.AddUnit"
|
|
placeholder="ml"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-2 gap-4">
|
|
<div>
|
|
<label class="label">
|
|
<span class="label-text font-medium">Preparation Start</span>
|
|
</label>
|
|
<input
|
|
type="datetime-local"
|
|
class="input"
|
|
x-model="form.PrepStart"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<label class="label">
|
|
<span class="label-text font-medium">Preparation End</span>
|
|
</label>
|
|
<input
|
|
type="datetime-local"
|
|
class="input"
|
|
x-model="form.PrepEnd"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Actions -->
|
|
<div class="flex gap-3 mt-8 pt-6" style="border-top: 1px solid rgb(var(--color-border));">
|
|
<button class="btn btn-ghost flex-1" @click="closeModal()">Cancel</button>
|
|
<button class="btn btn-primary flex-1" @click="save()" :disabled="saving">
|
|
<span x-show="saving" class="spinner spinner-sm"></span>
|
|
<i x-show="!saving" class="fa-solid fa-save mr-2"></i>
|
|
<span x-text="saving ? 'Saving...' : 'Save Preparation'"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|