@extends('admin.layouts.app')

@section('title', 'Stock')

@section('content')
    <h1>Fuel stock</h1>

    <table>
        <tr>
            <th>Pump</th>
            <th>Fuel type</th>
            <th>Current stock</th>
            <th>Add delivery</th>
            <th>Correct stock</th>
            <th></th>
        </tr>
        @foreach ($pumps as $pump)
            <tr>
                <td>{{ $pump->name }}</td>
                <td>
                    {{ $pump->fuelType->name }}
                    <div style="font-size:11px; color:var(--text-muted);">
                        Import: ៛{{ number_format($pump->fuelType->import_price_riel, 0) }}/L
                    </div>
                </td>
                <td style="{{ $pump->stock && $pump->stock->isLow() ? 'color:#B3261E; font-weight:600;' : '' }}">
                    @if ($pump->stock)
                        {{ number_format($pump->stock->current_liters, 2) }}L
                        @if ($pump->stock->isLow())
                            <span style="font-size:11px;">(low &mdash; below {{ number_format($pump->stock->low_stock_threshold, 0) }}L)</span>
                        @endif
                    @else
                        <span style="color:var(--text-muted);">Not set up</span>
                    @endif
                </td>
                <td>
                    <form method="POST" action="{{ route('admin.stock.restock', $pump) }}"
                          class="restock-form"
                          data-import-riel="{{ $pump->fuelType->import_price_riel }}"
                          style="display:flex; gap:6px; align-items:center;">
                        @csrf
                        <input type="number" name="add_liters" class="restock-liters" step="0.01" min="0.01" placeholder="Liters" style="margin:0; width:100px;" required>
                        <span class="restock-hint" style="font-size:11px; color:var(--text-muted); white-space:nowrap;"></span>
                        <button type="submit" class="btn" style="padding:8px 12px; font-size:12.5px;">Add</button>
                    </form>
                </td>
                <td>
                    <form method="POST" action="{{ route('admin.stock.adjust', $pump) }}" style="display:flex; gap:6px;">
                        @csrf
                        @method('PUT')
                        <input type="number" name="stock_liters" step="0.01" min="0" placeholder="Actual liters" style="margin:0; width:130px;" required>
                        <button type="submit" class="btn secondary" style="padding:8px 12px; font-size:12.5px;">Set</button>
                    </form>
                </td>
                <td>
                    <a href="{{ route('admin.stock.history', $pump) }}" class="link">History</a>
                </td>
            </tr>
        @endforeach
    </table>

    <p style="color:var(--text-muted); font-size:12.5px; margin-top:16px;">
        <strong>Add delivery</strong> increases stock by the liters received, and automatically logs the cost as a Fuel purchase expense using each fuel's import price. Set import prices in <a href="{{ route('admin.fuel-types.index') }}" class="link">Fuel types</a>.
        <strong>Correct stock</strong> overwrites stock to an exact number, after a physical tank measurement.
    </p>

    <script>
        (function () {
            document.querySelectorAll('.restock-form').forEach(function (form) {
                const importRiel = parseFloat(form.getAttribute('data-import-riel')) || 0;
                const litersInput = form.querySelector('.restock-liters');
                const hint = form.querySelector('.restock-hint');

                litersInput.addEventListener('input', function () {
                    const liters = parseFloat(litersInput.value) || 0;

                    if (!importRiel) {
                        hint.textContent = liters > 0 ? 'No import price set' : '';
                        return;
                    }

                    hint.textContent = liters > 0
                        ? 'Cost ≈ ' + Math.round(liters * importRiel).toLocaleString() + ' Riel'
                        : '';
                });
            });
        })();
    </script>
</script>
@endsection