@extends('admin.layouts.app')

@section('title', 'Stock history')

@section('content')
    <style>
        tr.clickable { cursor: pointer; }
        tr.clickable:hover td { background: var(--bg); }
    </style>

    <h1>{{ $pump->name }} &mdash; stock history</h1>

    <table>
        <tr>
            <th>Date</th>
            <th>Type</th>
            <th>Change</th>
            <th>Resulting stock</th>
            <th>Details</th>
        </tr>
        @forelse ($movements as $movement)
            @php
                $saleUrl = ($movement->type === 'sale' && $movement->sale)
                    ? route('admin.sales.show', $movement->sale)
                    : null;
            @endphp
            <tr class="{{ $saleUrl ? 'clickable' : '' }}"
                @if ($saleUrl) onclick="if (!event.target.closest('a')) window.location='{{ $saleUrl }}'" @endif>
                <td>{{ $movement->created_at->format('d/m/Y H:i') }}</td>
                <td>{{ ucfirst($movement->type) }}</td>
                <td style="{{ $movement->change_liters < 0 ? 'color:#B3261E;' : 'color:#1FAF6E;' }}">
                    {{ $movement->change_liters > 0 ? '+' : '' }}{{ number_format($movement->change_liters, 2) }}L
                </td>
                <td>{{ number_format($movement->resulting_liters, 2) }}L</td>
                <td>
                    @if ($saleUrl)
                        <a href="{{ $saleUrl }}" class="link">{{ $movement->sale->invoice_number }} &rarr;</a>
                    @elseif ($movement->type === 'sale')
                        Sale (record deleted)
                    @else
                        {{ $movement->note ?? '—' }}
                    @endif
                </td>
            </tr>
        @empty
            <tr><td colspan="5">No stock movements yet.</td></tr>
        @endforelse
    </table>

    <div style="margin-top: 20px;">
        {{ $movements->links() }}
    </div>

    <p style="margin-top: 16px;">
        <a href="{{ route('admin.stock.index') }}" class="link">&larr; Back to stock</a>
    </p>
@endsection