@extends('layouts.admin')

@section('title', 'Dashboard')

@push('head')
<style>
.stat-card {
	border: 0;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.stat-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
}
.stat-card a {
	color: inherit;
	text-decoration: none;
}
.stat-card .stat-icon {
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: rgba(15, 23, 42, 0.05);
	color: #0f172a;
}
.stat-card .stat-value {
	font-size: 1.85rem;
	font-weight: 700;
	color: #0f172a;
	margin: 0;
	line-height: 1.1;
}
.stat-card .stat-label {
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #64748b;
	font-weight: 600;
	margin-top: 4px;
}

.recent-feed .feed-row {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 0;
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
.recent-feed .feed-row:last-child { border-bottom: 0; }

.recent-feed .feed-pill {
	display: inline-block;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 6px;
	white-space: nowrap;
	min-width: 92px;
	text-align: center;
}
.feed-pill.judgement        { background: rgba(99, 102, 241, 0.12); color: #4338ca; }
.feed-pill.article          { background: rgba(34, 197, 94, 0.12);  color: #15803d; }
.feed-pill.circular         { background: rgba(245, 158, 11, 0.14); color: #b45309; }
.feed-pill.amendment        { background: rgba(244, 63, 94, 0.12);  color: #be123c; }
.feed-pill.samasya_samadhan { background: rgba(20, 184, 166, 0.12); color: #0f766e; }
.feed-pill.research_article { background: rgba(168, 85, 247, 0.14); color: #6b21a8; }

.recent-feed .feed-label {
	flex: 1;
	color: #0f172a;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.recent-feed .feed-meta {
	color: #94a3b8;
	font-size: 0.8rem;
	white-space: nowrap;
}
</style>
@endpush

@section('content')
<div class="row mb-3">
	<div class="col-auto d-none d-sm-block">
		<h3 class="mb-0"><strong>JOTI Journal</strong> Dashboard</h3>
		<p class="text-muted mb-0">Overview of all content and users in the system.</p>
	</div>
</div>

{{-- ───────────  Content / user stat cards  ─────────── --}}
<div class="row">
	@foreach ($stats as $stat)
		@php $hasRoute = $stat['route'] && \Illuminate\Support\Facades\Route::has($stat['route']); @endphp
		<div class="col-12 col-sm-6 col-lg-3 mb-3">
			<div class="card stat-card h-100">
				@if ($hasRoute)
					<a href="{{ route($stat['route']) }}" class="d-block">
				@endif
				<div class="card-body d-flex align-items-center">
					<div class="stat-icon me-3">
						<i data-feather="{{ $stat['icon'] }}"></i>
					</div>
					<div class="flex-grow-1">
						<p class="stat-value">{{ number_format($stat['value']) }}</p>
						<p class="stat-label">{{ $stat['label'] }}</p>
					</div>
					@if ($hasRoute)
						<i class="align-self-center text-muted" data-feather="chevron-right"></i>
					@endif
				</div>
				@if ($hasRoute)
					</a>
				@endif
			</div>
		</div>
	@endforeach
</div>

{{-- ───────────  Recent additions feed  ─────────── --}}
<div class="row">
	<div class="col-12">
		<div class="card">
			<div class="card-header d-flex justify-content-between align-items-center">
				<h5 class="card-title mb-0">Recent Additions</h5>
				<span class="text-muted small">Latest items across all content types</span>
			</div>
			<div class="card-body recent-feed">
				@forelse ($recent as $r)
					@php
						$canView = \Illuminate\Support\Facades\Route::has('user.item.view');
						$humanType = ucwords(str_replace('_', ' ', $r['type']));
						$rowTagOpen  = $canView
							? '<a href="' . route('user.item.view', ['type' => $r['type'], 'id' => $r['id']]) . '" target="_blank" rel="noopener" class="feed-row text-decoration-none">'
							: '<div class="feed-row">';
						$rowTagClose = $canView ? '</a>' : '</div>';
					@endphp
					{!! $rowTagOpen !!}
						<span class="feed-pill {{ $r['type'] }}">{{ $humanType }}</span>
						<span class="feed-label">{{ $r['label'] }}</span>
						<span class="feed-meta">
							{{ $r['created_at'] ? \Carbon\Carbon::parse($r['created_at'])->diffForHumans() : 'unknown date' }}
						</span>
					{!! $rowTagClose !!}
				@empty
					<p class="text-muted mb-0 text-center py-4">No content has been added yet.</p>
				@endforelse
			</div>
		</div>
	</div>
</div>
@endsection