@extends('layouts.admin')

@section('title', 'Cash Register Logs')
@section('subtitle', \Carbon\Carbon::parse($date)->format('F d, Y'))

@section('actions')
    <input type="date" value="{{ $date }}" onchange="window.location.href='?date=' + this.value"
        class="px-4 py-2 border border-slate-300 rounded-xl focus:border-blue-500 outline-none">
@endsection

@section('content')
    <div class="space-y-6">
        {{-- Summary Cards --}}
        <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-6 text-center">
                <p class="text-sm text-slate-500 mb-1">Total Sessions</p>
                <p class="text-2xl font-bold text-slate-800">{{ number_format($summary['total_registers']) }}</p>
                <p class="text-xs text-slate-400 mt-1">
                    {{ $summary['open_registers'] }} Open / {{ $summary['closed_registers'] }} Closed
                </p>
            </div>
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-6 text-center">
                <p class="text-sm text-slate-500 mb-1">Total Opening Float</p>
                <p class="text-2xl font-bold text-blue-600">LKR {{ number_format($summary['total_opening'], 2) }}</p>
            </div>
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-6 text-center">
                <p class="text-sm text-slate-500 mb-1">Expected In Till</p>
                <p class="text-2xl font-bold text-slate-800">LKR {{ number_format($summary['total_expected'], 2) }}</p>
            </div>
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-6 text-center">
                <p class="text-sm text-slate-500 mb-1">Net Variance (Over/Short)</p>
                <p class="text-2xl font-bold {{ $summary['total_difference'] < 0 ? 'text-red-500' : ($summary['total_difference'] > 0 ? 'text-green-600' : 'text-slate-500') }}">
                    LKR {{ number_format($summary['total_difference'], 2) }}
                </p>
            </div>
        </div>

        {{-- Sessions Table --}}
        <div class="bg-white rounded-2xl shadow-sm border border-slate-200">
            <div class="p-4 border-b border-slate-200">
                <h3 class="text-lg font-semibold text-slate-800">Register Sessions</h3>
            </div>

            @if($sessions->count() > 0)
                <div class="overflow-x-auto">
                    <table class="w-full min-w-[1000px] border-collapse">
                        <thead>
                            <tr class="text-left text-sm text-slate-500 border-b border-slate-200 bg-slate-50/50">
                                <th class="px-6 py-4 font-medium">Cashier</th>
                                <th class="px-6 py-4 font-medium">Branch</th>
                                <th class="px-6 py-4 font-medium">Status</th>
                                <th class="px-6 py-4 font-medium">Opened At</th>
                                <th class="px-6 py-4 font-medium">Closed At</th>
                                <th class="px-6 py-4 font-medium text-right">Opening Float</th>
                                <th class="px-6 py-4 font-medium text-right">Expected Cash</th>
                                <th class="px-6 py-4 font-medium text-right">Actual Drawer</th>
                                <th class="px-6 py-4 font-medium text-right">Variance</th>
                                <th class="px-6 py-4 font-medium">Notes</th>
                            </tr>
                        </thead>
                        <tbody class="text-sm divide-y divide-slate-100">
                            @foreach($sessions as $session)
                                @php
                                    $diff = $session->status === 'closed' ? ((float)$session->closing_amount - (float)$session->expected_amount) : 0;
                                @endphp
                                <tr class="hover:bg-slate-50/50 transition">
                                    <td class="px-6 py-4 font-medium text-slate-800">{{ $session->user->name }}</td>
                                    <td class="px-6 py-4 text-slate-600">{{ $session->branch->name }}</td>
                                    <td class="px-6 py-4">
                                        <span class="inline-block px-2.5 py-0.5 rounded-full text-xs font-semibold
                                            {{ $session->status === 'open' ? 'bg-blue-50 text-blue-600' : 'bg-slate-100 text-slate-600' }}">
                                            {{ ucfirst($session->status) }}
                                        </span>
                                    </td>
                                    <td class="px-6 py-4 text-slate-500">{{ $session->opened_at->format('H:i') }}</td>
                                    <td class="px-6 py-4 text-slate-500">
                                        {{ $session->closed_at ? $session->closed_at->format('H:i') : '-' }}
                                    </td>
                                    <td class="px-6 py-4 text-right font-mono text-slate-600">LKR {{ number_format($session->opening_amount, 2) }}</td>
                                    <td class="px-6 py-4 text-right font-mono text-slate-700">
                                        {{ $session->expected_amount ? 'LKR ' . number_format($session->expected_amount, 2) : '-' }}
                                    </td>
                                    <td class="px-6 py-4 text-right font-mono text-slate-900 font-semibold">
                                        {{ $session->closing_amount ? 'LKR ' . number_format($session->closing_amount, 2) : '-' }}
                                    </td>
                                    <td class="px-6 py-4 text-right font-mono font-semibold">
                                        @if($session->status === 'closed')
                                            <span class="{{ $diff < 0 ? 'text-red-500' : ($diff > 0 ? 'text-green-600' : 'text-slate-500') }}">
                                                LKR {{ number_format($diff, 2) }}
                                            </span>
                                        @else
                                            <span class="text-slate-400">-</span>
                                        @endif
                                    </td>
                                    <td class="px-6 py-4 text-slate-500 max-w-[200px] truncate" title="{{ $session->notes }}">
                                        {{ $session->notes ?: '-' }}
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <div class="p-12 text-center text-slate-400">
                    <p class="text-4xl mb-2">📋</p>
                    <p>No register sessions logged for this date</p>
                </div>
            @endif
        </div>
    </div>
@endsection