@extends('layouts.app') @section('title','Dasbor') @section('subtitle','Ringkasan aktivitas dan mutu beton') @section('content')
<div class="d-flex justify-content-between align-items-center mb-4"><div><h3 class="fw-bold mb-1">Selamat datang, {{explode(' ',auth()->user()->name)[0]}}</h3><p class="text-secondary mb-0">Pantau pekerjaan laboratorium dari satu tempat.</p></div><a href="{{route('mix-design.index')}}" class="btn btn-primary"><i class="bi bi-plus-lg me-2"></i>Desain Campuran Baru</a></div>
<div class="row g-3 mb-4">@foreach([['Proyek Aktif',$stats['projects'],'briefcase'],['Sumber Material',$stats['materials'],'box-seam'],['Total Desain Campuran',$stats['mixes'],'calculator'],['Draf',$stats['drafts'],'pencil-square'],['Disetujui',$stats['approved'],'patch-check']] as $s)
<div class="col-sm-6 col-xl"><div class="card p-3 h-100"><div class="d-flex justify-content-between"><div><div class="text-secondary small">{{$s[0]}}</div><div class="fs-3 fw-bold mt-2">{{$s[1]}}</div></div><div class="metric-icon"><i class="bi bi-{{$s[2]}}"></i></div></div></div></div>@endforeach</div>
<div class="row g-4"><div class="col-lg-8"><div class="card p-4"><div class="d-flex justify-content-between"><div><h5 class="fw-bold">Kuat Tekan berdasarkan Umur</h5><small class="text-secondary">Grafik aktif setelah data pengujian tersedia</small></div><span class="badge badge-soft align-self-start">MPa</span></div><canvas id="chart" height="115"></canvas></div></div>
<div class="col-lg-4"><div class="card p-4 h-100"><h5 class="fw-bold">Aktivitas Terbaru</h5>@forelse($recent as $a)<div class="border-bottom py-3"><div class="small"><b>{{$a->user->name??'Sistem'}}</b> {{$a->action}} data</div><div class="text-secondary" style="font-size:.75rem">{{$a->module}} • {{$a->created_at->diffForHumans()}}</div></div>@empty<div class="text-center text-secondary py-5"><i class="bi bi-clock-history fs-2"></i><p class="mt-2">Belum ada aktivitas</p></div>@endforelse</div></div></div>
@endsection @push('scripts')<script src="https://cdn.jsdelivr.net/npm/chart.js"></script><script>new Chart(document.getElementById('chart'),{type:'line',data:{labels:['3 hari','7 hari','14 hari','21 hari','28 hari'],datasets:[{label:'Aktual',data:[null,null,null,null,null],borderColor:'#0a796f',tension:.35},{label:'Sasaran',data:[10,18,24,27,30],borderColor:'#d6a93b',borderDash:[6,5],tension:.35}]},options:{plugins:{legend:{position:'bottom'}},scales:{y:{beginAtZero:true}}}})</script>@endpush