{{-- resources/views/reports/cash-up.blade.php --}}
@extends('layouts.app')
@section('title', 'Cash Up Report')
@section('page_title', 'Cash Up Report')
@section('page_subtitle', $from->format('d M Y') . ' — ' . $to->format('d M Y'))

@section('content')

@include('reports.partials.nav')
@include('reports.partials.filters', ['route' => 'reports.cash-up'])

<div class="row g-3 mb-3">
    <div class="col-sm-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon si-clay">
                <i class="bi bi-safe"></i>
            </div>
            <div>
                <div class="stat-value">{{ $total_shifts }}</div>
                <div class="stat-label">Total Shifts</div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon si-success">
                <i class="bi bi-check-circle"></i>
            </div>
            <div>
                <div class="stat-value">{{ $closed_shifts }}</div>
                <div class="stat-label">Closed Shifts</div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon si-info">
                <i class="bi bi-cash-stack"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format($total_cash, 2) }}
                </div>
                <div class="stat-label">Total Cash</div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon {{ abs($total_variance) > 0 ? 'si-danger' : 'si-success' }}">
                <i class="bi bi-arrow-left-right"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format(abs($total_variance), 2) }}
                </div>
                <div class="stat-label">
                    Total Variance
                    @if($total_variance < 0)
                        <span style="font-size:.68rem;color:var(--danger);">
                            (short)
                        </span>
                    @elseif($total_variance > 0)
                        <span style="font-size:.68rem;color:var(--success);">
                            (over)
                        </span>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <span class="card-title">Shift History</span>
    </div>

    @if($shifts->isEmpty())
        <div class="card-body text-center py-4">
            <p class="text-muted mb-0" style="font-size:.8rem;">
                No shifts in this period
            </p>
        </div>
    @else
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>Shift</th>
                        <th>Opened By</th>
                        <th>Opened</th>
                        <th>Closed</th>
                        <th>Opening Float</th>
                        <th>Expected</th>
                        <th>Closing Float</th>
                        <th>Variance</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($shifts as $shift)
                        @php
                            $variance = $shift->closing_float - ($shift->expected_float ?? 0);
                        @endphp
                        <tr>
                            <td style="font-size:.78rem;font-weight:600;
                                       color:var(--clay);">
                                {{ $shift->reference ?? 'SHF-' . $shift->id }}
                            </td>
                            <td style="font-size:.78rem;">
                                {{ $shift->openedBy?->name ?? '—' }}
                            </td>
                            <td style="font-size:.75rem;color:var(--muted);
                                       white-space:nowrap;">
                                {{ $shift->opened_at?->format('d M H:i') }}
                            </td>
                            <td style="font-size:.75rem;color:var(--muted);
                                       white-space:nowrap;">
                                {{ $shift->closed_at?->format('d M H:i') ?? '—' }}
                            </td>
                            <td style="font-size:.8rem;">
                                ${{ number_format($shift->opening_float, 2) }}
                            </td>
                            <td style="font-size:.8rem;">
                                ${{ number_format($shift->expected_float ?? 0, 2) }}
                            </td>
                            <td style="font-size:.82rem;font-weight:600;">
                                ${{ number_format($shift->closing_float ?? 0, 2) }}
                            </td>
                            <td style="font-size:.82rem;font-weight:600;
                                       color:{{ $variance < 0 ? 'var(--danger)' : ($variance > 0 ? 'var(--success)' : 'var(--muted)') }};">
                                @if($shift->status === 'closed')
                                    {{ $variance >= 0 ? '+' : '' }}${{ number_format($variance, 2) }}
                                @else
                                    —
                                @endif
                            </td>
                            <td>
                                <span style="font-size:.7rem;font-weight:600;
                                             padding:2px 8px;border-radius:20px;
                                             background:{{ $shift->status === 'closed' ? '#d1fae5' : '#fef3c7' }};
                                             color:{{ $shift->status === 'closed' ? '#065f46' : '#92400e' }};">
                                    {{ ucfirst($shift->status) }}
                                </span>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>

@endsection