@extends('layouts.app')
@section('title', 'Cash registers')

@section('content')
    <div class="page-head">
        <div><h1>Cash registers</h1><p>Tills for walk-in payments, and the shifts run on them.</p></div>
        <div class="page-actions">
            <a href="{{ route('registers.shifts') }}" class="btn secondary">All shifts</a>
        </div>
    </div>

    <div class="grid grid-3 mb-2">
        @include('components.kpi', ['label' => 'Registers', 'value' => (string) $totals['registers'], 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Shifts open now', 'value' => (string) $totals['open'],
            'variant' => $totals['open'] ? 'warn' : 'good'])
        @include('components.kpi', ['label' => 'Net variance (closed)', 'value' => money($totals['variance']),
            'variant' => $totals['variance'] < 0 ? 'bad' : 'good'])
    </div>

    <div class="grid grid-2">
        <div class="card">
            <div class="card-head"><h3>Add a register</h3></div>
            <form method="POST" action="{{ route('registers.store') }}">
                @csrf
                <div class="card-body">
                    <div class="field">
                        <label>Name <span class="req">*</span></label>
                        <input type="text" name="name" maxlength="90" required
                               value="{{ old('name') }}" placeholder="HQ front desk till">
                        @error('name')<span class="err">{{ $message }}</span>@enderror
                    </div>
                    <div class="grid grid-2">
                        <div class="field">
                            <label>Branch</label>
                            <select name="branch_id">
                                <option value="">Unassigned</option>
                                @foreach ($branches as $b)
                                    <option value="{{ $b->id }}">{{ $b->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="field">
                            <label>Opening float <span class="req">*</span></label>
                            <input type="number" name="opening_balance" step="0.01" min="0" required
                                   value="{{ old('opening_balance', '200.00') }}">
                            @error('opening_balance')<span class="err">{{ $message }}</span>@enderror
                        </div>
                    </div>
                </div>
                <div class="card-foot"><button class="btn" type="submit">Create register</button></div>
            </form>
        </div>

        <div class="card">
            <div class="card-head"><h3>How a shift works</h3></div>
            <div class="card-body">
                <dl>
                    <dt>Open</dt><dd>Start a shift with a counted float. One open shift per register.</dd>
                    <dt>Sync</dt><dd>Pulls the cash payments that user has taken since the shift opened, so <em>expected</em> is float plus takings.</dd>
                    <dt>Close</dt><dd>Enter the physical count. <strong>Variance</strong> = counted − expected.</dd>
                    <dt>Variance</dt><dd>Negative means the drawer was short. That is the control figure — it is the only thing that proves the drawer matched the system.</dd>
                </dl>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-head"><h3>Registers</h3></div>
        <div class="card-body" style="padding:0;">
            @if ($registers->isEmpty())
                @include('components.empty-state', [
                    'icon' => '&#128176;',
                    'title' => 'No cash registers',
                    'message' => 'Create a till above to start tracking walk-in cash and shift variances.',
                ])
            @else
                <table class="data">
                    <thead>
                    <tr>
                        <th>Register</th><th>Branch</th><th class="num">Float</th>
                        <th>Last shift</th><th>Status</th><th style="width:34%;">Open a shift</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($registers as $register)
                        @php
                            $last = $register->shifts->first();
                            $open = $last && $last->status === 'open';
                        @endphp
                        <tr>
                            <td class="strong">{{ $register->name }}</td>
                            <td class="small">{{ $register->branch?->name ?: '—' }}</td>
                            <td class="num">{{ money($register->opening_balance) }}</td>
                            <td class="small nowrap">
                                @if ($last)
                                    {{ $last->opened_at?->format('d M H:i') }}
                                    @if ($last->status === 'closed')
                                        <div class="tiny {{ $last->variance < 0 ? '' : 'muted' }}">
                                            variance {{ money($last->variance) }}</div>
                                    @endif
                                @else — @endif
                            </td>
                            <td>
                                @if ($open)
                                    <span class="badge warning"><span class="dot"></span>Open</span>
                                @else
                                    <span class="badge muted"><span class="dot"></span>Closed</span>
                                @endif
                            </td>
                            <td>
                                @if (! $open)
                                    <form method="POST" action="{{ route('registers.open', $register) }}" class="inline-form">
                                        @csrf
                                        <input type="number" name="opening_amount" step="0.01" min="0" required
                                               value="{{ $register->opening_balance }}" style="width:110px;">
                                        <button class="btn xs" type="submit">Open shift</button>
                                    </form>
                                @else
                                    <a href="{{ route('registers.shifts', ['status' => 'open']) }}" class="btn xs secondary">Go to shift</a>
                                @endif
                                <form method="POST" action="{{ route('registers.destroy', $register) }}"
                                      data-confirm="Remove {{ $register->name }}?" style="display:inline;">
                                    @csrf @method('DELETE')
                                    <button class="btn xs danger" type="submit" @disabled($open)>Remove</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endif
        </div>
    </div>
@endsection