@extends('layouts.admin')
@section('title', 'Cashier Shifts')
@section('content')
@php $currency = \App\Models\Hotel::query()->value('currency') ?? 'USD'; @endphp
<x-page-header title="Cashier Shifts"/>
<div class="hp-card mb-3"><div class="hp-card-header">Open Shift</div><div class="hp-card-body"><form method="POST" action="{{ route('admin.cashier-shifts.open') }}" class="row g-3">@csrf
<div class="col-md-4"><label class="form-label">Opening Float</label><input type="number" step="0.01" name="opening_float" class="form-control" value="{{ old('opening_float', 0) }}" min="0" required></div>
<div class="col-md-6"><label class="form-label">Notes</label><input name="notes" class="form-control" value="{{ old('notes') }}"></div>
<div class="col-md-2 align-self-end"><button class="btn btn-hp-primary w-100">Open Shift</button></div>
</form></div></div>
<div class="hp-card"><div class="table-responsive"><table class="table hp-table mb-0"><thead><tr><th>Cashier</th><th>Opened</th><th>Closed</th><th>Float</th><th>Closing</th><th>Expected</th><th>Status</th><th></th></tr></thead>
<tbody>@forelse($shifts as $s)<tr><td>{{ $s->user?->name ?? '—' }}</td>
<td>{{ $s->opened_at?->format('M j, H:i') }}</td><td>{{ $s->closed_at?->format('M j, H:i') ?? '—' }}</td>
<td>{{ $currency }} {{ number_format($s->opening_float, 2) }}</td>
<td>{{ $s->closing_amount !== null ? $currency.' '.number_format($s->closing_amount, 2) : '—' }}</td>
<td>{{ $s->expected_amount !== null ? $currency.' '.number_format($s->expected_amount, 2) : '—' }}</td>
<td><x-status-badge :status="$s->status"/></td>
<td>@if($s->status==='open')<button type="button" class="btn btn-sm btn-hp-outline" data-bs-toggle="collapse" data-bs-target="#close-{{ $s->id }}">Close</button>@endif</td></tr>
@if($s->status==='open')<tr class="collapse" id="close-{{ $s->id }}"><td colspan="8"><form method="POST" action="{{ route('admin.cashier-shifts.close', $s) }}" class="row g-2 p-2">@csrf
<div class="col-md-3"><input type="number" step="0.01" name="closing_amount" class="form-control" placeholder="Closing amount" min="0" required></div>
<div class="col-md-5"><input name="notes" class="form-control" placeholder="Notes"></div>
<div class="col-auto"><button class="btn btn-hp-primary">Confirm Close</button></div>
</form></td></tr>@endif
@empty<tr><td colspan="8" class="text-muted">No cashier shifts</td></tr>@endforelse</tbody></table></div><div class="p-3">{{ $shifts->links() }}</div></div>
@endsection