@extends('layouts.app')

@section('title', 'Pharmacy Health')

@php
    $grade = \App\Models\StockCount::grade($summary['score']);
    [$gradeLabel, $gradeTone] = $grade ? \App\Models\StockCount::GRADES[$grade] : ['No counts yet', 'secondary'];
    $statusInfo = \App\Services\PharmacyHealth::STAFF_STATUS;
    $trend = $counts->where('status', 'finished')->sortBy('finished_at')->take(-20)->values();
@endphp

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-start mb-4 flex-wrap gap-2">
        <div>
            <h4 class="fw-bold mb-1"><i class="bi bi-heart-pulse me-2"></i>Pharmacy Health</h4>
            <p class="text-muted small mb-0">Shelf counts against the system: is stock where the system says it is? Missing stock is the pharmacy's overall result.</p>
        </div>
        <div class="d-flex flex-wrap gap-2">
            <x-report-buttons />
            <button class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#startCount" @disabled($open)>
                <i class="bi bi-clipboard-check me-1"></i> Start a count
            </button>
        </div>
    </div>

    @if($open)
        <div class="alert alert-info d-flex flex-wrap justify-content-between align-items-center gap-2">
            <span><i class="bi bi-hourglass-split me-1"></i> A count is in progress: <strong>{{ $open->scope_label }}</strong>, started {{ $open->created_at->diffForHumans() }} by {{ $open->user->name ?? 'someone' }}.</span>
            <a href="{{ route('pharmacy-health.show', $open) }}" class="btn btn-sm btn-primary">Continue counting</a>
        </div>
    @endif

    <!-- Period and search -->
    <form method="GET" class="ph-filters mb-4">
        <div class="btn-group btn-group-sm" role="group" aria-label="Period">
            @foreach([7 => '7 days', 30 => '30 days', 90 => '90 days', 365 => '1 year'] as $d => $label)
                <a href="{{ route('pharmacy-health.index', array_filter(['days' => $d, 'search' => $search])) }}"
                   class="btn {{ $days === $d ? 'btn-primary' : 'btn-outline-primary' }}">{{ $label }}</a>
            @endforeach
        </div>
        <div class="d-flex align-items-center gap-1">
            <input type="date" name="from" class="form-control form-control-sm" value="{{ $from->toDateString() }}" aria-label="From">
            <span class="text-muted small">to</span>
            <input type="date" name="to" class="form-control form-control-sm" value="{{ $to->toDateString() }}" aria-label="To">
        </div>
        <input type="search" name="search" class="form-control form-control-sm ph-search" value="{{ $search }}" placeholder="Product, person or note">
        <button class="btn btn-sm btn-outline-primary"><i class="bi bi-funnel me-1"></i> Apply</button>
    </form>

    <!-- Headline -->
    <div class="row g-3 mb-4">
        <div class="col-lg-4">
            <div class="ph-card ph-score tone-{{ $gradeTone }} h-100">
                <div class="ph-ring" style="--p: {{ $summary['score'] ?? 0 }};">
                    <span>{{ $summary['score'] !== null ? rtrim(rtrim(number_format($summary['score'], 1), '0'), '.') . '%' : '–' }}</span>
                </div>
                <div>
                    <div class="small text-muted">Health score, {{ $from->format('d M') }} – {{ $to->format('d M Y') }}</div>
                    <div class="fs-5 fw-bold text-{{ $gradeTone }}">{{ $gradeLabel }}</div>
                    <div class="small text-muted">95%+ healthy · 85–95% watch · below 85% at risk</div>
                    @if($summary['last'])
                        <div class="small mt-1">Last count {{ $summary['last']->finished_at->diffForHumans() }}</div>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-lg-8">
            <div class="row g-3 h-100">
                @foreach([
                    ['Counts', number_format($summary['counts']), number_format($summary['lines']) . ' products checked', 'bi-clipboard-check', 'secondary'],
                    ['Short on the shelf', number_format($summary['short_lines']), formatCurrency($summary['shortage_value']) . ' at cost', 'bi-exclamation-triangle-fill', $summary['short_lines'] ? 'danger' : 'success'],
                    ['More than system', number_format($summary['over_lines']), 'Sales or deliveries not recorded?', 'bi-plus-circle', $summary['over_lines'] ? 'warning' : 'secondary'],
                    ['Staff to review', number_format($staff->where('status', 'review')->count()), $staff->where('status', 'watch')->count() . ' to watch', 'bi-person-exclamation', $staff->where('status', 'review')->count() ? 'danger' : 'success'],
                ] as [$label, $value, $hint, $icon, $tone])
                    <div class="col-6 col-md-3">
                        <div class="ph-card h-100">
                            <div class="small text-muted"><i class="bi {{ $icon }} text-{{ $tone }} me-1"></i>{{ $label }}</div>
                            <div class="fs-4 fw-bold">{{ $value }}</div>
                            <div class="small text-muted">{{ $hint }}</div>
                        </div>
                    </div>
                @endforeach
                @if($trend->count() > 1)
                    <div class="col-12">
                        <div class="ph-card">
                            <div class="small text-muted mb-1">Health of each count (oldest to newest)</div>
                            <div class="ph-trend" aria-label="Health score trend">
                                @foreach($trend as $c)
                                    @php $t = \App\Models\StockCount::GRADES[\App\Models\StockCount::grade((float) $c->health_score)][1]; @endphp
                                    <a href="{{ route('pharmacy-health.show', $c) }}" class="bg-{{ $t }}" style="height: {{ max(6, (float) $c->health_score) }}%;"
                                       title="{{ $c->finished_at->format('d M') }}: {{ $c->health_score }}%"></a>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Staff health -->
    <div class="ph-card mb-4 p-0">
        <div class="px-3 pt-3">
            <h6 class="fw-bold mb-0">Staff warnings</h6>
            <p class="small text-muted mb-2">From Loss Prevention in the same period: deleted or edited sales, voids, cash shortages and similar. Stock counts are not put against anyone.</p>
        </div>
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light small">
                    <tr><th>Person</th><th class="text-end">Shifts</th><th class="text-end">Sales</th><th class="text-end">Warnings</th><th>Status</th></tr>
                </thead>
                <tbody>
                    @forelse($staff as $s)
                        @php [$sLabel, $sTone, $sHint] = $statusInfo[$s->status]; @endphp
                        <tr>
                            <td class="fw-semibold">{{ $s->user->name }}</td>
                            <td class="text-end">{{ $s->shifts }}</td>
                            <td class="text-end">{{ formatCurrency($s->sales_total) }}<div class="small text-muted">{{ $s->sales_count }} sales</div></td>
                            <td class="text-end">
                                <a href="{{ route('integrity.index', ['from' => $from->toDateString(), 'to' => $to->toDateString()]) }}" class="text-decoration-none">{{ $s->warnings }}</a>
                                @if($s->serious)<div class="small text-danger">{{ $s->serious }} serious</div>@endif
                            </td>
                            <td><span class="badge bg-{{ $sTone }}-subtle text-{{ $sTone }} border" title="{{ $sHint }}">{{ $sLabel }}</span></td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="text-center text-muted py-4">No staff activity in this period.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <!-- Counts -->
    <div class="ph-card p-0">
        <div class="px-3 pt-3"><h6 class="fw-bold mb-2">Stock counts</h6></div>
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light small">
                    <tr><th>Date</th><th>Products</th><th>Counted by</th><th class="text-end">Matched</th><th class="text-end">Short</th>
                        <th class="text-end">Missing (cost)</th><th class="text-end">Health</th><th></th></tr>
                </thead>
                <tbody>
                    @forelse($counts as $c)
                        @php $cg = $c->isOpen() ? null : \App\Models\StockCount::grade((float) $c->health_score); @endphp
                        <tr>
                            <td class="text-nowrap">{{ ($c->finished_at ?? $c->created_at)->format('d M Y H:i') }}</td>
                            <td>{{ $c->scope_label }}@if($c->note)<div class="small text-muted">{{ $c->note }}</div>@endif</td>
                            <td>{{ $c->user->name ?? '-' }}</td>
                            @if($c->isOpen())
                                <td colspan="4" class="text-end"><span class="badge bg-info-subtle text-info border">In progress</span></td>
                            @else
                                <td class="text-end">{{ $c->lines_matched }} / {{ $c->lines_counted }}</td>
                                <td class="text-end {{ $c->lines_short ? 'text-danger fw-semibold' : '' }}">{{ $c->lines_short }}</td>
                                <td class="text-end">{{ formatCurrency((float) $c->shortage_value) }}</td>
                                <td class="text-end"><span class="badge bg-{{ \App\Models\StockCount::GRADES[$cg][1] }}">{{ rtrim(rtrim(number_format((float) $c->health_score, 1), '0'), '.') }}%</span></td>
                            @endif
                            <td class="text-end"><a href="{{ route('pharmacy-health.show', $c) }}" class="btn btn-sm btn-outline-primary">{{ $c->isOpen() ? 'Continue' : 'View' }}</a></td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="text-center text-muted py-4">No counts in this period{{ $search ? ' matching "' . $search . '"' : '' }}. Start one when you next visit.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

