@extends('layouts.app')
@section('title', 'Notifications')
@section('content')
<h4 class="mb-3">Notification Settings</h4>

<div class="card p-4 mb-3" style="max-width:500px;">
    <form method="POST" action="{{ route('admin.notification-settings.update') }}">
        @csrf @method('PUT')
        <div class="form-check mb-2">
            <input type="checkbox" name="push_notifications_enabled" value="1" class="form-check-input" id="pushEnabled" {{ $settings->push_notifications_enabled ? 'checked' : '' }}>
            <label class="form-check-label" for="pushEnabled">Push notifications enabled</label>
        </div>
        <div class="form-text mb-3">
            Master switch — turning this off stops every push notification below immediately,
            for every device. Individual staff still need to grant browser notification
            permission once and have VAPID keys configured on the server (see README) before
            anything sends at all.
        </div>
        <button class="btn btn-dark">Save</button>
    </form>
</div>

<div class="card p-3">
    <h6>What triggers a notification</h6>
    <p class="small text-muted">
        Every trigger below only reaches staff who are currently clocked in — the moment
        someone clocks out, they stop receiving notifications, even if this is enabled.
    </p>
    <ul class="small mb-0">
        <li>Kitchen staff — when an order is sent to kitchen</li>
        <li>POS/front-of-house staff — when a customer places an order via the QR menu</li>
        <li>Scheduling managers — new shift swap, overtime, or break requests</li>
        <li>HR staff — new leave requests</li>
        <li>Accounting staff — a void needs approval above the threshold</li>
    </ul>
</div>
@endsection