Initial commit: Struktur aplikasi ilycats
This commit is contained in:
Dwi F Sukmana
@@ -0,0 +1,199 @@
|
||||
<x-app-layout>
|
||||
<div class="max-w-[1600px] mx-auto p-4 sm:px-6 lg:px-8 py-8 space-y-6">
|
||||
|
||||
{{-- 1. ACTION HEADER --}}
|
||||
<div class="flex flex-col md:flex-row justify-between items-center gap-6 bg-white p-8 rounded-[3rem] border border-slate-100 shadow-sm">
|
||||
<div>
|
||||
<h1 class="text-3xl font-black text-slate-800 tracking-tighter uppercase leading-none">
|
||||
Intelligence <span class="text-indigo-600">Center</span>
|
||||
</h1>
|
||||
<p class="text-[10px] text-slate-400 font-bold uppercase tracking-[0.3em] mt-2">
|
||||
Laporan: {{ strtoupper(str_replace('_', ' ', $module)) }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{{-- PROTEKSI EXPORT: Hanya muncul jika memiliki izin 'create' pada modul reports --}}
|
||||
@can('check-access', ['reports', 'create'])
|
||||
<div class="flex items-center gap-3">
|
||||
{{-- Export PDF --}}
|
||||
<a href="{{ route('admin.reports.index', array_merge(request()->query(), ['export' => 'pdf'])) }}"
|
||||
class="bg-rose-600 text-white px-6 py-3.5 rounded-2xl text-[10px] font-black uppercase tracking-widest hover:bg-rose-700 shadow-lg shadow-rose-100 transition-all flex items-center gap-2">
|
||||
<i class="fas fa-file-pdf text-sm"></i> Export PDF
|
||||
</a>
|
||||
|
||||
{{-- Export Excel --}}
|
||||
<a href="{{ route('admin.reports.index', array_merge(request()->query(), ['export' => 'xlsx'])) }}"
|
||||
class="flex items-center gap-2 px-6 py-3.5 bg-emerald-50 text-emerald-700 border border-emerald-100 rounded-2xl text-[10px] font-black uppercase tracking-widest hover:bg-emerald-600 hover:text-white hover:border-emerald-600 shadow-lg shadow-emerald-100/50 transition-all active:scale-95 group">
|
||||
<i class="fas fa-file-excel text-sm text-emerald-600 group-hover:text-white transition-colors"></i>
|
||||
<span>Export Excel</span>
|
||||
</a>
|
||||
</div>
|
||||
@endcan
|
||||
</div>
|
||||
|
||||
{{-- 2. ADVANCED FILTER PANEL (TETAP UTUH) --}}
|
||||
<div class="bg-white rounded-[3rem] border border-slate-100 shadow-sm p-8">
|
||||
<form action="{{ route('admin.reports.index') }}" method="GET" class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
||||
|
||||
{{-- Source & Search --}}
|
||||
<div class="space-y-3">
|
||||
<label class="block text-[10px] font-black text-slate-400 uppercase tracking-widest ml-2">Data Source</label>
|
||||
<select name="module" onchange="this.form.submit()" class="w-full bg-slate-50 border-none rounded-2xl text-xs font-bold text-slate-700">
|
||||
<option value="cats" {{ $module == 'cats' ? 'selected' : '' }}>Populasi Kucing</option>
|
||||
<option value="vaccine" {{ $module == 'vaccine' ? 'selected' : '' }}>Jadwal Vaksin</option>
|
||||
<option value="deworming" {{ $module == 'deworming' ? 'selected' : '' }}>Jadwal Obat Cacing</option>
|
||||
<option value="flea" {{ $module == 'flea' ? 'selected' : '' }}>Jadwal Obat Kutu</option>
|
||||
<option value="grooming" {{ $module == 'grooming' ? 'selected' : '' }}>Jadwal Grooming</option>
|
||||
<option value="medicine" {{ $module == 'medicine' ? 'selected' : '' }}>Inventori Obat</option>
|
||||
<option value="food" {{ $module == 'food' ? 'selected' : '' }}>Inventori Makanan</option>
|
||||
<option value="supplies" {{ $module == 'supplies' ? 'selected' : '' }}>Perlengkapan</option>
|
||||
</select>
|
||||
<input type="text" name="q" value="{{ request('q') }}" placeholder="Search Keyword..." class="w-full bg-slate-50 border-none rounded-2xl text-xs font-bold">
|
||||
</div>
|
||||
|
||||
{{-- PIC & Period --}}
|
||||
<div class="space-y-3">
|
||||
<label class="block text-[10px] font-black text-slate-400 uppercase tracking-widest ml-2">Staff & Periode</label>
|
||||
<select name="pic_id" class="w-full bg-slate-50 border-none rounded-2xl text-xs font-bold">
|
||||
<option value="">Semua PIC Staff</option>
|
||||
@foreach($users as $user)
|
||||
<option value="{{ $user->id }}" {{ request('pic_id') == $user->id ? 'selected' : '' }}>{{ $user->name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
<div class="grid grid-cols-2 gap-2">
|
||||
<input type="date" name="start_date" value="{{ request('start_date') }}" class="w-full bg-slate-50 border-none rounded-2xl text-[10px] font-bold">
|
||||
<input type="date" name="end_date" value="{{ request('end_date') }}" class="w-full bg-slate-50 border-none rounded-2xl text-[10px] font-bold">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Status Filter --}}
|
||||
<div class="space-y-3">
|
||||
<label class="block text-[10px] font-black text-slate-400 uppercase tracking-widest ml-2">Status Analitik</label>
|
||||
<select name="status" class="w-full bg-slate-50 border-none rounded-2xl text-xs font-bold">
|
||||
<option value="">Pilih Status</option>
|
||||
@if($module == 'cats')
|
||||
<option value="sehat" {{ request('status') == 'sehat' ? 'selected' : '' }}>Sehat</option>
|
||||
<option value="sakit" {{ request('status') == 'sakit' ? 'selected' : '' }}>Dalam Perawatan</option>
|
||||
@elseif(in_array($module, ['vaccine', 'deworming', 'flea', 'grooming']))
|
||||
<option value="not_set" {{ request('status') == 'not_set' ? 'selected' : '' }}>Date Not Set</option>
|
||||
<option value="overdue" {{ request('status') == 'overdue' ? 'selected' : '' }}>Overdue (Terlewat)</option>
|
||||
<option value="soon" {{ request('status') == 'soon' ? 'selected' : '' }}>Akan Datang (7 Hari)</option>
|
||||
@elseif(in_array($module, ['medicine', 'food', 'supplies']))
|
||||
<option value="critical" {{ request('status') == 'critical' ? 'selected' : '' }}>Stok Kritis (< 5)</option>
|
||||
<option value="expired" {{ request('status') == 'expired' ? 'selected' : '' }}>Sudah Expired</option>
|
||||
<option value="safe" {{ request('status') == 'safe' ? 'selected' : '' }}>Stok Aman</option>
|
||||
@endif
|
||||
</select>
|
||||
|
||||
<button type="submit" class="w-full bg-indigo-600 text-white py-3 rounded-2xl text-[10px] font-black uppercase tracking-widest hover:bg-slate-900 shadow-xl shadow-indigo-100 transition-all">
|
||||
<i class="fas fa-filter mr-2"></i> Apply Filter
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{{-- Summary & Reset --}}
|
||||
<div class="flex flex-col justify-between">
|
||||
<div class="bg-indigo-50 p-5 rounded-[2rem] border border-indigo-100 text-center">
|
||||
<p class="text-[9px] font-black text-indigo-400 uppercase tracking-widest mb-1">Total Data</p>
|
||||
<span class="text-3xl font-black text-indigo-700 leading-none">{{ $results->total() }}</span>
|
||||
</div>
|
||||
|
||||
<a href="{{ route('admin.reports.index') }}" class="w-full bg-slate-100 text-slate-400 py-3 rounded-2xl text-[10px] font-black uppercase tracking-widest text-center hover:bg-rose-50 hover:text-rose-600 transition-all">
|
||||
<i class="fas fa-sync-alt mr-2"></i> Reset Filter
|
||||
</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{{-- 3. DATA TABLE (TETAP UTUH) --}}
|
||||
<div class="bg-white rounded-[3rem] border border-slate-100 shadow-sm overflow-hidden">
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full text-left">
|
||||
<thead class="bg-slate-50/50 border-b border-slate-100">
|
||||
<tr>
|
||||
<th class="p-6 text-[10px] font-black text-slate-400 uppercase tracking-widest">Informasi Utama</th>
|
||||
<th class="p-6 text-[10px] font-black text-slate-400 uppercase tracking-widest">Detail Data</th>
|
||||
<th class="p-6 text-[10px] font-black text-slate-400 uppercase tracking-widest">Staff & Jadwal</th>
|
||||
<th class="p-6 text-[10px] font-black text-slate-400 uppercase tracking-widest text-right">Status Aktif</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-slate-50">
|
||||
@forelse($results as $item)
|
||||
@php
|
||||
$dateCol = match($module) {
|
||||
'cats' => 'tanggal_lahir',
|
||||
'vaccine' => 'jadwal_vaksin',
|
||||
'deworming' => 'jadwal_obat_cacing',
|
||||
'flea' => 'jadwal_obat_kutu',
|
||||
'grooming' => 'jadwal_grooming',
|
||||
'medicine', 'food', 'supplies' => 'expired_date',
|
||||
default => 'created_at'
|
||||
};
|
||||
$dateValue = $item->{$dateCol};
|
||||
@endphp
|
||||
<tr class="group hover:bg-slate-50/30 transition-all">
|
||||
<td class="p-6">
|
||||
<p class="text-xs font-black text-slate-800 uppercase leading-none mb-1">
|
||||
{{ $item->nama_kucing ?? $item->nama_obat ?? $item->nama_makanan ?? $item->nama_perlengkapan }}
|
||||
</p>
|
||||
<p class="text-[9px] text-slate-400 font-bold uppercase tracking-widest italic">ID: #{{ $item->id }}</p>
|
||||
</td>
|
||||
<td class="p-6">
|
||||
@if(isset($item->qty))
|
||||
<div class="flex items-center gap-2">
|
||||
<span class="text-xs font-black {{ $item->qty < 5 ? 'text-rose-600' : 'text-slate-700' }}">{{ $item->qty }}</span>
|
||||
<span class="text-[9px] font-bold text-slate-400 uppercase tracking-widest">{{ $item->unit ?? 'Unit' }}</span>
|
||||
</div>
|
||||
@else
|
||||
<span class="text-[10px] font-black text-slate-500 uppercase">{{ $item->ras ?? '-' }}</span>
|
||||
@endif
|
||||
</td>
|
||||
<td class="p-6">
|
||||
<div class="flex flex-col gap-1">
|
||||
<span class="text-[10px] font-black text-slate-600 uppercase">{{ $item->pic->name ?? 'System' }}</span>
|
||||
<span class="text-[9px] font-bold text-slate-400 italic">
|
||||
<i class="far fa-calendar-alt mr-1"></i> {{ $dateValue ? \Carbon\Carbon::parse($dateValue)->format('d/m/Y') : 'DATE NOT SET' }}
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td class="p-6 text-right">
|
||||
@if(in_array($module, ['vaccine', 'deworming', 'flea', 'grooming']))
|
||||
@if(empty($dateValue))
|
||||
<span class="px-3 py-1.5 bg-slate-100 text-slate-400 rounded-lg text-[8px] font-black uppercase">Date Not Set</span>
|
||||
@elseif(\Carbon\Carbon::parse($dateValue)->isPast())
|
||||
<span class="px-3 py-1.5 bg-rose-100 text-rose-600 rounded-lg text-[8px] font-black uppercase animate-pulse">Overdue</span>
|
||||
@elseif(\Carbon\Carbon::parse($dateValue)->diffInDays(now()) <= 7)
|
||||
<span class="px-3 py-1.5 bg-amber-100 text-amber-600 rounded-lg text-[8px] font-black uppercase">Soon</span>
|
||||
@else
|
||||
<span class="px-3 py-1.5 bg-emerald-100 text-emerald-600 rounded-lg text-[8px] font-black uppercase">Scheduled</span>
|
||||
@endif
|
||||
@elseif(in_array($module, ['medicine', 'food', 'supplies']))
|
||||
@if(isset($item->expired_date) && \Carbon\Carbon::parse($item->expired_date)->isPast())
|
||||
<span class="px-3 py-1.5 bg-rose-600 text-white rounded-lg text-[8px] font-black uppercase">Expired</span>
|
||||
@elseif($item->qty < 5)
|
||||
<span class="px-3 py-1.5 bg-rose-100 text-rose-600 rounded-lg text-[8px] font-black uppercase">Low Stock</span>
|
||||
@else
|
||||
<span class="px-3 py-1.5 bg-slate-100 text-slate-500 rounded-lg text-[8px] font-black uppercase">Safe</span>
|
||||
@endif
|
||||
@else
|
||||
<span class="px-3 py-1.5 {{ $item->riwayat_sakit_terakhir ? 'bg-amber-100 text-amber-600' : 'bg-emerald-100 text-emerald-600' }} rounded-lg text-[8px] font-black uppercase">
|
||||
{{ $item->riwayat_sakit_terakhir ? 'Treatment' : 'Healthy' }}
|
||||
</span>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="4" class="p-20 text-center text-[10px] font-black text-slate-300 uppercase tracking-widest">Data Tidak Ditemukan</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- PAGINATION --}}
|
||||
<div class="mt-8">
|
||||
{{ $results->links() }}
|
||||
</div>
|
||||
</div>
|
||||
</x-app-layout>
|
||||
@@ -0,0 +1,140 @@
|
||||
<x-app-layout>
|
||||
{{-- Container utama: Dikunci pada 1200px agar tampilan terpusat dan elegan --}}
|
||||
<div class="max-w-[1200px] mx-auto pb-16 px-6 space-y-8 font-sans antialiased tracking-tight">
|
||||
|
||||
{{-- 1. HEADER & DYNAMIC STATS --}}
|
||||
<div class="flex flex-col lg:flex-row items-center justify-between gap-6">
|
||||
<div class="text-center lg:text-left">
|
||||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tighter leading-none">Lineage Archive</h2>
|
||||
<div class="flex items-center justify-center lg:justify-start gap-2 mt-2">
|
||||
<span class="w-8 h-0.5 bg-indigo-600"></span>
|
||||
<p class="text-[10px] text-slate-400 font-bold uppercase tracking-[0.2em]">Official Breeding Database</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-4">
|
||||
{{-- Quick Stats Widget (TETAP UTUH) --}}
|
||||
<div class="bg-white px-5 py-3 rounded-2xl border border-slate-200 shadow-sm flex items-center gap-4">
|
||||
<div class="text-right">
|
||||
<p class="text-[8px] text-slate-400 font-black uppercase tracking-widest">Total Record</p>
|
||||
<p class="text-lg font-black text-slate-800 leading-none">{{ $mattings->total() }}</p>
|
||||
</div>
|
||||
<div class="w-10 h-10 bg-indigo-50 text-indigo-600 rounded-xl flex items-center justify-center text-sm shadow-inner">
|
||||
<i class="fas fa-database"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- PROTEKSI EXPORT PDF: Hanya muncul jika memiliki izin 'create' pada modul matting_reports --}}
|
||||
@can('check-access', ['matting_reports', 'create'])
|
||||
<a href="{{ request()->fullUrlWithQuery(['export' => 'pdf']) }}" class="bg-slate-900 px-6 py-3 rounded-2xl text-[10px] font-black text-white uppercase hover:bg-indigo-600 transition-all shadow-lg flex items-center gap-3">
|
||||
<i class="fas fa-file-pdf"></i> PDF Export
|
||||
</a>
|
||||
@endcan
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- 2. FILTER BAR: Proporsional & Ramping (TETAP UTUH) --}}
|
||||
<form action="{{ route('admin.reports.matting.index') }}" method="GET" class="bg-white p-3 rounded-[1.5rem] border border-slate-200 shadow-sm grid grid-cols-1 md:grid-cols-4 lg:grid-cols-5 gap-3">
|
||||
<div class="relative">
|
||||
<i class="fas fa-search absolute left-4 top-1/2 -translate-y-1/2 text-slate-300 text-xs"></i>
|
||||
<input type="text" name="parent_name" value="{{ request('parent_name') }}" placeholder="Search ancestry..." class="w-full bg-slate-50 border-none rounded-xl text-xs font-bold py-3 pl-11 focus:ring-2 focus:ring-indigo-500/20">
|
||||
</div>
|
||||
<select name="ras" class="bg-slate-50 border-none rounded-xl text-xs font-bold py-3 focus:ring-2 focus:ring-indigo-500/20 cursor-pointer">
|
||||
<option value="">All Breeds</option>
|
||||
@foreach($breeds as $breed)
|
||||
<option value="{{ $breed }}" {{ request('ras') == $breed ? 'selected' : '' }}>{{ $breed }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
<select name="registry" class="bg-slate-50 border-none rounded-xl text-xs font-bold py-3 focus:ring-2 focus:ring-indigo-500/20 cursor-pointer">
|
||||
<option value="">All Registry</option>
|
||||
@foreach($registries as $reg)
|
||||
<option value="{{ $reg }}" {{ request('registry') == $reg ? 'selected' : '' }}>{{ $reg }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
<input type="date" name="start_date" value="{{ request('start_date') }}" class="bg-slate-50 border-none rounded-xl text-xs font-bold py-3 focus:ring-2 focus:ring-indigo-500/20">
|
||||
<button type="submit" class="bg-indigo-600 text-white rounded-xl text-[10px] font-black uppercase hover:bg-slate-900 transition-all shadow-md">Apply Filter</button>
|
||||
</form>
|
||||
|
||||
<hr class="border-slate-100 mx-4">
|
||||
|
||||
{{-- 3. ARCHIVE LIST: Proportional Card Grid --}}
|
||||
<div class="space-y-4">
|
||||
{{-- Legend Header --}}
|
||||
<div class="hidden lg:grid grid-cols-12 px-10 py-1 text-[9px] font-black text-slate-400 uppercase tracking-[0.2em]">
|
||||
<div class="col-span-5">Breeding Partnership</div>
|
||||
<div class="col-span-3 text-center">Record Statistics</div>
|
||||
<div class="col-span-2 text-center">Registrar PIC</div>
|
||||
<div class="col-span-2 text-right">Access</div>
|
||||
</div>
|
||||
|
||||
@forelse($mattings as $matting)
|
||||
<div class="bg-white border border-slate-200 rounded-[2rem] p-5 hover:border-indigo-400 hover:shadow-xl hover:shadow-indigo-50/50 transition-all group relative overflow-hidden">
|
||||
{{-- Decorative Initial In Latar Belakang --}}
|
||||
<span class="absolute -right-2 -bottom-4 text-7xl font-black text-slate-50 italic group-hover:text-indigo-50/50 transition-colors select-none z-0">
|
||||
{{ substr($matting->pic->name ?? 'S', 0, 1) }}
|
||||
</span>
|
||||
|
||||
<div class="grid grid-cols-1 lg:grid-cols-12 gap-6 items-center relative z-10">
|
||||
|
||||
{{-- Column 1: Identity (Sire/Dam) --}}
|
||||
<div class="lg:col-span-5 flex items-center gap-6 min-w-0">
|
||||
<div class="flex -space-x-4 shrink-0">
|
||||
<img src="{{ $matting->sire->photo ? asset('storage/' . $matting->sire->photo) : asset('images/default-cat.png') }}" class="w-12 h-12 rounded-[1rem] border-4 border-white shadow-md object-cover transform group-hover:-rotate-6 transition-transform">
|
||||
<img src="{{ $matting->dam->photo ? asset('storage/' . $matting->dam->photo) : asset('images/default-cat.png') }}" class="w-12 h-12 rounded-[1rem] border-4 border-white shadow-md object-cover transform group-hover:rotate-6 transition-transform">
|
||||
</div>
|
||||
<div class="min-w-0 flex-1">
|
||||
<h4 class="text-sm font-black text-slate-800 uppercase truncate leading-tight mb-1">
|
||||
{{ $matting->sire->nama_kucing }} <span class="text-slate-300 mx-1">×</span> {{ $matting->dam->nama_kucing }}
|
||||
</h4>
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="text-[8px] font-black text-indigo-600 bg-indigo-50 px-2 py-0.5 rounded tracking-widest leading-none">#{{ $matting->id }}</span>
|
||||
<span class="text-[10px] text-slate-400 font-bold uppercase tracking-tighter leading-none">{{ $matting->sire->ras ?? 'Unknown' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Column 2: Stats --}}
|
||||
<div class="lg:col-span-3 flex items-center justify-around border-y lg:border-y-0 lg:border-x border-slate-100 py-3 lg:py-0 px-4">
|
||||
<div class="text-center">
|
||||
<p class="text-[8px] text-slate-400 font-black uppercase mb-1 tracking-widest">Offspring</p>
|
||||
<p class="text-[13px] font-black text-slate-800 leading-none">{{ $matting->kittens_count }} <span class="text-[10px] text-slate-300 font-bold uppercase ml-0.5">Paws</span></p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[8px] text-slate-400 font-black uppercase mb-1 tracking-widest">Duration</p>
|
||||
<p class="text-[13px] font-black text-slate-800 leading-none">{{ $matting->tgl_kawin_awal->diffInDays($matting->tgl_kawin_akhir) + 1 }} <span class="text-[10px] text-slate-300 font-bold uppercase ml-0.5">Days</span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Column 3: Registrar --}}
|
||||
<div class="lg:col-span-2 flex flex-col items-center lg:items-start px-4 min-w-0">
|
||||
<p class="text-[8px] text-slate-400 font-black uppercase mb-1.5 tracking-widest">Registrar</p>
|
||||
<p class="text-[11px] font-bold text-slate-600 uppercase italic truncate w-full text-center lg:text-left tracking-tight">
|
||||
{{ $matting->pic->name ?? 'System' }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{{-- Column 4: Action (PROTEKSI READ: Mengikuti matriks permission matting_reports) --}}
|
||||
<div class="lg:col-span-2 flex justify-end shrink-0">
|
||||
@can('check-access', ['matting_reports', 'read'])
|
||||
<a href="{{ route('admin.reports.matting.show', $matting->id) }}" class="w-full lg:w-auto px-6 py-3 bg-slate-900 text-white text-[10px] font-black uppercase rounded-2xl hover:bg-indigo-600 transition-all shadow-md flex items-center justify-center gap-2 group-hover:scale-105">
|
||||
<i class="fas fa-certificate"></i> View Record
|
||||
</a>
|
||||
@endcan
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@empty
|
||||
<div class="py-24 bg-white border-2 border-dashed border-slate-100 rounded-[2.5rem] text-center">
|
||||
<i class="fas fa-folder-open text-4xl text-slate-100 mb-4"></i>
|
||||
<p class="text-slate-400 font-bold uppercase text-[10px] tracking-[0.4em]">Archive is empty</p>
|
||||
</div>
|
||||
@endforelse
|
||||
</div>
|
||||
|
||||
{{-- 4. PAGINATION (TETAP UTUH) --}}
|
||||
<div class="pt-8 flex justify-center">
|
||||
{{ $mattings->links() }}
|
||||
</div>
|
||||
</div>
|
||||
</x-app-layout>
|
||||
@@ -0,0 +1,137 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
@page { margin: 0.8cm; }
|
||||
body { font-family: 'Helvetica', sans-serif; font-size: 9px; color: #334155; line-height: 1.4; }
|
||||
|
||||
/* Header Section */
|
||||
.header { text-align: center; border-bottom: 3px double #4f46e5; padding-bottom: 10px; margin-bottom: 20px; }
|
||||
.header h1 { margin: 0; font-size: 18px; color: #1e293b; text-transform: uppercase; letter-spacing: 2px; }
|
||||
.header p { margin: 5px 0 0; color: #64748b; font-weight: bold; letter-spacing: 1px; }
|
||||
|
||||
/* Meta Info Section */
|
||||
.meta { width: 100%; margin-bottom: 15px; }
|
||||
.meta td { padding: 2px 0; font-weight: bold; font-size: 8px; color: #475569; }
|
||||
|
||||
/* Table Styling */
|
||||
table { width: 100%; border-collapse: collapse; margin-top: 10px; table-layout: fixed; }
|
||||
th { background: #f8fafc; border: 1px solid #e2e8f0; padding: 8px 4px; text-transform: uppercase; font-size: 7px; color: #64748b; text-align: center; }
|
||||
td { border: 1px solid #e2e8f0; padding: 6px 4px; word-wrap: break-word; vertical-align: middle; }
|
||||
|
||||
/* Branding Colors */
|
||||
.row-sire { background-color: #f5f7ff; } /* Light Indigo */
|
||||
.row-dam { background-color: #fff9fa; } /* Light Rose */
|
||||
.text-sire { color: #4f46e5; font-weight: bold; }
|
||||
.text-dam { color: #e11d48; font-weight: bold; }
|
||||
.badge { padding: 2px 5px; border-radius: 4px; font-size: 7px; font-weight: bold; color: white; display: inline-block; }
|
||||
.bg-indigo { background-color: #4f46e5; }
|
||||
.bg-rose { background-color: #e11d48; }
|
||||
.italic-slate { font-style: italic; color: #94a3b8; font-size: 7px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<h1>ILY CATTERY - STRATEGIC BREEDING REPORT</h1>
|
||||
<p>PARENTAL LINEAGE & ANALYTICS REPORT</p>
|
||||
</div>
|
||||
|
||||
<table class="meta">
|
||||
<tr>
|
||||
<td width="50%">DICETAK OLEH: {{ strtoupper(Auth::user()->name) }}</td>
|
||||
<td width="50%" style="text-align: right">PERIODE LAPORAN: {{ now()->translatedFormat('d F Y') }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TOTAL DATA: {{ count($data) }} RECORDS</td>
|
||||
<td style="text-align: right">SISTEM: ILYCATS MANAGEMENT UNIT</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="15%">Nama Indukan (♂/♀)</th>
|
||||
<th width="12%">Silsilah (Sire x Dam)</th>
|
||||
<th width="10%">Registry</th>
|
||||
<th width="10%">EMS Code</th>
|
||||
<th width="18%">No. Pedigree</th>
|
||||
<th width="15%">Microchip</th>
|
||||
<th width="10%">Tgl Kawin</th>
|
||||
<th width="10%">Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($data as $item)
|
||||
{{-- Baris Bapak (Sire) --}}
|
||||
<tr class="row-sire">
|
||||
<td class="text-sire">
|
||||
♂ {{ strtoupper($item->sire->nama_kucing ?? 'N/A') }}
|
||||
<div class="italic-slate">{{ $item->sire->ras ?? '-' }}</div>
|
||||
</td>
|
||||
<td style="text-align: center; font-weight: bold; font-size: 7px;">SIRE UNIT</td>
|
||||
{{-- Registry: Menampilkan Asosiasi (ICA/CFA/WCF) --}}
|
||||
<td style="text-align: center">
|
||||
{{ is_array($item->sire->registry) ? implode(', ', $item->sire->registry) : ($item->sire->registry ?? '-') }}
|
||||
</td>
|
||||
{{-- EMS Code: Diambil dari kolom kode_ems di tabel cats --}}
|
||||
<td style="text-align: center" class="text-sire">
|
||||
{{ $item->sire->kode_ems ?? '-' }}
|
||||
</td>
|
||||
{{-- No Pedigree: Diambil dari kolom pedigree di tabel cats --}}
|
||||
<td style="text-align: center">
|
||||
{{ $item->sire->pedigree ?? 'NON PEDIGREE' }}
|
||||
</td>
|
||||
{{-- Microchip: Diambil dari kolom microchip di tabel cats --}}
|
||||
<td style="text-align: center">
|
||||
{{ $item->sire->microchip ?? '-' }}
|
||||
</td>
|
||||
{{-- Tgl Kawin: Rowspan untuk menggabung baris bapak & ibu --}}
|
||||
<td rowspan="2" style="text-align: center; font-weight: bold;">
|
||||
{{ \Carbon\Carbon::parse($item->tgl_kawin_awal)->format('d/m/Y') }}
|
||||
</td>
|
||||
<td style="text-align: center">
|
||||
<span class="badge bg-indigo">{{ strtoupper($item->sire->status ?? 'BREEDING') }}</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
{{-- Baris Ibu (Dam) --}}
|
||||
<tr class="row-dam">
|
||||
<td class="text-dam">
|
||||
♀ {{ strtoupper($item->dam->nama_kucing ?? 'N/A') }}
|
||||
<div class="italic-slate">{{ $item->dam->ras ?? '-' }}</div>
|
||||
</td>
|
||||
<td style="text-align: center; font-size: 7px; color: #64748b;">
|
||||
Mated with {{ $item->sire->nama_kucing ?? 'Sire' }}
|
||||
</td>
|
||||
<td style="text-align: center">
|
||||
{{ is_array($item->dam->registry) ? implode(', ', $item->dam->registry) : ($item->dam->registry ?? '-') }}
|
||||
</td>
|
||||
{{-- EMS Code Ibu --}}
|
||||
<td style="text-align: center" class="text-dam">
|
||||
{{ $item->dam->kode_ems ?? '-' }}
|
||||
</td>
|
||||
{{-- No Pedigree Ibu --}}
|
||||
<td style="text-align: center">
|
||||
{{ $item->dam->pedigree ?? 'NON PEDIGREE' }}
|
||||
</td>
|
||||
{{-- Microchip Ibu --}}
|
||||
<td style="text-align: center">
|
||||
{{ $item->dam->microchip ?? '-' }}
|
||||
</td>
|
||||
{{-- Tgl Kawin di-rowspan dari baris sire di atas --}}
|
||||
<td style="text-align: center">
|
||||
<span class="badge bg-rose">{{ strtoupper($item->dam->status ?? 'BREEDING') }}</span>
|
||||
</td>
|
||||
</tr>
|
||||
{{-- Separator Row --}}
|
||||
<tr><td colspan="8" style="border:none; height: 8px; background: white;"></td></tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div style="margin-top: 30px; font-size: 7px; text-align: center; color: #94a3b8;">
|
||||
Laporan ini dihasilkan secara otomatis oleh IlyCats Management System. Segala data silsilah telah diverifikasi sesuai standar Registry (ICA/CFA/WCF).
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,170 @@
|
||||
<x-app-layout>
|
||||
{{-- Container utama: Fokus, Ramping, & Aestetik --}}
|
||||
<div class="max-w-[1100px] mx-auto pb-12 px-6 space-y-8 font-sans antialiased tracking-tight">
|
||||
|
||||
{{-- 1. HEADER: Slim Identity --}}
|
||||
<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">
|
||||
{{-- Back Button --}}
|
||||
<a href="{{ 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 #{{ $matting->id }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Registrar Signature Style --}}
|
||||
<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">{{ $matting->pic->name ?? 'Admin' }}</p>
|
||||
</div>
|
||||
<span class="text-slate-950 font-black text-4xl italic leading-none select-none tracking-tighter opacity-20">
|
||||
{{ substr($matting->pic->name ?? 'S', 0, 1) }}.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- 2. PARENT CARDS: Sire & Dam --}}
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
@foreach([
|
||||
['role' => 'Sire (Pejantan)', 'cat' => $matting->sire, 'theme' => 'indigo', 'icon' => 'fa-mars'],
|
||||
['role' => 'Dam (Indukan)', 'cat' => $matting->dam, 'theme' => 'rose', 'icon' => 'fa-venus']
|
||||
] as $p)
|
||||
<div class="bg-white border border-slate-200/70 rounded-[2rem] p-6 flex items-center gap-8 shadow-sm group overflow-hidden relative">
|
||||
{{-- Foto Parent --}}
|
||||
<div class="shrink-0 relative z-10">
|
||||
<img src="{{ $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-{{ $p['theme'] }}-600 text-white rounded-xl flex items-center justify-center text-[10px] shadow-lg border-2 border-white">
|
||||
<i class="fas {{ $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-{{ $p['theme'] }}-600 uppercase tracking-widest">{{ $p['role'] }}</span>
|
||||
<span class="text-[8px] font-black bg-slate-900 text-white px-2 py-0.5 rounded-md uppercase">EMS: {{ $p['cat']->kode_ems ?? '-' }}</span>
|
||||
</div>
|
||||
<h3 class="text-base font-black text-slate-800 uppercase truncate mb-4 tracking-tight leading-none">{{ $p['cat']->nama_kucing }}</h3>
|
||||
|
||||
{{-- Data Teknis: Pedigree & Microchip (Fixed Column) --}}
|
||||
<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">
|
||||
{{ $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">
|
||||
{{ $p['cat']->microchip ?? '-' }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
{{-- 3. TIMELINE PILL: Grand Wide & Bold Version --}}
|
||||
<div class="flex items-center justify-center py-14">
|
||||
{{--
|
||||
- max-w-[1000px]: Diperlebar agar hampir menyamai lebar container utama (1100px).
|
||||
- py-5: Dibuat sedikit lebih tinggi agar card terlihat lebih kokoh.
|
||||
- px-72: Padding horizontal ditingkatkan agar font mikro tetap berada di area tengah yang aman.
|
||||
--}}
|
||||
<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">
|
||||
|
||||
{{-- Sisi Kiri: Started --}}
|
||||
<div class="text-center shrink-0">
|
||||
{{-- Font TETAP Mikro 4.5px --}}
|
||||
<p class="text-[4.5px] text-slate-500 font-black uppercase mb-1.5 tracking-[0.6em] leading-none opacity-80">Started</p>
|
||||
{{-- Font TETAP Mikro 7.5px --}}
|
||||
<span class="text-[7.5px] font-black text-slate-100 tracking-tighter leading-none whitespace-nowrap">
|
||||
{{ $matting->tgl_kawin_awal->format('d / m / Y') }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
{{-- Tengah: The Bridge --}}
|
||||
<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>
|
||||
{{-- Font Durasi TETAP Mikro 6px --}}
|
||||
<span class="text-[6px] font-black uppercase text-indigo-400/80 tracking-[0.2em] italic leading-none whitespace-nowrap">
|
||||
{{ $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>
|
||||
|
||||
{{-- Sisi Kanan: Finished --}}
|
||||
<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">
|
||||
{{ $matting->tgl_kawin_akhir->format('d / m / Y') }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- 4. OFFSPRING RECORDS --}}
|
||||
<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 ({{ $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">
|
||||
@forelse($matting->kittens as $k)
|
||||
<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">
|
||||
{{-- Foto Kitten --}}
|
||||
<div class="shrink-0 relative">
|
||||
<img src="{{ $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] {{ $k->cat->jenis_kelamin == 'Jantan' ? 'bg-blue-600' : 'bg-rose-500' }} text-white border-2 border-white shadow-lg">
|
||||
<i class="fas {{ $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: {{ $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">{{ $k->cat->nama_kucing }}</h4>
|
||||
|
||||
{{-- Data Teknis Kitten --}}
|
||||
<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">
|
||||
{{ $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">
|
||||
{{ $k->cat->microchip ?? '-' }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@empty
|
||||
<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>
|
||||
@endforelse
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</x-app-layout>
|
||||
@@ -0,0 +1,140 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>{{ $title }}</title>
|
||||
<style>
|
||||
body { font-family: 'Helvetica', sans-serif; font-size: 10px; color: #333; margin: 0; }
|
||||
.header { text-align: center; margin-bottom: 30px; border-bottom: 2px solid #4f46e5; padding-bottom: 10px; }
|
||||
.header h1 { margin: 0; color: #1e293b; font-size: 18px; text-transform: uppercase; }
|
||||
.header p { margin: 5px 0; color: #64748b; font-size: 8px; letter-spacing: 2px; }
|
||||
|
||||
.meta-info { margin-bottom: 20px; width: 100%; }
|
||||
.meta-info td { vertical-align: top; }
|
||||
|
||||
table { width: 100%; border-collapse: collapse; margin-bottom: 20px; table-layout: fixed; }
|
||||
th { background-color: #f8fafc; border: 1px solid #e2e8f0; padding: 8px; text-align: left; text-transform: uppercase; color: #475569; font-size: 8px; }
|
||||
td { border: 1px solid #e2e8f0; padding: 8px; vertical-align: top; word-wrap: break-word; }
|
||||
|
||||
/* Status Colors */
|
||||
.badge { padding: 3px 6px; border-radius: 4px; font-weight: bold; font-size: 7px; text-transform: uppercase; }
|
||||
.bg-red { background-color: #fee2e2; color: #991b1b; }
|
||||
.bg-amber { background-color: #fef3c7; color: #92400e; }
|
||||
.bg-green { background-color: #d1fae5; color: #065f46; }
|
||||
.bg-slate { background-color: #f1f5f9; color: #475569; }
|
||||
|
||||
.footer { position: fixed; bottom: 0; width: 100%; text-align: center; font-size: 8px; color: #94a3b8; border-top: 1px solid #e2e8f0; padding-top: 5px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<h1>ILY CATTERY - INTELLIGENCE REPORT</h1>
|
||||
<p>MODUL: {{ strtoupper($module) }} | UNIT ANALYTICS SYSTEM</p>
|
||||
</div>
|
||||
|
||||
<table class="meta-info">
|
||||
<tr>
|
||||
<td width="50%">
|
||||
<strong>Dicetak Oleh:</strong> {{ Auth::user()->name }}<br>
|
||||
<strong>Tanggal Cetak:</strong> {{ now()->translatedFormat('d F Y H:i') }}
|
||||
</td>
|
||||
<td width="50%" style="text-align: right;">
|
||||
<strong>Total Data:</strong> {{ count($data) }} Records<br>
|
||||
<strong>Status Laporan:</strong> {{ strtoupper($title) }}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="30px">No</th>
|
||||
{{-- JUDUL KOLOM DINAMIS --}}
|
||||
@if($module == 'cats')
|
||||
<th>Nama Kucing</th><th>Ras</th><th>Kelamin</th><th>Tgl Lahir</th><th>Status</th>
|
||||
@elseif(in_array($module, ['vaccine', 'deworming', 'flea', 'grooming']))
|
||||
<th>Nama Kucing</th><th>Tindakan</th><th>PIC Staf</th><th>Jadwal</th><th>Status Analitik</th>
|
||||
@elseif(in_array($module, ['medicine', 'food', 'supplies']))
|
||||
<th>Nama Produk</th><th>Stok</th><th>Unit</th><th>Tgl Expired</th><th>Kondisi</th>
|
||||
@else
|
||||
<th>Informasi Utama</th><th>Detail</th><th>PIC</th><th>Tanggal</th><th>Status</th>
|
||||
@endif
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@forelse($data as $index => $item)
|
||||
@php
|
||||
// Deteksi Kolom Tanggal
|
||||
$dateCol = match($module) {
|
||||
'cats' => 'tanggal_lahir',
|
||||
'vaccine' => 'jadwal_vaksin',
|
||||
'deworming' => 'jadwal_obat_cacing',
|
||||
'flea' => 'jadwal_obat_kutu',
|
||||
'grooming' => 'jadwal_grooming',
|
||||
'medicine', 'food' => 'expired_date',
|
||||
default => 'created_at'
|
||||
};
|
||||
$dateVal = $item->{$dateCol};
|
||||
@endphp
|
||||
<tr>
|
||||
<td style="text-align: center;">{{ $index + 1 }}</td>
|
||||
|
||||
{{-- ISI DATA DINAMIS --}}
|
||||
@if($module == 'cats')
|
||||
<td><strong>{{ $item->nama_kucing }}</strong></td>
|
||||
<td>{{ $item->ras }}</td>
|
||||
<td>{{ $item->jenis_kelamin }}</td>
|
||||
<td>{{ $item->tanggal_lahir ? \Carbon\Carbon::parse($item->tanggal_lahir)->format('d/m/Y') : '-' }}</td>
|
||||
<td>
|
||||
<span class="badge {{ $item->riwayat_sakit_terakhir ? 'bg-amber' : 'bg-green' }}">
|
||||
{{ $item->riwayat_sakit_terakhir ? 'In Treatment' : 'Healthy' }}
|
||||
</span>
|
||||
</td>
|
||||
|
||||
@elseif(in_array($module, ['vaccine', 'deworming', 'flea', 'grooming']))
|
||||
<td><strong>{{ $item->nama_kucing }}</strong></td>
|
||||
<td>{{ strtoupper($module) }}</td>
|
||||
<td>{{ $item->pic->name ?? '-' }}</td>
|
||||
<td>{{ $dateVal ? \Carbon\Carbon::parse($dateVal)->format('d/m/Y') : 'NOT SET' }}</td>
|
||||
<td>
|
||||
@if(empty($dateVal))
|
||||
<span class="badge bg-slate">Date Not Set</span>
|
||||
@elseif(\Carbon\Carbon::parse($dateVal)->isPast())
|
||||
<span class="badge bg-red">Overdue</span>
|
||||
@elseif(\Carbon\Carbon::parse($dateVal)->diffInDays(now()) <= 7)
|
||||
<span class="badge bg-amber">Soon</span>
|
||||
@else
|
||||
<span class="badge bg-green">Safe</span>
|
||||
@endif
|
||||
</td>
|
||||
|
||||
@elseif(in_array($module, ['medicine', 'food', 'supplies']))
|
||||
<td><strong>{{ $item->nama_obat ?? $item->nama_makanan ?? $item->nama_perlengkapan }}</strong></td>
|
||||
<td>{{ $item->qty }}</td>
|
||||
<td>{{ $item->unit }}</td>
|
||||
<td>{{ $item->expired_date ? \Carbon\Carbon::parse($item->expired_date)->format('d/m/Y') : '-' }}</td>
|
||||
<td>
|
||||
@if($item->qty < 5)
|
||||
<span class="badge bg-red">Low Stock</span>
|
||||
@elseif($item->expired_date && \Carbon\Carbon::parse($item->expired_date)->isPast())
|
||||
<span class="badge bg-red">Expired</span>
|
||||
@else
|
||||
<span class="badge bg-green">Ready</span>
|
||||
@endif
|
||||
</td>
|
||||
@endif
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="6" style="text-align: center; padding: 20px;">Data Tidak Ditemukan</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="footer">
|
||||
Ily Cattery Intelligence System - Dokumen Sah Dihasilkan Secara Otomatis
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user