@extends('layouts.dashboard')

@section('content')
@php
/**
 * Vendor → Cash drawer: till sessions with a BLIND cash-up.
 *
 * While a session is open and uncounted the controller does not compute expected cash and
 * does not send the components it could be derived from, so there is nothing on this page
 * for an operator to copy into the count field. Counting is the first step, not the last.
 *
 * @var array|null $open           the open shift row (or null)
 * @var array|null $openTotals     ledger totals — present ONLY once the drawer is counted
 * @var float|null $expected       expected cash — present ONLY once the drawer is counted
 * @var float|null $declared       what the operator counted, this cash-up
 * @var float|null $variance       counted − expected, once both exist
 * @var array $movementCounts      how many movements of each kind this session
 * @var array $openMovements       recent movements of the open shift
 * @var array|null $session        non-cash trading figures for the open session
 * @var array $closed              closed sessions (newest first)
 * @var array $trendChart @var array $trendMeta @var array $trendStats
 */
$typeLabels = ['sale' => t_raw('vendor.shifts.type_sale'), 'refund' => t_raw('vendor.shifts.type_refund'), 'payin' => t_raw('vendor.shifts.type_payin'), 'payout' => t_raw('vendor.shifts.type_payout'), 'drop' => t_raw('vendor.shifts.type_drop')];
$typePills  = ['sale' => 'qm-pill-green', 'refund' => 'qm-pill-red', 'payin' => 'qm-pill-blue', 'payout' => 'qm-pill-amber', 'drop' => 'qm-pill-grey'];
$declared   = $declared ?? null;
$counted    = $declared !== null;          // the one switch this whole screen turns on
$movementCounts = $movementCounts ?? [];
$session    = $session ?? null;
$trendStats = $trendStats ?? ['short' => 0, 'over' => 0, 'balanced' => 0, 'worst' => 0.0, 'sessions' => 0];
// The shift history takes no filters beyond the restaurant scope, so the export needs no query string.
$qs = '';
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
@if ($open)
<div class="qm-card">
    <div class="qm-ops-head">
        <div>
            <h2 class="mb-0">{{ t_raw('vendor.shifts.drawer_open_title') }}</h2>
            <p class="qm-ops-sub">{!! t_raw('vendor.shifts.drawer_open_sub', [':time' => fmt_datetime($open['opened_at'])]) !!}</p>
        </div>
        <div class="d-flex flex-wrap gap-2">
            <button type="button" class="qm-btn qm-btn-outline" data-bs-toggle="modal" data-bs-target="#cashMoveModal"><i class="fas fa-exchange-alt me-1" aria-hidden="true"></i> {{ t_raw('vendor.shifts.cash_movement_label') }}</button>
            <a href="{{ url('/vendor/shifts/' . (int) $open['id']) }}" class="qm-btn qm-btn-outline"><i class="fas fa-file-alt me-1" aria-hidden="true"></i> {{ t_raw('vendor.shifts.xreport_link') }}</a>
        </div>
    </div>

    @php /* Non-cash trading figures. None of these is money in the drawer, so none of
       them can be added up into the expected total the count has to be blind to. */
@endphp
    @if ($session)
    <div class="qm-order-totals">
        <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.stat_orders_placed') }}</span><span class="qm-ot-v">{{ number_format((int) $session['orders_c']) }}</span></span>
        <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('common.cancelled') }}</span><span class="qm-ot-v">{{ number_format((int) $session['cancelled_c']) }}</span></span>
        <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.stat_tips') }}</span><span class="qm-ot-v">{{ money($session['tips_s']) }}</span></span>
        <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.stat_movements') }}</span><span class="qm-ot-v">{{ number_format(array_sum($movementCounts)) }}</span></span>
    </div>
    @endif

</div>

<div class="qm-card">
    @php /* THE CASH-UP. Before a count exists this section offers exactly one thing to
       do — count the drawer — and shows no cash figure of any kind. Afterwards the same
       section reveals what was expected, the variance it implies, and the confirmation
       that seals the session. */
