@extends('layouts.app')
@section('title', 'Open Cash Shift')
@section('content')

<div class="max-w-2xl 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>

    <div class="bg-white rounded-xl border border-gray-200 p-6">
        <h1 class="text-lg font-bold text-gray-900 mb-1">Open New Cash Shift</h1>
        <p class="text-xs text-gray-500 mb-5">Declare the opening float — the physical cash you're starting the shift with. This becomes the baseline for the variance check at close.</p>

        @if($errors->any())
            <div class="bg-red-50 border border-red-200 rounded-lg p-3 mb-4">
                <ul class="text-xs text-red-700 list-disc pl-5">
                    @foreach($errors->all() as $err)<li>{{ $err }}</li>@endforeach
                </ul>
            </div>
        @endif

        @if($lastClosed)
        <div class="bg-blue-50 border border-blue-200 rounded-lg p-3 mb-4 text-xs text-blue-800">
            <p class="font-semibold mb-1">Last shift closed at:</p>
            <p>
                Shift #{{ $lastClosed->id }} ({{ $lastClosed->closed_at?->format('d M Y, H:i') }})
                — Counted <strong>KES {{ number_format($lastClosed->closing_count, 2) }}</strong>
            </p>
            <p class="mt-1 text-[11px] text-blue-700/80">
                Your opening float should match this if no cash moved between shifts (or you collected fresh from the safe).
            </p>
        </div>
        @endif

        <form method="POST" action="{{ route('cash-recon.open') }}">
            @csrf

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <label class="form-label">Shift Label <span class="text-red-500">*</span></label>
                    <select name="shift_label" required class="form-input">
                        @foreach(['morning','afternoon','evening','overnight','custom'] as $lbl)
                            <option value="{{ $lbl }}" {{ ($suggestedLabel ?? 'morning') === $lbl ? 'selected' : '' }}>
                                {{ ucfirst($lbl) }}
                            </option>
                        @endforeach
                    </select>
                    <p class="text-[11px] text-gray-400 mt-1">Auto-suggested by time of day; change if needed.</p>
                </div>
                <div>
                    <label class="form-label">Opening Float (KES) <span class="text-red-500">*</span></label>
                    <input type="number" step="0.01" min="0" name="opening_float" value="{{ old('opening_float') }}" required class="form-input" placeholder="0.00">
                    <p class="text-[11px] text-gray-400 mt-1">Count the physical cash now. Notes + coins.</p>
                </div>
            </div>

            <div class="mt-4">
                <label class="form-label">Notes (optional)</label>
                <textarea name="opening_notes" rows="2" class="form-input" placeholder="Anything unusual at start of shift?">{{ old('opening_notes') }}</textarea>
            </div>

            <div class="flex gap-3 mt-6">
                <button type="submit" class="btn-success px-6 py-2.5">Open Shift</button>
                <a href="{{ route('cash-recon.index') }}" class="btn-secondary px-5 py-2.5">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection