@extends('admin.layouts.main')
@section('title', 'Notification Settings')
@section('menu', 'Settings')

@section('content')
<form action="{{ route('admin.notification-settings.update') }}" method="POST">
    @csrf
    @method('PUT')

    <!-- Global Toggles -->
    <div class="portlet light">
        <div class="portlet-title">
            <div class="caption"><span class="caption-subject theme-font bold uppercase">Global Notification Channels</span></div>
        </div>
        <div class="portlet-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="custom-control custom-switch mb-3">
                        <input type="hidden" name="global_email" value="0">
                        <input type="checkbox" name="global_email" value="1" class="custom-control-input" id="globalEmail" {{ $globalEmail ? 'checked' : '' }}>
                        <label class="custom-control-label" for="globalEmail"><strong>Email Notifications</strong></label>
                    </div>
                    <p class="text-muted">Master switch for all email notifications. When disabled, no emails will be sent regardless of individual event settings.</p>
                </div>
                <div class="col-md-6">
                    <div class="custom-control custom-switch mb-3">
                        <input type="hidden" name="global_sms" value="0">
                        <input type="checkbox" name="global_sms" value="1" class="custom-control-input" id="globalSms" {{ $globalSms ? 'checked' : '' }}>
                        <label class="custom-control-label" for="globalSms"><strong>SMS Notifications</strong></label>
                    </div>
                    <p class="text-muted">Master switch for all SMS notifications. Requires SMS provider configuration.</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Per-Event Settings -->
    <div class="portlet light">
        <div class="portlet-title">
            <div class="caption"><span class="caption-subject theme-font bold uppercase">Event Notification Settings</span></div>
        </div>
        <div class="portlet-body">
            <p class="text-muted" style="margin-bottom:15px;">Configure which events trigger email and/or SMS notifications. Customers can override these with their own preferences.</p>
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th style="width:50%">Event</th>
                        <th class="text-center" style="width:25%">Email</th>
                        <th class="text-center" style="width:25%">SMS</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($settings as $slug => $setting)
                    <tr>
                        <td>{{ $setting['label'] }}</td>
                        <td class="text-center">
                            <div class="custom-control custom-switch" style="display:inline-block;">
                                <input type="hidden" name="events[{{ $slug }}][email]" value="0">
                                <input type="checkbox" name="events[{{ $slug }}][email]" value="1" class="custom-control-input" id="email_{{ $slug }}" {{ $setting['email'] ? 'checked' : '' }}>
                                <label class="custom-control-label" for="email_{{ $slug }}"></label>
                            </div>
                        </td>
                        <td class="text-center">
                            <div class="custom-control custom-switch" style="display:inline-block;">
                                <input type="hidden" name="events[{{ $slug }}][sms]" value="0">
                                <input type="checkbox" name="events[{{ $slug }}][sms]" value="1" class="custom-control-input" id="sms_{{ $slug }}" {{ $setting['sms'] ? 'checked' : '' }}>
                                <label class="custom-control-label" for="sms_{{ $slug }}"></label>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="panel-footer">
            <button type="submit" class="btn btn-success"><i class="fa fa-save"></i> Save Settings</button>
        </div>
    </div>
</form>
@endsection