<!-- Start a count -->
<div class="modal fade" id="startCount" tabindex="-1" aria-labelledby="startCountTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('pharmacy-health.store') }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title fw-bold" id="startCountTitle"><i class="bi bi-clipboard-check me-1"></i> Start a count</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                @php $scope = old('scope', 'spot_check'); @endphp
                <label class="ph-option">
                    <input type="radio" class="form-check-input" name="scope" value="spot_check" @checked($scope === 'spot_check')>
                    <span>
                        <span class="fw-bold d-block">Surprise check</span>
                        <span class="small text-muted d-block mb-2">A few products nobody can predict: half from the riskiest (expensive, fast-selling, short last time), half at random.</span>
                        <span class="input-group input-group-sm" style="max-width: 190px;">
                            <input type="number" name="size" min="1" max="200" value="{{ old('size', 20) }}" class="form-control" aria-label="How many products">
                            <span class="input-group-text">products</span>
                        </span>
                    </span>
                </label>
                <label class="ph-option">
                    <input type="radio" class="form-check-input" name="scope" value="category" @checked($scope === 'category')>
                    <span class="flex-grow-1">
                        <span class="fw-bold d-block">One category</span>
                        <select name="category_id" class="form-select form-select-sm mt-1" aria-label="Category">
                            <option value="">Choose…</option>
                            @foreach($categories as $category)
                                <option value="{{ $category->id }}" @selected(old('category_id') == $category->id)>{{ $category->name }}</option>
                            @endforeach
                        </select>
                    </span>
                </label>
                <label class="ph-option">
                    <input type="radio" class="form-check-input" name="scope" value="all" @checked($scope === 'all')>
                    <span><span class="fw-bold d-block">Everything</span><span class="small text-muted">A full stock take.</span></span>
                </label>
                <input type="text" name="note" maxlength="255" class="form-control form-control-sm mt-2" value="{{ old('note') }}" placeholder="Note (optional), e.g. Visit by owner">
                @if($errors->any())<div class="text-danger small mt-2">{{ $errors->first() }}</div>@endif
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                <button class="btn btn-primary">Start counting</button>
            </div>
        </form>
    </div>