@endphp
    <h3 class="qm-report-sub"><i class="fas fa-wallet" aria-hidden="true"></i> {{ t_raw('vendor.shifts.cashup_title') }}</h3>
    @if (!$counted)
    <p class="qm-hint">{{ t_raw('vendor.shifts.cashup_blind_hint') }}</p>
    <form method="post" action="{{ route('vendor.shifts.close') }}" class="d-flex flex-wrap align-items-end gap-2">
        @csrf
        <input type="hidden" name="stage" value="declare">
        <div>
            <label class="form-label" for="cc-counted">{{ t_raw('vendor.shifts.counted_cash_label') }}</label>
            <input type="number" step="0.01" min="0" id="cc-counted" name="counted_cash" class="form-control qm-field-w-sm" required placeholder="{{ t_raw('common.placeholder_amount') }}">
        </div>
        <button type="submit" class="qm-btn"><i class="fas fa-clipboard-check me-1" aria-hidden="true"></i> {{ t_raw('vendor.shifts.record_count_btn') }}</button>
    </form>
    @else
    <div class="qm-order-totals">
        <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.col_counted') }}</span><span class="qm-ot-v">{{ money($declared) }}</span></span>
        <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.col_expected') }}</span><span class="qm-ot-v">{{ money($expected) }}</span></span>
        <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.col_variance') }}</span><span class="qm-ot-v">@php

            if ($variance == 0.0) { echo '<span class="qm-pill qm-pill-green">' . t('vendor.shifts.balanced_pill') . '</span>'; }
            elseif ($variance > 0) { echo '<span class="qm-pill qm-pill-amber">' . money($variance) . ' ' . t('vendor.shifts.variance_over_suffix') . '</span>'; }
            else { echo '<span class="qm-pill qm-pill-red">' . money(abs($variance)) . ' ' . t('vendor.shifts.variance_short_suffix') . '</span>'; }
@endphp</span></span>
        <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.stat_opening_float') }}</span><span class="qm-ot-v">{{ money($open['opening_float']) }}</span></span>
        <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.stat_cash_sales') }}</span><span class="qm-ot-v">{{ money($openTotals['sale']) }}</span></span>
        <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.stat_payins') }}</span><span class="qm-ot-v">{{ money($openTotals['payin']) }}</span></span>
        <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.stat_payouts') }}</span><span class="qm-ot-v">{{ money($openTotals['payout']) }}</span></span>
        <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.stat_safe_drops') }}</span><span class="qm-ot-v">{{ money($openTotals['drop']) }}</span></span>
        <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.stat_cash_refunds') }}</span><span class="qm-ot-v">{{ money($openTotals['refund']) }}</span></span>
    </div>
    <div class="d-flex flex-wrap gap-2 mt-3">
        <form method="post" action="{{ route('vendor.shifts.close') }}" class="d-inline">
            @csrf
            <input type="hidden" name="stage" value="recount">
            <button type="submit" class="qm-btn qm-btn-outline"><i class="fas fa-undo me-1" aria-hidden="true"></i> {{ t_raw('vendor.shifts.recount_btn') }}</button>
        </form>
        <form method="post" action="{{ route('vendor.shifts.close') }}" class="d-inline-flex align-items-center gap-2" data-confirm="{{ t_raw('vendor.shifts.confirm_close', [':amount' => money($declared)]) }}">
            @csrf
            <input type="hidden" name="stage" value="confirm">
            @if (($variance ?? 0.0) != 0.0)
            <select name="variance_reason" class="form-select qm-field-w-sm" required aria-label="{{ t_raw('vendor.shifts.variance_reason_label') }}">
                <option value="">{{ t_raw('vendor.shifts.variance_reason_label') }}</option>
                @foreach (($varianceReasons ?? []) as $vr)<option>{{ $vr }}</option>@endforeach
            </select>
            @endif
            <button type="submit" class="qm-btn"><i class="fas fa-lock me-1" aria-hidden="true"></i> {{ t_raw('vendor.shifts.close_drawer_label') }}</button>
        </form>
    </div>
    @endif

</div>

<div class="qm-card">
    <h3 class="qm-report-sub"><i class="fas fa-exchange-alt" aria-hidden="true"></i> {{ t_raw('vendor.shifts.section_movements') }}</h3>
    <div class="table-responsive">
    <table class="qm-table">
        <caption class="visually-hidden">{{ t_raw('vendor.shifts.movements_caption') }}</caption>
        <thead><tr><th>{{ t_raw('common.when') }}</th><th>{{ t_raw('common.type') }}</th><th>{{ t_raw('common.amount') }}</th><th>{{ t_raw('vendor.shifts.col_order') }}</th><th>{{ t_raw('vendor.shifts.col_by') }}</th><th>{{ t_raw('common.note') }}</th></tr></thead>
        <tbody>
            @if ($openMovements)
            @foreach ($openMovements as $m)
            <tr>
                <td class="qm-cell-body">{!! fmt_clock($m['created_at']) !!}</td>
                <td><span class="qm-pill {{ $typePills[$m['type']] ?? 'qm-pill-grey' }}">{{ $typeLabels[$m['type']] ?? ucfirst((string) $m['type']) }}</span></td>
                @php /* The audit trail stays fully readable while blind — who did what,
                   when and why — because none of it is the number under control. The
                   amounts are the number under control, so they wait for the count. */
