@extends('client.layouts.main')
@section('title', 'Notification Preferences')

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

    <div class="portlet light">
        <div class="portlet-title">
            <div class="caption"><span class="caption-subject theme-font bold uppercase">Notification Preferences</span></div>
        </div>
        <div class="portlet-body">
            <p class="text-muted" style="margin-bottom:15px;">Choose which notifications you want to receive via email and/or SMS.</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($events as $slug => $label)
                    @php $pref = $prefs[$slug] ?? null; @endphp
                    <tr>
                        <td>{{ $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 }}" {{ ($pref ? $pref->email : true) ? '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 }}" {{ ($pref ? $pref->sms : true) ? '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 Preferences</button>
        </div>
    </div>
</form>
@endsection