{{-- resources/views/cashing-up/index.blade.php --}}
@extends('layouts.app')
@section('title', 'Cashing Up')
@section('page_title', 'Cashing Up')
@section('page_subtitle', 'Shift management and cash reconciliation')

@section('content')

{{-- Open Shift Banner --}}
@if($openShift)
    <div class="card mb-3"
         style="border-left:3px solid var(--success);">
        <div class="card-body"
             style="display:flex;align-items:center;
                    justify-content:space-between;gap:16px;
                    flex-wrap:wrap;">
            <div style="display:flex;align-items:center;gap:12px;">
                <div style="width:40px;height:40px;border-radius:10px;
                             background:#d1fae5;display:flex;
                             align-items:center;justify-content:center;">
                    <i class="bi bi-safe"
                       style="color:var(--success);font-size:1rem;"></i>
                </div>
                <div>
                    <div class="fw-bold" style="font-size:.9rem;">
                        Shift Open —
                        <span style="color:var(--success);">
                            {{ $openShift->reference }}
                        </span>
                    </div>
                    <div style="font-size:.75rem;color:var(--muted);">
                        Opened by {{ $openShift->openedBy?->name }}
                        at {{ $openShift->opened_at->format('H:i') }}
                        ({{ $openShift->opened_at->diffForHumans() }})
                        · Opening float:
                        <strong>{{ $openShift->currency }}
                            {{ number_format($openShift->opening_float, 2) }}</strong>
                    </div>
                </div>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ tenant_route('cashing-up.show', ['shift' => $openShift->id]) }}"
                   class="btn btn-sm btn-outline-secondary">
                    View Shift →
                </a>
            </div>
        </div>
    </div>
@else
    {{-- Open New Shift --}}
    <div class="card mb-3">
        <div class="card-header">
            <span class="card-title">
                <i class="bi bi-safe me-2" style="color:var(--clay)"></i>
                Open New Shift
            </span>
        </div>
        <div class="card-body">
            <form method="POST"
                  action="{{ tenant_route('cashing-up.open') }}"
                  class="d-flex align-items-end gap-3 flex-wrap">
                @csrf
                <div>
                    <label class="form-label fw-semibold">
                        Opening Float
                        <span style="font-size:.72rem;color:var(--muted);">
                            (cash in drawer)
                        </span>
                    </label>
                    <div class="input-group">
                        <span class="input-group-text"
                              style="font-size:.8rem;">
                            {{ tenant()->baseCurrency?->code ?? 'USD' }}
                        </span>
                        <input type="number" name="opening_float"
                               class="form-control @error('opening_float') is-invalid @enderror"
                               style="width:140px;"
                               value="{{ old('opening_float', 0) }}"
                               min="0" step="0.01" required>
                        @error('opening_float')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div style="flex:1;min-width:200px;">
                    <label class="form-label fw-semibold">Notes (optional)</label>
                    <input type="text" name="notes"
                           class="form-control"
                           placeholder="Any notes for this shift...">
                </div>
                <div>
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-safe me-1"></i>Open Shift
                    </button>
                </div>
            </form>
        </div>
    </div>
@endif

{{-- Stats --}}
<div class="row g-3 mb-3">
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-clay">
                <i class="bi bi-safe"></i>
            </div>
            <div>
                <div class="stat-value">{{ $stats['total_shifts'] }}</div>
                <div class="stat-label">Total Shifts</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon {{ $stats['open_shifts'] > 0 ? 'si-success' : 'si-muted' }}">
                <i class="bi bi-unlock"></i>
            </div>
            <div>
                <div class="stat-value">{{ $stats['open_shifts'] }}</div>
                <div class="stat-label">Open Shifts</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-success">
                <i class="bi bi-cash-stack"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format($stats['total_cash_today'], 2) }}
                </div>
                <div class="stat-label">Cash Closed Today</div>
            </div>
        </div>
    </div>
</div>