@endphp
                <td>@if ($counted)<strong>{{ in_array($m['type'], ['refund', 'payout', 'drop'], true) ? '&minus;' : '+' }}{{ money($m['amount']) }}</strong>@else<span class="qm-hint">{{ t_raw('vendor.shifts.hidden_until_counted') }}</span>@endif</td>
                <td class="qm-cell-body">{!! or_dash($m['order_number'] ?? null) !!}</td>
                <td class="qm-cell-body">{!! or_dash($m['user_name'] ?? null) !!}</td>
                <td class="qm-cell-body">{!! or_dash($m['note'] ?? null) !!}</td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 6, 'icon' => 'fa-wallet', 'msg' => t_raw('vendor.shifts.empty_open_movements')])
            @endif
        </tbody>
    </table>
    </div>
</div>

<!-- Cash movement -->
<div class="modal fade" id="cashMoveModal" tabindex="-1" aria-labelledby="cashmove-modal-title" aria-hidden="true">
    <div class="modal-dialog">
        <form class="modal-content" method="post" action="{{ route('vendor.shifts.movement') }}">
            @csrf
            <div class="modal-header"><h2 class="modal-title h5" id="cashmove-modal-title">{{ t_raw('vendor.shifts.cash_movement_label') }}</h2><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button></div>
            <div class="modal-body">
                <div class="qm-form-grid">
                    <div class="mb-3">
                        <label class="form-label" for="cm-type">{{ t_raw('common.type') }}</label>
                        <select id="cm-type" name="type" class="form-select">
                            <option value="payin">{{ t_raw('vendor.shifts.opt_payin') }}</option>
                            <option value="payout">{{ t_raw('vendor.shifts.opt_payout') }}</option>
                            <option value="drop">{{ t_raw('vendor.shifts.opt_drop') }}</option>
                        </select>
                    </div>
                    <div class="mb-3"><label class="form-label" for="cm-amount">{{ t_raw('common.amount') }}</label><input type="number" step="0.01" min="0.01" id="cm-amount" name="amount" class="form-control" required placeholder="{{ t_raw('common.placeholder_amount') }}"></div>
                </div>
                <div class="mb-2"><label class="form-label" for="cm-note">{{ t_raw('common.note') }} <span class="qm-hint">{{ t_raw('common.optional') }}</span></label><input type="text" id="cm-note" name="note" class="form-control" maxlength="255" placeholder="{{ t_raw('vendor.shifts.note_placeholder') }}"></div>
            </div>
            <div class="modal-footer"><button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button><button type="submit" class="qm-btn">{{ t_raw('vendor.shifts.record_btn') }}</button></div>
        </form>
    </div>
</div>

@else
<div class="qm-card">
    <div class="qm-ops-head">
        <div>
            <h2 class="mb-0">{{ t_raw('vendor.shifts.drawer_closed_title') }}</h2>
            <p class="qm-ops-sub">{{ t_raw('vendor.shifts.drawer_closed_sub') }}</p>
        </div>
    </div>
    <form method="post" action="{{ route('vendor.shifts.open') }}" class="d-flex flex-wrap align-items-end gap-2">
        @csrf
        <div>
            <label class="form-label" for="of-float">{{ t_raw('vendor.shifts.stat_opening_float') }}</label>
            <input type="number" step="0.01" min="0" id="of-float" name="opening_float" class="form-control qm-field-w-sm" value="0" required placeholder="{{ t_raw('common.placeholder_amount') }}">
        </div>
        <button type="submit" class="qm-btn"><i class="fas fa-lock-open me-1" aria-hidden="true"></i> {{ t_raw('vendor.shifts.open_drawer_btn') }}</button>
    </form>
</div>
@endif

@php /* One session being a few cents out is noise; the same drawer being short every
   Friday is a finding. Only a run of closed sessions can tell those apart. */
