initial commit
This commit is contained in:
@@ -0,0 +1,190 @@
|
||||
<?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-[1100px] mx-auto pb-12 px-6 space-y-8 font-sans antialiased tracking-tight">
|
||||
|
||||
|
||||
<div class="flex items-center justify-between bg-white px-6 py-4 rounded-2xl border border-slate-200/60 shadow-sm">
|
||||
<div class="flex items-center gap-5">
|
||||
|
||||
<a href="<?php echo e(route('admin.reports.matting.index')); ?>" class="w-10 h-10 flex items-center justify-center text-slate-400 hover:text-slate-900 transition-all bg-slate-50 rounded-xl border border-slate-100">
|
||||
<i class="fas fa-chevron-left text-xs"></i>
|
||||
</a>
|
||||
<div class="h-8 w-px bg-slate-100"></div>
|
||||
<div>
|
||||
<h2 class="text-[14px] font-black text-slate-800 uppercase tracking-tighter leading-none">Lineage Archive</h2>
|
||||
<p class="text-[8px] text-slate-400 font-bold uppercase tracking-[0.3em] mt-1.5 italic">Official Record #<?php echo e($matting->id); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex items-center gap-5 border-l border-slate-100 pl-6">
|
||||
<div class="text-right leading-none">
|
||||
<p class="text-[8px] text-slate-400 font-black uppercase mb-1 tracking-tighter">Registrar</p>
|
||||
<p class="text-[10px] font-bold text-slate-600 uppercase italic"><?php echo e($matting->pic->name ?? 'Admin'); ?></p>
|
||||
</div>
|
||||
<span class="text-slate-950 font-black text-4xl italic leading-none select-none tracking-tighter opacity-20">
|
||||
<?php echo e(substr($matting->pic->name ?? 'S', 0, 1)); ?>.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<?php $__currentLoopData = [
|
||||
['role' => 'Sire (Pejantan)', 'cat' => $matting->sire, 'theme' => 'indigo', 'icon' => 'fa-mars'],
|
||||
['role' => 'Dam (Indukan)', 'cat' => $matting->dam, 'theme' => 'rose', 'icon' => 'fa-venus']
|
||||
]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $p): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
|
||||
<div class="bg-white border border-slate-200/70 rounded-[2rem] p-6 flex items-center gap-8 shadow-sm group overflow-hidden relative">
|
||||
|
||||
<div class="shrink-0 relative z-10">
|
||||
<img src="<?php echo e($p['cat']->photo ? asset('storage/' . $p['cat']->photo) : asset('images/default-cat.png')); ?>"
|
||||
class="w-20 h-20 object-cover rounded-2xl border-2 border-white shadow-md transition-transform duration-700 group-hover:scale-110" alt="Parent">
|
||||
<span class="absolute -top-2 -left-2 w-7 h-7 bg-<?php echo e($p['theme']); ?>-600 text-white rounded-xl flex items-center justify-center text-[10px] shadow-lg border-2 border-white">
|
||||
<i class="fas <?php echo e($p['icon']); ?>"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="flex-1 min-w-0 z-10">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="text-[9px] font-black text-<?php echo e($p['theme']); ?>-600 uppercase tracking-widest"><?php echo e($p['role']); ?></span>
|
||||
<span class="text-[8px] font-black bg-slate-900 text-white px-2 py-0.5 rounded-md uppercase">EMS: <?php echo e($p['cat']->kode_ems ?? '-'); ?></span>
|
||||
</div>
|
||||
<h3 class="text-base font-black text-slate-800 uppercase truncate mb-4 tracking-tight leading-none"><?php echo e($p['cat']->nama_kucing); ?></h3>
|
||||
|
||||
|
||||
<div class="grid grid-cols-2 gap-x-4 border-t border-slate-50 pt-4 mt-1">
|
||||
<div class="min-w-0">
|
||||
<p class="text-[8px] text-slate-400 font-bold uppercase mb-1.5 tracking-wider">Pedigree</p>
|
||||
<p class="text-[10px] font-mono font-bold text-slate-700 truncate tracking-tighter italic leading-none">
|
||||
<?php echo e($p['cat']->pedigree ?? '-'); ?>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div class="min-w-0">
|
||||
<p class="text-[8px] text-slate-400 font-bold uppercase mb-1.5 tracking-wider">Microchip</p>
|
||||
<p class="text-[10px] font-mono font-bold text-slate-700 truncate tracking-tighter italic leading-none">
|
||||
<?php echo e($p['cat']->microchip ?? '-'); ?>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-center py-14">
|
||||
|
||||
<div class="bg-slate-900 text-white w-full max-w-[1000px] py-5 rounded-full flex items-center justify-between px-72 shadow-[0_30px_60px_-15px_rgba(0,0,0,0.6)] border border-slate-800/60 mx-auto group relative">
|
||||
|
||||
|
||||
<div class="text-center shrink-0">
|
||||
|
||||
<p class="text-[4.5px] text-slate-500 font-black uppercase mb-1.5 tracking-[0.6em] leading-none opacity-80">Started</p>
|
||||
|
||||
<span class="text-[7.5px] font-black text-slate-100 tracking-tighter leading-none whitespace-nowrap">
|
||||
<?php echo e($matting->tgl_kawin_awal->format('d / m / Y')); ?>
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex flex-col items-center flex-1 px-10">
|
||||
<i class="fas fa-heart text-rose-500 text-[7px] mb-2 animate-pulse"></i>
|
||||
<div class="flex items-center w-full max-w-[140px] gap-4">
|
||||
<div class="h-[0.5px] flex-1 bg-slate-800"></div>
|
||||
|
||||
<span class="text-[6px] font-black uppercase text-indigo-400/80 tracking-[0.2em] italic leading-none whitespace-nowrap">
|
||||
<?php echo e($matting->tgl_kawin_awal->diffInDays($matting->tgl_kawin_akhir) + 1); ?> Days Process
|
||||
</span>
|
||||
<div class="h-[0.5px] flex-1 bg-slate-800"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="text-center shrink-0">
|
||||
<p class="text-[4.5px] text-slate-500 font-black uppercase mb-1.5 tracking-[0.6em] leading-none opacity-80">Finished</p>
|
||||
<span class="text-[7.5px] font-black text-slate-100 tracking-tighter leading-none whitespace-nowrap">
|
||||
<?php echo e($matting->tgl_kawin_akhir->format('d / m / Y')); ?>
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="space-y-6">
|
||||
<div class="flex items-center gap-4 px-2">
|
||||
<div class="h-4 w-1 bg-indigo-500 rounded-full"></div>
|
||||
<h3 class="text-[11px] font-black text-slate-400 uppercase tracking-[0.3em]">Offspring Records (<?php echo e($matting->kittens->count()); ?>)</h3>
|
||||
<div class="h-px flex-1 bg-slate-100"></div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<?php $__empty_1 = true; $__currentLoopData = $matting->kittens; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $k): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
|
||||
<div class="bg-white border border-slate-200/70 rounded-[2rem] p-6 flex items-center gap-8 shadow-sm hover:border-indigo-100 transition-all group overflow-hidden">
|
||||
|
||||
<div class="shrink-0 relative">
|
||||
<img src="<?php echo e($k->cat->photo ? asset('storage/' . $k->cat->photo) : asset('images/default-cat.png')); ?>"
|
||||
class="w-20 h-20 object-cover rounded-2xl border border-slate-50 shadow-md group-hover:scale-105 transition-transform duration-500" alt="Kitten">
|
||||
<span class="absolute -top-2 -left-2 w-7 h-7 rounded-xl flex items-center justify-center text-[10px] <?php echo e($k->cat->jenis_kelamin == 'Jantan' ? 'bg-blue-600' : 'bg-rose-500'); ?> text-white border-2 border-white shadow-lg">
|
||||
<i class="fas <?php echo e($k->cat->jenis_kelamin == 'Jantan' ? 'fa-mars' : 'fa-venus'); ?>"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="flex-1 min-w-0">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="text-[9px] font-black text-slate-400 uppercase tracking-widest leading-none">Kitten Profile</span>
|
||||
<span class="text-[8px] font-bold bg-slate-50 text-slate-400 px-2 py-0.5 rounded border border-slate-100 uppercase tracking-tighter leading-none">EMS: <?php echo e($k->cat->kode_ems ?? '-'); ?></span>
|
||||
</div>
|
||||
|
||||
<h4 class="text-base font-black text-slate-800 uppercase truncate leading-tight group-hover:text-indigo-600 transition-colors tracking-tight leading-none mb-4"><?php echo e($k->cat->nama_kucing); ?></h4>
|
||||
|
||||
|
||||
<div class="grid grid-cols-2 gap-x-4 border-t border-slate-50 pt-4 mt-1">
|
||||
<div class="min-w-0">
|
||||
<p class="text-[8px] text-slate-400 font-bold uppercase leading-none mb-1.5 tracking-wider">Pedigree</p>
|
||||
<p class="text-[10px] font-mono font-bold text-slate-700 truncate italic tracking-tighter leading-none">
|
||||
<?php echo e($k->cat->pedigree ?? '-'); ?>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div class="min-w-0">
|
||||
<p class="text-[8px] text-slate-400 font-bold uppercase leading-none mb-1.5 tracking-wider">Microchip</p>
|
||||
<p class="text-[10px] font-mono font-bold text-slate-700 truncate italic tracking-tighter leading-none">
|
||||
<?php echo e($k->cat->microchip ?? '-'); ?>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
|
||||
<div class="col-span-full py-16 text-center bg-white rounded-[2.5rem] border border-dashed border-slate-200">
|
||||
<i class="fas fa-paw text-2xl text-slate-100 mb-4"></i>
|
||||
<p class="text-slate-400 font-bold uppercase text-[9px] tracking-[0.3em] italic">No offspring registered for this session.</p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?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/reports/matting/show.blade.php ENDPATH**/ ?>
|
||||
Reference in New Issue
Block a user