{{-- Filters + Table --}}
<div class="card mb-3">
    <div class="card-body" style="padding:12px 16px;">
        <form method="GET"
              class="d-flex align-items-center gap-2 flex-wrap">
            <select name="status"
                    class="form-select form-select-sm"
                    style="width:auto;"
                    onchange="this.form.submit()">
                <option value="">All Statuses</option>
                <option value="open"
                        {{ request('status') === 'open' ? 'selected' : '' }}>
                    Open
                </option>
                <option value="closed"
                        {{ request('status') === 'closed' ? 'selected' : '' }}>
                    Closed
                </option>
            </select>
            <input type="date" name="date_from"
                   class="form-control form-control-sm"
                   style="width:auto;"
                   value="{{ request('date_from') }}">
            <input type="date" name="date_to"
                   class="form-control form-control-sm"
                   style="width:auto;"
                   value="{{ request('date_to') }}">
            <button type="submit"
                    class="btn btn-sm btn-outline-secondary">
                Filter
            </button>
            @if(request()->hasAny(['status','date_from','date_to']))
                <a href="{{ tenant_route('cashing-up.index') }}"
                   class="btn btn-sm btn-outline-secondary">
                    Clear
                </a>
            @endif
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <span class="card-title">
            Shift History
            <span style="font-size:.75rem;font-weight:400;
                         color:var(--muted);margin-left:6px;">
                {{ $shifts->total() }} shifts
            </span>
        </span>
    </div>

    @if($shifts->isEmpty())
        <div class="card-body text-center py-5">
            <i class="bi bi-safe"
               style="font-size:2.5rem;color:var(--muted)"></i>
            <p class="fw-semibold mt-3 mb-1">No shifts yet</p>
            <p class="text-muted" style="font-size:.82rem;">
                Open a shift above to start cashing up
            </p>
        </div>
    @else
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>Reference</th>
                        <th>Opened By</th>
                        <th>Opened</th>
                        <th>Closed</th>
                        <th>Opening Float</th>
                        <th>Cash In</th>
                        <th>Expected</th>
                        <th>Closing Float</th>
                        <th>Variance</th>
                        <th>Status</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($shifts as $shift)
                        <tr onclick="window.location='{{ tenant_route('cashing-up.show', ['shift' => $shift->id]) }}'"
                            style="cursor:pointer;">
                            <td style="font-size:.8rem;font-weight:600;
                                       color:var(--clay);">
                                {{ $shift->reference }}
                            </td>
                            <td style="font-size:.78rem;">
                                {{ $shift->openedBy?->name ?? '—' }}
                            </td>
                            <td style="font-size:.75rem;color:var(--muted);
                                       white-space:nowrap;">
                                {{ $shift->opened_at->format('d M Y H:i') }}
                            </td>
                            <td style="font-size:.75rem;color:var(--muted);
                                       white-space:nowrap;">
                                {{ $shift->closed_at?->format('d M Y H:i') ?? '—' }}
                            </td>
                            <td style="font-size:.8rem;">
                                {{ $shift->currency }}
                                {{ number_format($shift->opening_float, 2) }}
                            </td>
                            <td style="font-size:.8rem;color:var(--success);
                                       font-weight:600;">
                                @if($shift->total_cash_in)
                                    {{ $shift->currency }}
                                    {{ number_format($shift->total_cash_in, 2) }}
                                @else
                                    —
                                @endif
                            </td>
                            <td style="font-size:.8rem;">
                                @if($shift->expected_float !== null)
                                    {{ $shift->currency }}
                                    {{ number_format($shift->expected_float, 2) }}
                                @else
                                    —
                                @endif
                            </td>
                            <td style="font-size:.82rem;font-weight:600;">
                                @if($shift->closing_float !== null)
                                    {{ $shift->currency }}
                                    {{ number_format($shift->closing_float, 2) }}
                                @else
                                    —
                                @endif
                            </td>
                            <td>
                                @if($shift->variance !== null)
                                    <span style="font-size:.8rem;font-weight:600;
                                                 color:{{ $shift->variance < 0 ? 'var(--danger)' : ($shift->variance > 0 ? 'var(--success)' : 'var(--muted)') }};">
                                        {{ $shift->variance >= 0 ? '+' : '' }}{{ number_format($shift->variance, 2) }}
                                    </span>
                                @else
                                    <span style="color:var(--muted);">—</span>
                                @endif
                            </td>
                            <td>
                                <span style="font-size:.7rem;font-weight:600;
                                             padding:2px 8px;border-radius:20px;
                                             background:{{ $shift->status === 'open' ? '#d1fae5' : '#f1f5f9' }};
                                             color:{{ $shift->status === 'open' ? '#065f46' : '#64748b' }};">
                                    {{ ucfirst($shift->status) }}
                                </span>
                            </td>
                            <td onclick="event.stopPropagation()">
                                <a href="{{ tenant_route('cashing-up.show', ['shift' => $shift->id]) }}"
                                   class="btn btn-xs btn-outline-secondary">
                                    View →
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if($shifts->hasPages())
            <div class="card-body"
                 style="border-top:1px solid var(--border);padding:12px 16px;">
                {{ $shifts->links() }}
            </div>
        @endif
    @endif
</div>

@endsection