@extends('admin.layouts.main')
@section('title', 'Notification Preferences - ' . $user->first_name . ' ' . $user->last_name)
@section('menu', 'Customers')

@section('content')
<div class="row">
    <div class="col-md-8">
        <form action="{{ route('admin.customers.notification-preferences.update', $user) }}" 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 for {{ $user->first_name }} {{ $user->last_name }}
                        </span>
                    </div>
                </div>
                <div class="portlet-body">
                    <p class="text-muted" style="margin-bottom:15px;">Override system defaults for this customer. Unchecked = this customer won't receive that notification even if it's enabled system-wide.</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>
                    <a href="{{ route('admin.customers.show', $user) }}" class="btn btn-default">Back to Customer</a>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection