@extends('layouts.app')
@section('title', 'Cash Shift #' . $cashShift->id)
@section('content')

@php
    $isAdmin = auth()->user()->hasAnyRole('Super Admin', 'Hospital Admin');
    $isOwner = auth()->id() === $cashShift->opened_by_user_id;
    $variance = $cashShift->variance();
    $expected = $cashShift->expectedCash();
    $collected = $cashShift->cashCollected();
@endphp

<div class="max-w-5xl mx-auto">
    <div class="mb-3">
        <a href="{{ route('cash-recon.index') }}" class="text-xs text-emerald-600 hover:underline">← Back to Cash Recon</a>
    </div>

    @if(session('success'))
    <div class="bg-green-50 border border-green-200 rounded-lg px-3 py-2 mb-3 text-xs text-green-800">{{ session('success') }}</div>
    @endif
    @if(session('warning'))
    <div class="bg-amber-50 border border-amber-200 rounded-lg px-3 py-2 mb-3 text-xs text-amber-800">{{ session('warning') }}</div>
    @endif

    {{-- Header card --}}
    <div class="bg-white rounded-xl border border-gray-200 p-5 mb-4">
        <div class="flex items-start justify-between gap-4 flex-wrap">
            <div>
                <h1 class="text-lg font-bold text-gray-900">
                    Cash Shift #{{ $cashShift->id }}
                    <span class="ml-2 inline-block px-2 py-0.5 text-[10px] uppercase font-semibold rounded bg-blue-50 text-blue-700">{{ $cashShift->shift_label }}</span>
                </h1>
                <p class="text-xs text-gray-500 mt-1">
                    {{ $cashShift->shift_date->format('l, d M Y') }} · Opened by <strong>{{ $cashShift->openedBy->name ?? '—' }}</strong>
                    at {{ $cashShift->opened_at->format('H:i') }}
                    @if($cashShift->closed_at)
                        · Closed by <strong>{{ $cashShift->closedBy->name ?? '—' }}</strong> at {{ $cashShift->closed_at->format('H:i') }}
                    @endif
                </p>
            </div>
            <div>
                @php
                    $statusMap = [
                        'open'           => ['Open', 'bg-emerald-100 text-emerald-800'],
                        'pending_review' => ['Pending Review', 'bg-amber-100 text-amber-800'],
                        'closed'         => ['Closed', 'bg-gray-100 text-gray-700'],
                    ];
                    [$label, $class] = $statusMap[$cashShift->status] ?? [$cashShift->status, 'bg-gray-100 text-gray-700'];
                @endphp
                <span class="inline-block px-3 py-1 rounded-full text-xs font-bold uppercase {{ $class }}">{{ $label }}</span>
            </div>
        </div>
    </div>

    {{-- Reconciliation panel --}}
    <div class="bg-white rounded-xl border border-gray-200 overflow-hidden mb-4">
        <div class="px-5 py-3 border-b bg-gray-50">
            <h3 class="text-sm font-bold text-gray-800">Reconciliation</h3>
        </div>
        <table class="w-full text-sm">
            <tbody class="divide-y divide-gray-100">
                <tr>
                    <td class="px-5 py-2.5 text-gray-600">Opening float</td>
                    <td class="px-5 py-2.5 text-right font-mono">{{ number_format($cashShift->opening_float, 2) }}</td>
                </tr>
                <tr>
                    <td class="px-5 py-2.5 text-gray-600">+ Cash collected during shift</td>
                    <td class="px-5 py-2.5 text-right font-mono text-emerald-700">{{ number_format($collected, 2) }}</td>
                </tr>
                <tr class="bg-emerald-50/40">
                    <td class="px-5 py-2.5 font-bold text-gray-800">Expected cash {{ $cashShift->status === 'open' ? 'now' : 'at close' }}</td>
                    <td class="px-5 py-2.5 text-right font-mono font-bold text-emerald-700 text-base">{{ number_format($expected, 2) }}</td>
                </tr>
                @if($cashShift->closing_count !== null)
                <tr>
                    <td class="px-5 py-2.5 text-gray-600">Counted at close</td>
                    <td class="px-5 py-2.5 text-right font-mono">{{ number_format($cashShift->closing_count, 2) }}</td>
                </tr>
                <tr class="bg-{{ abs($variance) < 0.01 ? 'gray' : ($variance < 0 ? 'red' : 'blue') }}-50/40">
                    <td class="px-5 py-2.5 font-bold text-gray-800">Variance</td>
                    <td class="px-5 py-2.5 text-right font-mono font-bold text-base {{ abs($variance) < 0.01 ? 'text-gray-700' : ($variance < 0 ? 'text-red-600' : 'text-blue-600') }}">
                        {{ $variance >= 0 ? '+' : '' }}{{ number_format($variance, 2) }}
                    </td>
                </tr>
                @endif
            </tbody>
        </table>
        @if($cashShift->status === 'open')
            <div class="px-5 py-3 border-t bg-gray-50 text-right">
                @if($isOwner || $isAdmin)
                <a href="{{ route('cash-recon.close.form', $cashShift) }}" class="btn-success px-5 py-2 text-sm">Close Shift</a>
                @else
                <p class="text-xs text-gray-400">Only {{ $cashShift->openedBy->name ?? 'the opener' }} or an admin can close this shift.</p>
                @endif
            </div>
        @endif
    </div>

    {{-- Variance notes (if closed) --}}
    @if($cashShift->variance_notes)
    <div class="bg-white rounded-xl border border-gray-200 p-5 mb-4">
        <h3 class="text-xs font-bold text-gray-500 uppercase mb-2">Variance Notes (from {{ $cashShift->closedBy->name ?? '—' }})</h3>
        <p class="text-sm text-gray-700 whitespace-pre-line">{{ $cashShift->variance_notes }}</p>
    </div>
    @endif

    {{-- Admin approval inline (pending_review only, admin only) --}}
    @if($cashShift->status === 'pending_review' && $isAdmin)
    <div class="bg-amber-50 border border-amber-300 rounded-xl p-5 mb-4">
        <h3 class="text-sm font-bold text-amber-900 mb-1">Admin Variance Approval</h3>
        <p class="text-xs text-amber-800 mb-3">
            This shift was closed with a variance of <strong>KES {{ number_format($variance, 2) }}</strong>
            (threshold is KES 200). Approving acknowledges the variance and closes the shift permanently.
            <strong>This action is one-way</strong> — the receptionist cannot reopen to find missing cash.
        </p>
        @if($errors->any())
            <div class="bg-red-50 border border-red-200 rounded p-2 mb-3">
                <ul class="text-xs text-red-700 list-disc pl-5">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
            </div>
        @endif
        <form method="POST" action="{{ route('cash-recon.approve', $cashShift) }}">
            @csrf
            <label class="block text-[11px] font-bold text-amber-900 uppercase mb-1">Approval Notes <span class="text-red-500">*</span></label>
            <textarea name="approval_notes" rows="3" required minlength="5" class="form-input mb-3" placeholder="Why are you accepting this variance? (e.g., investigated, attributable to data entry error, decision to write off)">{{ old('approval_notes') }}</textarea>
            <button type="submit" onclick="return confirm('Approve and permanently close this shift? This cannot be undone.')"
                    class="px-5 py-2.5 bg-amber-600 hover:bg-amber-700 text-white text-sm font-bold rounded-lg">
                Approve &amp; Close Shift
            </button>
        </form>
    </div>
    @elseif($cashShift->status === 'pending_review' && !$isAdmin)
    <div class="bg-amber-50 border border-amber-200 rounded-xl p-4 mb-4 text-xs text-amber-800">
        Awaiting Hospital Admin review. Variance: KES {{ number_format($variance, 2) }}.
    </div>
    @endif

    {{-- Admin approval record (closed-with-approval shifts) --}}
    @if($cashShift->approved_at)
    <div class="bg-purple-50 border border-purple-200 rounded-xl p-4 mb-4">
        <h3 class="text-xs font-bold text-purple-700 uppercase mb-1">Variance Approved</h3>
        <p class="text-sm text-purple-900 mb-1">
            <strong>{{ $cashShift->approvedBy->name ?? '—' }}</strong> approved this shift's variance on
            {{ $cashShift->approved_at->format('d M Y, H:i') }}.
        </p>
        @if($cashShift->approval_notes)
            <p class="text-xs text-purple-800 mt-2 whitespace-pre-line">{{ $cashShift->approval_notes }}</p>
        @endif
    </div>
    @endif

    {{-- Cash payments list --}}
    <div class="bg-white rounded-xl border border-gray-200 overflow-hidden">
        <div class="px-5 py-3 border-b">
            <h3 class="text-sm font-bold text-gray-800">
                Cash Payments
                <span class="ml-2 text-xs font-normal text-gray-400">{{ $payments->count() }} payment(s) · KES {{ number_format($payments->sum('amount'), 2) }}</span>
            </h3>
            @if($cashShift->status === 'open')
                <p class="text-[11px] text-gray-400 mt-0.5">Live list — refresh to update.</p>
            @endif
        </div>
        @if($payments->isEmpty())
        <div class="text-center py-8 text-sm text-gray-400">No cash payments collected during this shift yet.</div>
        @else
        <table class="w-full">
            <thead class="bg-gray-50">
                <tr>
                    <th class="table-header">Time</th>
                    <th class="table-header">Patient</th>
                    <th class="table-header">Invoice</th>
                    <th class="table-header">Received By</th>
                    <th class="table-header text-right">Amount (KES)</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-50">
                @foreach($payments as $p)
                <tr class="hover:bg-gray-50">
                    <td class="table-cell text-xs">{{ $p->created_at->format('H:i:s') }}</td>
                    <td class="table-cell text-xs">{{ $p->patient->full_name ?? '—' }}</td>
                    <td class="table-cell text-xs font-mono">{{ $p->invoice->invoice_number ?? '—' }}</td>
                    <td class="table-cell text-xs">{{ $p->receiver->name ?? '—' }}</td>
                    <td class="table-cell text-xs text-right font-mono font-semibold">{{ number_format($p->amount, 2) }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
        @endif
    </div>
</div>
@endsection