@endphp
@if ((int) $trendStats['sessions'] > 0)
<div class="qm-charts-grid">
    <div class="qm-chart-card qm-chart-col-8">
        @partial('chart-card', [
            'heading' => t_raw('vendor.shifts.trend_title'),
            'sub'     => t_raw('vendor.shifts.trend_sub'),
            'cfg'     => $trendChart,
            'meta'    => $trendMeta,
            'icon'    => 'fa-chart-bar',
            'accent'  => 'blue',
        ])
    </div>
    <div class="qm-chart-card qm-chart-col-4">
        <div class="qm-chart-card-head"><h2 class="qm-card-title-ico"><span class="qm-head-chip qm-head-chip--teal"><i class="fas fa-balance-scale" aria-hidden="true"></i></span>{{ t_raw('vendor.shifts.trend_summary_title') }}</h2></div>
        <div class="qm-order-totals">
            <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.trend_sessions') }}</span><span class="qm-ot-v">{{ number_format((int) $trendStats['sessions']) }}</span></span>
            <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.balanced_pill') }}</span><span class="qm-ot-v">{{ number_format((int) $trendStats['balanced']) }}</span></span>
            <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.trend_short') }}</span><span class="qm-ot-v">{{ number_format((int) $trendStats['short']) }}</span></span>
            <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.trend_over') }}</span><span class="qm-ot-v">{{ number_format((int) $trendStats['over']) }}</span></span>
            <span class="qm-ot-item"><span class="qm-ot-k">{{ t_raw('vendor.shifts.trend_worst') }}</span><span class="qm-ot-v">{!! (float) $trendStats['worst'] == 0.0 ? t('vendor.shifts.balanced_pill') : ((float) $trendStats['worst'] > 0 ? '+' : '&minus;') . money(abs((float) $trendStats['worst'])) !!}</span></span>
        </div>
    </div>
</div>
@endif

<div class="qm-card">
    <div class="qm-ops-head">
        <div><h2 class="mb-0">{{ t_raw('vendor.shifts.past_sessions_title') }}</h2></div>
        <a class="qm-btn qm-btn-outline" href="{{ url('/vendor/shifts/export' . ($qs !== '' ? '?' . $qs : '')) }}"><i class="fas fa-file-csv me-2" aria-hidden="true"></i>{{ t_raw('common.export_csv') }}</a>
    </div>
    @php /* Opened/Closed render via fmt_datetime ("Jul 19, 2026 · 3:40 PM"); Date.parse()
       can't read that format, so those two columns sort on the raw stamp instead. */
@endphp
    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <thead><tr><th data-sort="text">{{ t_raw('vendor.shifts.col_opened') }}</th><th data-sort="text">{{ t_raw('vendor.shifts.col_closed') }}</th><th data-sort="number">{{ t_raw('vendor.shifts.col_float') }}</th><th data-sort="number">{{ t_raw('vendor.shifts.col_expected') }}</th><th data-sort="number">{{ t_raw('vendor.shifts.col_counted') }}</th><th data-sort="number">{{ t_raw('vendor.shifts.col_variance') }}</th><th class="text-end">{{ t_raw('common.actions') }}</th></tr></thead>
        <tbody>
            @if ($closed)
            @foreach ($closed as $s)
@php $v = $s['variance'] !== null ? (float) $s['variance'] : 0.0; @endphp
            <tr>
                <td data-sort-value="{{ (string) $s['opened_at'] }}">{!! fmt_datetime($s['opened_at']) !!}<div class="qm-cell-body">{{ (string) ($s['opened_by'] ?? '') }}</div></td>
                <td data-sort-value="{{ (string) $s['closed_at'] }}">{!! fmt_datetime($s['closed_at']) !!}<div class="qm-cell-body">{{ (string) ($s['closed_by'] ?? '') }}</div></td>
                <td>{{ money($s['opening_float']) }}</td>
                <td>{!! $s['expected_cash'] !== null ? money($s['expected_cash']) : dash() !!}</td>
                <td>{!! $s['counted_cash'] !== null ? money($s['counted_cash']) : dash() !!}</td>
                <td data-sort-value="{{ (string) $v }}">
                    @if ($v == 0.0)<span class="qm-pill qm-pill-green">{{ t_raw('vendor.shifts.balanced_pill') }}</span>
                    @elseif ($v > 0)<span class="qm-pill qm-pill-amber">{{ money($v) }} {{ t_raw('vendor.shifts.variance_over_suffix') }}</span>
                    @else<span class="qm-pill qm-pill-red">{{ money(abs($v)) }} {{ t_raw('vendor.shifts.variance_short_suffix') }}</span>@endif
                    @if (!empty($s['variance_reason']))<div class="qm-cell-body">{{ (string) $s['variance_reason'] }}</div>@endif
                </td>
                <td class="qm-actions-cell"><a class="qm-btn qm-btn-outline qm-btn-xs" href="{{ url('/vendor/shifts/' . (int) $s['id']) }}">{{ t_raw('vendor.shifts.zreport_link') }}</a></td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 7, 'icon' => 'fa-file-alt', 'msg' => t_raw('vendor.shifts.empty_closed_sessions')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $pager, 'base' => '/vendor/shifts'])
</div>

</div>@php /* /.qm-d2 */
@endphp
@endsection