@extends('backend.layouts.app')
@section('title', $title)
@section('content')
    <div class="row">
        <div class="col-12 mb-3">
            <div class="form-group row">
                <div class="col-12 mb-3">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title mb-0">
                                Guest Configuration
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class='form-check form-switch mb-3'>
                                <label for="guest_checkout">Guest checkout</label>
                                <input class='form-check-input' type='checkbox' role='switch' name="guest_checkout"
                                    id='guest_checkout' onchange="updateBooleanKey('guest_checkout')"
                                    @checked(App\Http\Helpers\SettingHelper::getSettingValue('guest_checkout'))>
                            </div>
                            <div class='form-check form-switch mb-3'>
                                <label for="guest_auth">Guest auth</label>
                                <input class='form-check-input' type='checkbox' role='switch' name="guest_auth"
                                    id='guest_auth' onchange="updateBooleanKey('guest_auth')" @checked(App\Http\Helpers\SettingHelper::getSettingValue('guest_auth'))>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('script')
    <script>
        function updateBooleanKey(key) {
            $.ajax({
                url: `{{ route('admin.settings.index') }}/update-boolean-key/${key}`,
                method: 'PUT',
                data: {
                    _token: '{{ csrf_token() }}',
                },
                success: function(response) {
                    if (response.status) {
                        successNotification(response.message);
                    } else {
                        errorNotification(response.message);
                    }
                },
                error: function(error) {
                    errorNotification(error.responseJSON.message);
                }
            });
        }
    </script>
@endsection