@extends('layouts.admin')

@section('title', 'Inventory Stock History - Orange Groceries Admin')
@section('header_title', 'Inventory Audit Log')

@section('content')
<div class="bg-white rounded-3xl p-6 border border-slate-200/80 shadow-sm space-y-4">
    <div class="flex items-center justify-between border-b border-slate-100 pb-4">
        <h3 class="font-extrabold text-slate-900 text-base">Full Inventory Movement Log</h3>
        <a href="{{ route('admin.inventory.index') }}" class="text-xs font-bold text-slate-500 hover:underline">Back to Stock Entry</a>
    </div>

    <div class="overflow-x-auto">
        <table class="w-full text-left text-xs">
            <thead>
                <tr class="text-slate-400 uppercase font-extrabold border-b border-slate-100">
                    <th class="pb-3">Timestamp</th>
                    <th class="pb-3">Product Name</th>
                    <th class="pb-3">Type</th>
                    <th class="pb-3">Quantity Change</th>
                    <th class="pb-3">Notes</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100 font-medium text-slate-800">
                @foreach($logs as $log)
                    <tr>
                        <td class="py-3 text-slate-500 font-mono">{{ $log->created_at->format('d M Y, h:i A') }}</td>
                        <td class="py-3 font-bold text-slate-900">{{ $log->product->name ?? 'Deleted Product' }}</td>
                        <td class="py-3 uppercase font-bold text-[10px] text-slate-600">{{ str_replace('_', ' ', $log->type) }}</td>
                        <td class="py-3 font-black text-sm {{ $log->quantity > 0 ? 'text-emerald-600' : 'text-rose-600' }}">
                            {{ $log->quantity > 0 ? '+' : '' }}{{ $log->quantity }}
                        </td>
                        <td class="py-3 text-slate-500">{{ $log->notes ?? '-' }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    {{ $logs->links() }}
</div>
@endsection