</div>

<style>
    .ph-card { background: #fff; border-radius: 14px; box-shadow: 0 1px 3px rgba(15, 23, 42, .08); padding: 1rem 1.1rem; }
    .ph-filters { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
    .ph-search { max-width: 240px; }
    .ph-score { display: flex; align-items: center; gap: 1.1rem; }
    .ph-ring { --c: #94a3b8; flex-shrink: 0; width: 104px; height: 104px; border-radius: 50%; display: grid; place-items: center;
        background: conic-gradient(var(--c) calc(var(--p) * 1%), #e5e7eb 0); }
    .ph-ring span { width: 80px; height: 80px; border-radius: 50%; background: #fff; display: grid; place-items: center; font-size: 1.35rem; font-weight: 800; }
    .tone-success .ph-ring { --c: #16a34a; } .tone-warning .ph-ring { --c: #f59e0b; } .tone-danger .ph-ring { --c: #dc2626; }
    .ph-trend { display: flex; align-items: flex-end; gap: 4px; height: 56px; }
    .ph-trend a { flex: 1; max-width: 28px; border-radius: 4px 4px 0 0; opacity: .85; }
    .ph-trend a:hover { opacity: 1; }
    .ph-option { display: flex; gap: .75rem; align-items: flex-start; padding: .8rem 1rem; border: 1px solid #e5e7eb; border-radius: 12px; margin-bottom: .5rem; cursor: pointer; }
    .ph-option .form-check-input { margin-top: .2rem; flex-shrink: 0; }
    .ph-option:has(input:checked) { border-color: var(--theme-primary); background: #f0fdf4; }
    @media (max-width: 576px) { .ph-search { max-width: none; flex: 1 1 100%; } .ph-score { flex-direction: column; text-align: center; } }
</style>
@if($errors->any())
    <script>document.addEventListener('DOMContentLoaded', function () { bootstrap.Modal.getOrCreateInstance(document.getElementById('startCount')).show(); });</script>
@endif
@endsection