170 lines
11 KiB
PHP
170 lines
11 KiB
PHP
|
<?php if (isset($component)) { $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54 = $component; } ?>
|
||
|
|
<?php if (isset($attributes)) { $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54 = $attributes; } ?>
|
||
|
|
<?php $component = App\View\Components\AppLayout::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
|
||
|
|
<?php $component->withName('app-layout'); ?>
|
||
|
|
<?php if ($component->shouldRender()): ?>
|
||
|
|
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
|
||
|
|
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
|
||
|
|
<?php $attributes = $attributes->except(\App\View\Components\AppLayout::ignoredParameterNames()); ?>
|
||
|
|
<?php endif; ?>
|
||
|
|
<?php $component->withAttributes([]); ?>
|
||
|
|
<div class="max-w-3xl mx-auto py-12 px-4">
|
||
|
|
|
||
|
|
<div class="flex items-center gap-6 mb-10">
|
||
|
|
<a href="<?php echo e(route('cats.show', $cat->id)); ?>" class="p-4 bg-white border border-slate-200 rounded-2xl text-slate-400 hover:text-indigo-600 transition-all shadow-sm">
|
||
|
|
<i class="fas fa-arrow-left"></i>
|
||
|
|
</a>
|
||
|
|
<div>
|
||
|
|
<h2 class="text-2xl font-black text-slate-800 uppercase tracking-tight">Add Routine Ledger</h2>
|
||
|
|
<p class="text-sm text-slate-400 font-bold uppercase tracking-widest">Logging for: <?php echo e($cat->nama_kucing); ?></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="bg-white rounded-[3rem] shadow-xl border border-slate-100 overflow-hidden">
|
||
|
|
<div class="p-10">
|
||
|
|
<form action="<?php echo e(route('medical-records.store')); ?>" method="POST" class="space-y-8">
|
||
|
|
<?php echo csrf_field(); ?>
|
||
|
|
<input type="hidden" name="cat_id" value="<?php echo e($cat->id); ?>">
|
||
|
|
|
||
|
|
|
||
|
|
<div class="space-y-3">
|
||
|
|
<label class="text-[10px] font-black text-slate-400 uppercase tracking-widest ml-2">Jenis Tindakan</label>
|
||
|
|
<select name="type" id="type_selector" onchange="adjustMedicalForm()" class="w-full px-6 py-5 bg-slate-50 border-none rounded-3xl text-sm font-black text-slate-800 focus:ring-4 focus:ring-indigo-500/10 transition-all cursor-pointer">
|
||
|
|
<option value="Vaccine">Vaksinasi</option>
|
||
|
|
<option value="Deworming">Obat Cacing</option>
|
||
|
|
<option value="Flea Treatment">Obat Kutu</option>
|
||
|
|
<option value="Grooming">Grooming</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div id="medicine_container" class="space-y-4">
|
||
|
|
<div class="medicine-row p-6 bg-slate-50 rounded-[2.5rem] border border-slate-100 space-y-4">
|
||
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 medicine-row-inner">
|
||
|
|
<div class="space-y-2">
|
||
|
|
<label class="text-[9px] font-black text-slate-400 uppercase ml-2">Produk/Obat</label>
|
||
|
|
|
||
|
|
<input type="text" name="medicines[0][name]" id="med_name_input" list="medicine-list" required
|
||
|
|
oninput="autoFillMedicine(this)"
|
||
|
|
onchange="autoFillMedicine(this)"
|
||
|
|
class="medicine-name-input w-full px-5 py-4 border-none rounded-2xl text-xs font-black bg-white shadow-sm focus:ring-4 focus:ring-indigo-500/10" placeholder="Ketik atau pilih obat...">
|
||
|
|
</div>
|
||
|
|
<div class="grid grid-cols-2 gap-4">
|
||
|
|
<div class="space-y-2">
|
||
|
|
<label class="text-[9px] font-black text-slate-400 uppercase ml-2">Dosis</label>
|
||
|
|
<input type="text" name="medicines[0][dosage]" id="med_dosage_input" placeholder="e.g. 1/2 atau 1" required
|
||
|
|
class="dosage-input w-full px-5 py-4 border-none rounded-2xl text-xs font-black bg-white shadow-sm focus:ring-4 focus:ring-indigo-500/10">
|
||
|
|
</div>
|
||
|
|
<div class="space-y-2">
|
||
|
|
<label class="text-[9px] font-black text-slate-400 uppercase ml-2">Satuan</label>
|
||
|
|
<input type="text" name="medicines[0][unit]" id="med_unit_input" readonly
|
||
|
|
class="unit-display w-full px-5 py-4 bg-slate-100 border-none rounded-2xl text-[10px] font-black text-slate-400 cursor-not-allowed outline-none">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||
|
|
<div class="space-y-3">
|
||
|
|
<label class="text-[10px] font-black text-slate-400 uppercase tracking-widest ml-2">Tanggal Tindakan</label>
|
||
|
|
<input type="date" name="date_given" value="<?php echo e(date('Y-m-d')); ?>" required class="w-full px-6 py-5 bg-slate-50 border-none rounded-3xl text-sm font-black focus:ring-4 focus:ring-indigo-500/10">
|
||
|
|
</div>
|
||
|
|
<div class="space-y-3">
|
||
|
|
<label class="text-[10px] font-black text-slate-400 uppercase tracking-widest ml-2">Jadwal Berikutnya</label>
|
||
|
|
<input type="date" name="next_schedule" class="w-full px-6 py-5 bg-slate-50 border-none rounded-3xl text-sm font-black focus:ring-4 focus:ring-indigo-500/10">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="space-y-3">
|
||
|
|
<label class="text-[10px] font-black text-slate-400 uppercase tracking-widest ml-2">Notes</label>
|
||
|
|
<textarea name="notes" placeholder="Catatan opsional..." class="w-full px-6 py-5 bg-slate-50 border-none rounded-3xl text-sm font-bold h-32 focus:ring-4 focus:ring-indigo-500/10"></textarea>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button type="submit" class="w-full py-6 bg-indigo-600 text-white rounded-[2rem] font-black uppercase text-xs tracking-[0.3em] shadow-2xl shadow-indigo-200 hover:bg-indigo-700 transition-all transform active:scale-95">
|
||
|
|
Confirm & Log Routine Ledger
|
||
|
|
</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<datalist id="medicine-list">
|
||
|
|
<?php $__currentLoopData = $availableMedicines; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $med): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
|
||
|
|
<option value="<?php echo e($med->nama_obat); ?>"></option>
|
||
|
|
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
|
||
|
|
</datalist>
|
||
|
|
|
||
|
|
<?php $__env->startPush('scripts'); ?>
|
||
|
|
<script>
|
||
|
|
// 1. Tarik Data Master Obat dari Database ke JavaScript
|
||
|
|
const masterObatData = <?php echo json_encode($availableMedicines); ?>;
|
||
|
|
|
||
|
|
// 2. Tampilkan/Sembunyikan Form Obat berdasarkan "Jenis Tindakan"
|
||
|
|
function adjustMedicalForm() {
|
||
|
|
const type = document.getElementById('type_selector').value;
|
||
|
|
const container = document.getElementById('medicine_container');
|
||
|
|
const nameInput = document.getElementById('med_name_input');
|
||
|
|
const dosageInput = document.getElementById('med_dosage_input');
|
||
|
|
const unitInput = document.getElementById('med_unit_input');
|
||
|
|
|
||
|
|
if (type === 'Grooming') {
|
||
|
|
// Grooming tidak butuh obat
|
||
|
|
container.style.display = 'none';
|
||
|
|
nameInput.required = false;
|
||
|
|
dosageInput.required = false;
|
||
|
|
} else {
|
||
|
|
container.style.display = 'block';
|
||
|
|
nameInput.required = true;
|
||
|
|
dosageInput.required = true;
|
||
|
|
|
||
|
|
// Jika nama obat masih kosong, set satuan default berdasarkan jenis tindakan
|
||
|
|
const fallbackUnit = { 'Vaccine': 'PCS', 'Deworming': 'TABLET', 'Flea Treatment': 'ML' };
|
||
|
|
if (nameInput.value === '') {
|
||
|
|
unitInput.value = fallbackUnit[type] || 'PCS';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// 3. Fungsi Cerdas: Auto-Fill Dosis dan Satuan
|
||
|
|
function autoFillMedicine(inputElement) {
|
||
|
|
const row = inputElement.closest('.medicine-row-inner');
|
||
|
|
const unitInput = row.querySelector('.unit-display');
|
||
|
|
const dosageInput = row.querySelector('.dosage-input');
|
||
|
|
|
||
|
|
// Cari kecocokan nama obat dengan data master (Tidak sensitif huruf besar/kecil)
|
||
|
|
const selectedMedicine = masterObatData.find(med => med.nama_obat.toLowerCase() === inputElement.value.toLowerCase());
|
||
|
|
|
||
|
|
if (selectedMedicine) {
|
||
|
|
// Jika obat terdaftar di database, ambil satuannya!
|
||
|
|
unitInput.value = selectedMedicine.unit;
|
||
|
|
|
||
|
|
// Beri nilai otomatis "1" pada dosis jika masih kosong untuk mempercepat input
|
||
|
|
if (!dosageInput.value) {
|
||
|
|
dosageInput.value = '1';
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
// Jika obat diketik manual (tidak ada di database), kembalikan ke satuan default
|
||
|
|
const type = document.getElementById('type_selector').value;
|
||
|
|
const fallbackUnit = { 'Vaccine': 'PCS', 'Deworming': 'TABLET', 'Flea Treatment': 'ML' };
|
||
|
|
unitInput.value = fallbackUnit[type] || 'PCS';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Jalankan saat halaman pertama kali dimuat
|
||
|
|
document.addEventListener('DOMContentLoaded', adjustMedicalForm);
|
||
|
|
</script>
|
||
|
|
<?php $__env->stopPush(); ?>
|
||
|
|
<?php echo $__env->renderComponent(); ?>
|
||
|
|
<?php endif; ?>
|
||
|
|
<?php if (isset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
|
||
|
|
<?php $attributes = $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
|
||
|
|
<?php unset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
|
||
|
|
<?php endif; ?>
|
||
|
|
<?php if (isset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
|
||
|
|
<?php $component = $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
|
||
|
|
<?php unset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
|
||
|
|
<?php endif; ?><?php /**PATH /home/u806112658/domains/earrinasia.com/ilycats/resources/views/pages/cats/medical-ledger-create.blade.php ENDPATH**/ ?>
|