@extends('layouts.app')

@section('title', 'Stock count #' . $count->id)

@php
    $qty = fn ($v) => $v === null ? '' : rtrim(rtrim(number_format((float) $v, 2), '0'), '.');
    $counted = $count->lines->whereNotNull('counted_qty')->count();
    $total = $count->lines->count();
@endphp

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-start mb-3 flex-wrap gap-2">
        <div>
            <a href="{{ route('pharmacy-health.index') }}" class="small text-decoration-none"><i class="bi bi-arrow-left"></i> Pharmacy Health</a>
            <h4 class="fw-bold mb-1 mt-1">Stock count #{{ $count->id }}</h4>
            <p class="text-muted small mb-0">{{ $count->scope_label }} · started {{ $count->created_at->format('d M Y H:i') }} by {{ $count->user->name ?? '-' }}
                @if($count->note) · {{ $count->note }} @endif</p>
        </div>
        @unless($count->isOpen())
            <div class="d-flex gap-2"><x-report-buttons /></div>
        @endunless
    </div>

    @if($count->isOpen())
        @php
            $missedIds = collect(session('missed', []));
            $missedLines = $count->lines->whereIn('id', $missedIds->all())->sortBy(fn ($l) => $l->product->name ?? '');
            $reasons = \App\Services\PharmacyHealth::SKIP_REASONS;
        @endphp
        {{-- Blind count: the system figure is not on this page --}}
        <div class="alert alert-light border small d-flex gap-2">
            <i class="bi bi-eye-slash fs-5"></i>
            <div>Count each product on the shelf and type the number. <strong>The system figure is hidden</strong> and taken at the moment you save,
                so sales during the count are fine. Save as you go. If you no longer have a product, press <strong>Skip</strong> and say why.</div>
        </div>

        {{-- Missed products: filled by the server after Finish, or by the page before sending --}}
        <div class="alert alert-warning ph-missed {{ $missedLines->isEmpty() ? 'd-none' : '' }}" id="missedBox" role="alert" tabindex="-1">
            <div class="fw-semibold mb-1"><i class="bi bi-exclamation-triangle-fill me-1"></i>
                <span id="missedTitle">{{ $missedLines->count() === 1 ? 'One product was missed.' : $missedLines->count() . ' products were missed.' }}</span>
                Please count {{ $missedLines->count() === 1 ? 'it' : 'them' }}, or skip any you no longer have.</div>
            <ul class="mb-0 ps-3" id="missedList">
                @foreach($missedLines as $line)
                    <li><a href="#line-{{ $line->id }}" data-goto="{{ $line->id }}">Please count this item: <strong>{{ $line->product->name ?? 'Product' }}</strong></a></li>
                @endforeach
            </ul>
        </div>

        <form method="POST" action="{{ route('pharmacy-health.update', $count) }}" id="countForm">
            @csrf
            @method('PUT')
            <div class="ph-sheet-head">
                <input type="search" class="form-control form-control-sm" id="sheetSearch" placeholder="Find a product" style="max-width: 260px;" aria-label="Find a product">
                <span class="small text-muted"><strong id="doneNow">{{ $count->lines->filter(fn ($l) => $l->counted_qty !== null || $l->skip_reason !== null)->count() }}</strong> of {{ $total }} done</span>
            </div>
            <div class="ph-card p-0">
                <table class="table align-middle mb-0" id="sheet">
                    <thead class="table-light small"><tr><th>Product</th><th style="width: 150px;">On the shelf</th><th style="width: 200px;"></th></tr></thead>
                    <tbody>
                        @foreach($count->lines->sortBy(fn ($l) => $l->product->name ?? '') as $line)
                            @php
                                $skip = old('skips.' . $line->id, $line->counted_qty === null ? $line->skip_reason : null);
                                $isMissed = $missedIds->contains($line->id);
                            @endphp
                            <tr id="line-{{ $line->id }}" data-line="{{ $line->id }}" data-name="{{ strtolower(($line->product->name ?? '') . ' ' . ($line->product->sku ?? '')) }}"
                                class="{{ $skip ? 'is-skipped' : '' }} {{ $isMissed ? 'is-missed' : '' }}">
                                <td>
                                    <div class="fw-semibold">{{ $line->product->name ?? 'Deleted product' }}</div>
                                    <div class="small text-muted">{{ $line->product->sku ?? '' }}{{ $line->product?->category ? ' · ' . $line->product->category->name : '' }}</div>
                                    <div class="ph-missed-note small"><i class="bi bi-arrow-right-circle-fill"></i> Please count this item</div>
                                </td>
                                <td>
                                    <input type="number" step="any" min="0" inputmode="decimal" class="form-control form-control-sm ph-qty"
                                           name="counts[{{ $line->id }}]" value="{{ old('counts.' . $line->id, $qty($line->counted_qty)) }}"
                                           aria-label="Counted {{ $line->product->name ?? '' }}" @disabled($skip)>
                                    @error('counts.' . $line->id)<div class="text-danger small">{{ $message }}</div>@enderror
                                </td>
                                <td class="small">
                                    <input type="hidden" name="skips[{{ $line->id }}]" value="{{ $skip }}" class="ph-skip-value">
                                    <div class="ph-skip-off">
                                        @if($line->counted_qty !== null)
                                            <span class="text-success me-2"><i class="bi bi-check-circle-fill"></i> Counted</span>
                                        @endif
                                        <button type="button" class="btn btn-sm btn-outline-secondary ph-skip-btn"><i class="bi bi-skip-forward me-1"></i>Skip</button>
                                    </div>
                                    <div class="ph-skip-on">
                                        <select class="form-select form-select-sm ph-skip-reason mb-1" aria-label="Why is {{ $line->product->name ?? 'it' }} skipped?">
                                            @foreach($reasons as $reason)
                                                <option value="{{ $reason }}" @selected(($skip ?: $reasons[0]) === $reason)>{{ $reason }}</option>
                                            @endforeach
                                        </select>
                                        <button type="button" class="btn btn-link btn-sm p-0 ph-unskip">Undo skip, count it</button>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @error('counts')<div class="alert alert-danger mt-2 py-2 small">{{ $message }}</div>@enderror

            <div class="ph-sheet-actions">
                <button class="btn btn-outline-primary" name="finish" value="0"><i class="bi bi-save me-1"></i> Save progress</button>
                <button class="btn btn-success" name="finish" value="1" id="finishBtn">
                    <i class="bi bi-flag-fill me-1"></i> Finish count
                </button>
            </div>
        </form>
        <form method="POST" action="{{ route('pharmacy-health.destroy', $count) }}" class="mt-2" onsubmit="return confirm('Discard this count? Nothing is kept.');">
            @csrf @method('DELETE')
            <button class="btn btn-link btn-sm text-danger p-0">Discard this count</button>
        </form>

        <script>
            (function () {
                const rows = Array.from(document.querySelectorAll('#sheet tbody tr'));
                const qtyOf = function (row) { return row.querySelector('.ph-qty'); };
                const skipOf = function (row) { return row.querySelector('.ph-skip-value'); };
                const isDone = function (row) { return qtyOf(row).value !== '' || skipOf(row).value !== ''; };
                const done = document.getElementById('doneNow');
                const refresh = function () { done.textContent = rows.filter(isDone).length; };

                const search = document.getElementById('sheetSearch');
                search.addEventListener('input', function () {
                    const q = search.value.trim().toLowerCase();
                    rows.forEach(function (row) { row.style.display = !q || row.dataset.name.includes(q) ? '' : 'none'; });
                });

                const setSkipped = function (row, on) {
                    row.classList.toggle('is-skipped', on);
                    qtyOf(row).disabled = on;
                    skipOf(row).value = on ? row.querySelector('.ph-skip-reason').value : '';
                    if (on) { qtyOf(row).value = ''; row.classList.remove('is-missed'); }
                    refresh();
                };

                document.getElementById('sheet').addEventListener('click', function (e) {
                    const row = e.target.closest('tr');
                    if (!row) return;
                    if (e.target.closest('.ph-skip-btn')) setSkipped(row, true);
                    if (e.target.closest('.ph-unskip')) { setSkipped(row, false); qtyOf(row).focus(); }
                });
                document.getElementById('sheet').addEventListener('change', function (e) {
                    if (e.target.classList.contains('ph-skip-reason')) skipOf(e.target.closest('tr')).value = e.target.value;
                });
                document.getElementById('sheet').addEventListener('input', function (e) {
                    if (e.target.classList.contains('ph-qty') && e.target.value !== '') e.target.closest('tr').classList.remove('is-missed');
                    refresh();
                });

                // Enter moves to the next product instead of submitting
                rows.forEach(function (row, i) {
                    qtyOf(row).addEventListener('keydown', function (e) {
                        if (e.key !== 'Enter') return;
                        e.preventDefault();
                        const next = rows.slice(i + 1).find(function (r) { return !qtyOf(r).disabled; });
                        if (next) qtyOf(next).focus();
                    });
                });

                const goTo = function (row) {
                    search.value = '';
                    rows.forEach(function (r) { r.style.display = ''; });
                    row.scrollIntoView({ behavior: 'smooth', block: 'center' });
                    qtyOf(row).focus({ preventScroll: true });
                };
                document.getElementById('missedList').addEventListener('click', function (e) {
                    const link = e.target.closest('[data-goto]');
                    if (!link) return;
                    e.preventDefault();
                    goTo(document.getElementById('line-' + link.dataset.goto));
                });

                // Finish: list what was missed instead of sending
                document.getElementById('finishBtn').addEventListener('click', function (e) {
                    const missed = rows.filter(function (row) { return !isDone(row); });
                    if (!missed.length) {
                        if (!confirm('Finish the count? Shortages are recorded in Loss Prevention.')) e.preventDefault();
                        return;
                    }
                    e.preventDefault();
                    rows.forEach(function (row) { row.classList.toggle('is-missed', missed.includes(row)); });
                    const box = document.getElementById('missedBox');
                    document.getElementById('missedTitle').textContent = missed.length === 1 ? 'One product was missed.' : missed.length + ' products were missed.';
                    document.getElementById('missedList').innerHTML = missed.map(function (row) {
                        const name = row.querySelector('.fw-semibold').textContent;
                        const li = document.createElement('li');
                        li.innerHTML = '<a href="#line-' + row.dataset.line + '" data-goto="' + row.dataset.line + '">Please count this item: <strong></strong></a>';
                        li.querySelector('strong').textContent = name;
                        return li.outerHTML;
                    }).join('');
                    box.classList.remove('d-none');
                    box.scrollIntoView({ behavior: 'smooth', block: 'start' });
                    goTo(missed[0]);
                });

                @if($missedLines->isNotEmpty())
                    document.getElementById('missedBox').scrollIntoView({ block: 'start' });
                @endif
            })();
        </script>
    @else
        @php
            $grade = \App\Models\StockCount::grade((float) $count->health_score);
            [$gradeLabel, $gradeTone] = \App\Models\StockCount::GRADES[$grade];
            $order = ['short' => 0, 'over' => 1, 'match' => 2, 'skipped' => 3];
        @endphp
        <div class="row g-3 mb-3">
            @foreach([
                ['Health', rtrim(rtrim(number_format((float) $count->health_score, 1), '0'), '.') . '%', $gradeLabel, $gradeTone],
                ['Matched', $count->lines_matched . ' / ' . $count->lines_counted, 'products', 'secondary'],
                ['Short', $count->lines_short, formatCurrency((float) $count->shortage_value) . ' at cost', $count->lines_short ? 'danger' : 'success'],
                ['More than system', $count->lines_over, formatCurrency((float) $count->over_value) . ' at cost', $count->lines_over ? 'warning' : 'secondary'],
            ] as [$label, $value, $hint, $tone])
                <div class="col-6 col-lg-3">
                    <div class="ph-card h-100">
                        <div class="small text-muted">{{ $label }}</div>
                        <div class="fs-4 fw-bold text-{{ $tone === 'secondary' ? 'body' : $tone }}">{{ $value }}</div>
                        <div class="small text-muted">{{ $hint }}</div>
                    </div>
                </div>
            @endforeach
        </div>

        <div class="ph-card p-0">
            <div class="table-responsive">
                <table class="table align-middle mb-0">
                    <thead class="table-light small">
                        <tr><th>Product</th><th class="text-end">System</th><th class="text-end">Shelf</th><th class="text-end">Difference</th>
                            <th class="text-end">Value (cost)</th><th></th></tr>
                    </thead>
                    <tbody>
                        @foreach($count->lines->sortBy(fn ($l) => [$order[$l->result] ?? 3, $l->product->name ?? '']) as $line)
                            @php $value = abs((float) $line->difference) * (float) $line->unit_cost; @endphp
                            <tr class="{{ ['short' => 'table-danger', 'over' => 'table-warning', 'skipped' => 'text-muted'][$line->result] ?? '' }}">
                                <td>
                                    <div class="fw-semibold">{{ $line->product->name ?? 'Deleted product' }}</div>
                                    <div class="small text-muted">{{ $line->result === 'skipped' ? 'skipped ' . $line->skipped_at?->format('d M H:i') : 'counted ' . $line->counted_at?->format('d M H:i') }}{{ $line->counter ? ' by ' . $line->counter->name : '' }}</div>
                                </td>
                                <td class="text-end">{{ $qty($line->expected_qty) }}</td>
                                <td class="text-end">{{ $qty($line->counted_qty) }}</td>
                                <td class="text-end fw-bold">
                                    @if($line->result === 'match')
                                        <span class="text-success"><i class="bi bi-check2"></i> 0</span>
                                    @elseif($line->result === 'skipped')
                                        –
                                    @else
                                        {{ (float) $line->difference > 0 ? '+' : '' }}{{ $qty($line->difference) }}
                                    @endif
                                </td>
                                <td class="text-end">{{ in_array($line->result, ['match', 'skipped'], true) ? '' : formatCurrency($value) }}</td>
                                <td class="small">
                                    @if($line->result === 'short')
                                        <span class="text-danger">Missing from the shelf</span>
                                    @elseif($line->result === 'over')
                                        <span class="text-muted">More than the system: a delivery or a return not entered?</span>
                                    @elseif($line->result === 'skipped')
                                        <span class="badge bg-secondary-subtle text-secondary border"><i class="bi bi-skip-forward me-1"></i>Skipped: {{ $line->skip_reason }}</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <p class="small text-muted mt-2">
            System figures were taken when each product was counted; the person counting did not see them.
            @if($count->lines_short) The shortage is recorded once in <a href="{{ route('integrity.index') }}">Loss Prevention</a> as the pharmacy's, not against any one person. @endif
            The system stock was not changed: correct it with a stock adjustment once you know what happened.
        </p>
    @endif
</div>

<style>
    .ph-card { background: #fff; border-radius: 14px; box-shadow: 0 1px 3px rgba(15, 23, 42, .08); padding: 1rem 1.1rem; }
    .ph-sheet-head { display: flex; justify-content: space-between; align-items: center; gap: .5rem; margin-bottom: .6rem; flex-wrap: wrap; }
    #sheet .ph-skip-on, #sheet .ph-missed-note { display: none; }
    #sheet tr.is-skipped .ph-skip-on { display: block; }
    #sheet tr.is-skipped .ph-skip-off { display: none; }
    #sheet tr.is-skipped td { background: #f8fafc; color: #94a3b8; }
    #sheet tr.is-missed td { background: #fff7ed; }
    #sheet tr.is-missed .ph-missed-note { display: block; color: #c2410c; font-weight: 600; }
    #sheet tr.is-missed .ph-qty { border-color: #f97316; box-shadow: 0 0 0 .15rem rgba(249,115,22,.25); }
    .ph-sheet-actions { position: sticky; bottom: 0; display: flex; gap: .5rem; justify-content: flex-end; padding: .75rem 0; background: linear-gradient(transparent, #f8fafc 35%); }
</style>
@endsection