@extends('admin.layouts.app')

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

@section('content')

<div class="container-fluid">

    <div class="py-3">
        <h4 class="fs-18 fw-semibold">Notification Settings</h4>
    </div>

    <div class="card">

        <div class="card-header">
            <h5 class="mb-0">Notification Settings</h5>
        </div>

        <div class="card-body">

            <form action="{{ route('admin.settings.notification.store') }}" method="POST">

                @csrf

                <div class="row">

                    <div class="col-md-4 mb-3">
                        <label class="form-label">Push Notification</label>

                        <select name="push_notification" class="form-select">
                            <option value="1" {{ ($settings['push_notification'] ?? '') == 1 ? 'selected' : '' }}>Enable</option>
                            <option value="0" {{ ($settings['push_notification'] ?? '') == 0 ? 'selected' : '' }}>Disable</option>
                        </select>
                    </div>

                    <div class="col-md-4 mb-3">
                        <label class="form-label">Email Notification</label>

                        <select name="email_notification" class="form-select">
                            <option value="1" {{ ($settings['email_notification'] ?? '') == 1 ? 'selected' : '' }}>Enable</option>
                            <option value="0" {{ ($settings['email_notification'] ?? '') == 0 ? 'selected' : '' }}>Disable</option>
                        </select>
                    </div>

                    <div class="col-md-4 mb-3">
                        <label class="form-label">SMS Notification</label>

                        <select name="sms_notification" class="form-select">
                            <option value="1" {{ ($settings['sms_notification'] ?? '') == 1 ? 'selected' : '' }}>Enable</option>
                            <option value="0" {{ ($settings['sms_notification'] ?? '') == 0 ? 'selected' : '' }}>Disable</option>
                        </select>
                    </div>

                </div>

                <div class="text-end">

                    <button class="btn btn-primary">
                        <i class="mdi mdi-content-save"></i>
                        Save Changes
                    </button>

                </div>

            </form>

        </div>

    </div>

</div>

@endsection