@extends('layouts.app')
@section('title', 'Register shifts')

@section('content')
    <div class="page-head">
        <div><h1>Register shifts</h1><p>{{ $shifts->total() }} shift(s) matching your filters.</p></div>
        <div class="page-actions">
            <a href="{{ route('registers.index') }}" class="btn secondary">Registers</a>
        </div>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Open now', 'value' => (string) $totals['open'],
            'variant' => $totals['open'] ? 'warn' : 'good'])
        @include('components.kpi', ['label' => 'Cash expected', 'value' => money($totals['cash']), 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Net variance', 'value' => money($totals['variance']),
            'variant' => $totals['variance'] < 0 ? 'bad' : 'good'])
        @include('components.kpi', ['label' => 'Short shifts', 'value' => (string) $totals['short'],
            'variant' => $totals['short'] ? 'bad' : 'good'])
    </div>

    <form class="filters" method="GET">
        <div class="field">
            <label>Register</label>
            <select name="cash_register_id" data-auto-submit>
                <option value="">All</option>
                @foreach ($registers as $r)
                    <option value="{{ $r->id }}" @selected(($filters['cash_register_id'] ?? '') == $r->id)>{{ $r->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="field">
            <label>Status</label>
            <select name="status" data-auto-submit>
                <option value="">All</option>
                @foreach ($statuses as $s)
                    <option value="{{ $s }}" @selected(($filters['status'] ?? '') === $s)>{{ title_case_words($s) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field"><label>&nbsp;</label><button class="btn secondary" type="submit">Filter</button></div>
    </form>

    <div class="card">
        <div class="card-body" style="padding:0;">
            @if ($shifts->isEmpty())
                @include('components.empty-state', [
                    'icon' => '&#128176;',
                    'title' => 'No shifts yet',
                    'message' => 'Open a shift on a register to start recording cash takings.',
                ])
            @else
                <table class="data">
                    <thead>
                    <tr>
                        <th>Register</th><th>Operator</th><th>Opened</th>
                        <th class="num">Float</th><th class="num">Expected</th>
                        <th class="num">Counted</th><th class="num">Variance</th>
                        <th class="num">Txns</th><th>Status</th><th style="width:24%;">Close</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($shifts as $shift)
                        <tr>
                            <td class="small">{{ $shift->register?->name ?: '—' }}</td>
                            <td class="small">{{ $shift->user?->name ?: '—' }}</td>
                            <td class="small nowrap">{{ $shift->opened_at?->format('d M H:i') }}</td>
                            <td class="num">{{ money($shift->opening_amount) }}</td>
                            <td class="num strong">{{ money($shift->expected_amount) }}</td>
                            <td class="num">
                                {{ $shift->status === 'closed' ? money($shift->counted_amount) : '—' }}
                                @if ($shift->closed_at)<div class="tiny muted">{{ $shift->closed_at->format('d M H:i') }}</div>@endif
                            </td>
                            <td class="num strong {{ $shift->variance < 0 ? '' : 'muted' }}">
                                {{ $shift->status === 'closed' ? money($shift->variance) : '—' }}
                                @if ($shift->status === 'closed' && $shift->variance < 0)
                                    <div class="tiny">short</div>
                                @endif
                            </td>
                            <td class="num">{{ $shift->transactions_count }}</td>
                            <td><span class="badge {{ $shift->status === 'open' ? 'warning' : 'success' }}">
                                <span class="dot"></span>{{ title_case_words($shift->status) }}</span></td>
                            <td>
                                @if ($shift->status === 'open')
                                    <form method="POST" action="{{ route('registers.sync', $shift) }}" style="display:inline;">
                                        @csrf
                                        <button class="btn xs secondary" type="submit"
                                                title="Recount the cash taken since this shift opened">Sync</button>
                                    </form>
                                    <form method="POST" action="{{ route('registers.close', $shift) }}" class="inline-form">
                                        @csrf
                                        <input type="number" name="counted_amount" step="0.01" min="0" required
                                               placeholder="Counted" style="width:96px;">
                                        <button class="btn xs" type="submit"
                                                data-confirm="Close this shift against the entered count?">Close</button>
                                    </form>
                                @elseif ($shift->notes)
                                    <span class="tiny muted">{{ \Illuminate\Support\Str::limit($shift->notes, 40) }}</span>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endif
        </div>
        @if ($shifts->hasPages())<div class="card-foot">{{ $shifts->links('partials.pagination') }}</div>@endif
    </div>
@endsection