@extends('admin.layouts.app')
@section('title','Stock History — '.$product->product_name)
@section('breadcrumb')
    <span>/</span> <a href="{{ route('admin.inventory.index') }}" style="color:inherit;text-decoration:none;">Inventory</a>
    <span>/</span> {{ $product->product_name }} <span>/</span> Stock History
@endsection

@section('content')
<div class="page-header">
    <div>
        <h1>Stock History</h1>
        <p class="page-subtitle">{{ $product->product_name }} &mdash; <code>{{ $product->product_code }}</code></p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.csr.products.show',$product) }}" class="btn btn-outline-info">
            <i class="fas fa-eye me-2"></i>View Product
        </a>
        <a href="{{ route('admin.inventory.index') }}" class="btn btn-outline-secondary">
            <i class="fas fa-arrow-left me-2"></i>Back
        </a>
    </div>
</div>

<!-- Current Stock Card -->
<div class="row g-3 mb-4">
    <div class="col-md-3">
        <div class="card p-3 text-center" style="border-top:3px solid {{ $product->current_quantity===0?'#ef4444':($product->current_quantity<10?'#f59e0b':'#22c55e') }};">
            <div style="font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;">Current Stock</div>
            <div style="font-size:28px;font-weight:700;color:{{ $product->current_quantity===0?'#dc2626':($product->current_quantity<10?'#d97706':'#16a34a') }};">
                {{ $product->current_quantity }}
            </div>
            <div style="font-size:12px;color:#94a3b8;">{{ $product->unit ?? 'units' }}</div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card p-3 text-center" style="border-top:3px solid #22c55e;">
            <div style="font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;">Total Added</div>
            <div style="font-size:22px;font-weight:700;color:#16a34a;">
                {{ $transactions->where('transaction_type','stock_added')->sum('quantity') }}
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card p-3 text-center" style="border-top:3px solid #ef4444;">
            <div style="font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;">Total Used</div>
            <div style="font-size:22px;font-weight:700;color:#dc2626;">
                {{ $transactions->where('transaction_type','stock_used')->sum('quantity') }}
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card p-3 text-center" style="border-top:3px solid #2563eb;">
            <div style="font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;">Transactions</div>
            <div style="font-size:22px;font-weight:700;">{{ $transactions->total() }}</div>
        </div>
    </div>
</div>

<!-- History Table -->
<div class="card">
    <div class="card-header"><h6 class="mb-0 fw-700"><i class="fas fa-history text-primary me-2"></i>Transaction History</h6></div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead style="background:#f8fafc;">
                    <tr>
                        <th class="ps-3">Transaction ID</th>
                        <th>Type</th>
                        <th>Qty</th>
                        <th>Before</th>
                        <th>After</th>
                        <th>Reference</th>
                        <th>Description</th>
                        <th>By</th>
                        <th>Date</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($transactions as $tx)
                    <tr>
                        <td class="ps-3">
                            <code style="font-size:11px;background:#f1f5f9;padding:2px 6px;border-radius:4px;">
                                {{ $tx->transaction_id }}
                            </code>
                        </td>
                        <td>
                            @php
                            $typeMap = ['stock_added'=>['success','plus-circle','Added'],
                                        'stock_used'=>['danger','minus-circle','Used'],
                                        'stock_adjustment'=>['warning','sliders-h','Adjusted'],
                                        'stock_returned'=>['info','undo','Returned']];
                            $t = $typeMap[$tx->transaction_type] ?? ['secondary','circle','Unknown'];
                            @endphp
                            <span class="badge bg-{{ $t[0] }}">
                                <i class="fas fa-{{ $t[1] }} me-1"></i>{{ $t[2] }}
                            </span>
                        </td>
                        <td>
                            <span style="font-weight:700;font-size:14px;color:{{ in_array($tx->transaction_type,['stock_used']) ? '#dc2626' : '#16a34a' }};">
                                {{ in_array($tx->transaction_type,['stock_used']) ? '-' : '+' }}{{ $tx->quantity }}
                            </span>
                        </td>
                        <td style="font-size:13px;color:#64748b;">{{ $tx->previous_quantity }}</td>
                        <td style="font-weight:600;font-size:13px;">{{ $tx->new_quantity }}</td>
                        <td style="font-size:12px;">{{ $tx->reference_type ? ucfirst($tx->reference_type).' #'.$tx->reference_id : '—' }}</td>
                        <td style="font-size:12px;color:#64748b;">{{ Str::limit($tx->description,40) ?? '—' }}</td>
                        <td style="font-size:12px;">{{ $tx->createdBy->name ?? '—' }}</td>
                        <td style="font-size:12px;color:#64748b;">{{ \Carbon\Carbon::parse($tx->created_at)->format('d M Y H:i') }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="9" class="text-center py-5 text-muted">
                            <i class="fas fa-history d-block mb-2" style="font-size:32px;color:#cbd5e1;"></i>
                            No stock transactions yet
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($transactions->hasPages())
    <div class="card-footer bg-white py-3">{{ $transactions->links() }}</div>
    @endif
</div>
@endsection