@extends('layouts.admin')

@section('title', 'Notification Settings')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Notification Settings</h1>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form method="POST" action="{{ route('admin.settings.notifications.update') }}">
            @csrf
            @method('PUT')

            <div class="form-section">
                <h3 class="form-section-title">Notification Channels</h3>
                <div class="form-grid form-grid-3">
                    <div class="form-group">
                        <label class="form-label">Email Notifications</label>
                        <label class="toggle">
                            <input type="checkbox" name="email_notifications" value="1" {{ old('email_notifications', $settings->email_notifications ?? true) ? 'checked' : '' }}>
                            <span class="toggle-slider"></span>
                        </label>
                        <span class="form-help">Send notifications via email</span>
                    </div>
                    <div class="form-group">
                        <label class="form-label">SMS Notifications</label>
                        <label class="toggle">
                            <input type="checkbox" name="sms_notifications" value="1" {{ old('sms_notifications', $settings->sms_notifications ?? false) ? 'checked' : '' }}>
                            <span class="toggle-slider"></span>
                        </label>
                        <span class="form-help">Send notifications via SMS</span>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Push Notifications</label>
                        <label class="toggle">
                            <input type="checkbox" name="push_notifications" value="1" {{ old('push_notifications', $settings->push_notifications ?? true) ? 'checked' : '' }}>
                            <span class="toggle-slider"></span>
                        </label>
                        <span class="form-help">Send browser push notifications</span>
                    </div>
                </div>
            </div>

            <div class="form-section" style="margin-top: 1.5rem;">
                <h3 class="form-section-title">Notification Events</h3>
                <div class="form-grid form-grid-2">
                    <div class="form-group">
                        <label class="form-label">Transaction Alerts</label>
                        <label class="toggle">
                            <input type="checkbox" name="transaction_alerts" value="1" {{ old('transaction_alerts', $settings->transaction_alerts ?? true) ? 'checked' : '' }}>
                            <span class="toggle-slider"></span>
                        </label>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Login Alerts</label>
                        <label class="toggle">
                            <input type="checkbox" name="login_alerts" value="1" {{ old('login_alerts', $settings->login_alerts ?? true) ? 'checked' : '' }}>
                            <span class="toggle-slider"></span>
                        </label>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Transfer Notifications</label>
                        <label class="toggle">
                            <input type="checkbox" name="transfer_notifications" value="1" {{ old('transfer_notifications', $settings->transfer_notifications ?? true) ? 'checked' : '' }}>
                            <span class="toggle-slider"></span>
                        </label>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Deposit Notifications</label>
                        <label class="toggle">
                            <input type="checkbox" name="deposit_notifications" value="1" {{ old('deposit_notifications', $settings->deposit_notifications ?? true) ? 'checked' : '' }}>
                            <span class="toggle-slider"></span>
                        </label>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Card Transaction Alerts</label>
                        <label class="toggle">
                            <input type="checkbox" name="card_alerts" value="1" {{ old('card_alerts', $settings->card_alerts ?? true) ? 'checked' : '' }}>
                            <span class="toggle-slider"></span>
                        </label>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Low Balance Alerts</label>
                        <label class="toggle">
                            <input type="checkbox" name="low_balance_alerts" value="1" {{ old('low_balance_alerts', $settings->low_balance_alerts ?? false) ? 'checked' : '' }}>
                            <span class="toggle-slider"></span>
                        </label>
                    </div>
                </div>
            </div>

            <div class="form-actions" style="margin-top: 2rem;">
                <button type="submit" class="btn btn-primary">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                    Save Settings
                </button>
            </div>
        </form>
    </div>
</div>
@endsection