diff --git a/resources/js/calendar.js b/resources/js/calendar.js
index ba3162e4..5bb8739b 100644
--- a/resources/js/calendar.js
+++ b/resources/js/calendar.js
@@ -2,7 +2,6 @@
 export default class Calendar {
 
     update(incomingChanges) {
-        // TODO: Evaluate whether this should be here or not
         let structuralKeys = [
             "static_data.year_data",
         ];
@@ -43,6 +42,10 @@ export default class Calendar {
             })
     }
 
+    set advancement(value) {
+        window.advancement = value;
+    }
+
     get static_data() {
         return window.static_data;
     }
@@ -62,4 +65,8 @@ export default class Calendar {
     get id() {
         return window.calendar_id;
     }
+
+    get advancement() {
+        return window.advancement;
+    }
 }
diff --git a/resources/js/calendar/collapsible_component.js b/resources/js/calendar/collapsible_component.js
index 2af52a8c..75116d11 100644
--- a/resources/js/calendar/collapsible_component.js
+++ b/resources/js/calendar/collapsible_component.js
@@ -110,4 +110,8 @@ export default class CollapsibleComponent {
     hasError(path) {
         return this.errors.some(error => error.path === path);
     }
+
+    debug() {
+        console.log(JSON.parse(JSON.stringify(this)));
+    }
 }
diff --git a/resources/js/calendar/real_time_advancement_collapsible.js b/resources/js/calendar/real_time_advancement_collapsible.js
index 47d658f8..0a4db6f6 100644
--- a/resources/js/calendar/real_time_advancement_collapsible.js
+++ b/resources/js/calendar/real_time_advancement_collapsible.js
@@ -1,7 +1,33 @@
-export default () => ({
-    reordering: false,
+import CollapsibleComponent from "./collapsible_component";
 
-    load: function(static_data) {
-        //
+class RealTimeAdvancementCollapsible extends CollapsibleComponent {
+    collapsible_name = "Real-Time Advancement";
+    _clock_enabled = false;
+
+    inboundProperties = {
+        "advancement": "advancement",
+        "clock_enabled": "static_data.clock.enabled"
+    };
+
+    outboundProperties = {
+        "advancement": "advancement",
+    };
+
+    changeHandlers = {
+        "advancement": this.debug
+    };
+
+    set clock_enabled(value) {
+        this._clock_enabled = value;
+
+        if (this.advancement.advancement_rate_unit !== 'days') {
+            this.advancement.advancement_rate_unit = 'days';
+        }
+    };
+
+    get clock_enabled() {
+        return this._clock_enabled;
     }
-})
+}
+
+export default () => new RealTimeAdvancementCollapsible();
diff --git a/resources/views/components/clock-collapsible.blade.php b/resources/views/components/clock-collapsible.blade.php
index 3452a8bd..5d06f822 100644
--- a/resources/views/components/clock-collapsible.blade.php
+++ b/resources/views/components/clock-collapsible.blade.php
@@ -1,122 +1,118 @@
 @props(['calendar' => null])
 
 <div class='row'>
-	<div class='col-3 bold-text'>Enable:</div>
-	<div class='col-3 text-right'>
-		@if(request()->is('calendars/*/edit') && $calendar->isLinked())
-			{{ Arr::get($calendar->static_data, 'clock.enabled') ? "Yes" : "No" }}
-		@else
-			<label class="custom-control custom-checkbox center-text">
-				<input type="checkbox" class="custom-control-input" x-model="clock.enabled"/>
-				<span class="custom-control-indicator"></span>
-			</label>
-		@endif
-	</div>
-	<div class='render_clock col-3 bold-text' x-show="clock.enabled">Render:</div>
-	<div class='render_clock col-3 text-right' x-show="clock.enabled">
-		<label class="custom-control custom-checkbox center-text">
-			<input type="checkbox" class="custom-control-input" x-model="clock.render"/>
-			<span class="custom-control-indicator"></span>
-		</label>
-	</div>
+    <div class='col-3 bold-text'>Enable:</div>
+    <div class='col-3 text-right'>
+        @if(request()->is('calendars/*/edit') && $calendar->isLinked())
+            {{ Arr::get($calendar->static_data, 'clock.enabled') ? "Yes" : "No" }}
+        @else
+            <label class="custom-control custom-checkbox center-text">
+                <input type="checkbox" class="custom-control-input" x-model="clock.enabled"/>
+                <span class="custom-control-indicator"></span>
+            </label>
+        @endif
+    </div>
+    <div class='render_clock col-3 bold-text' x-show="clock.enabled">Render:</div>
+    <div class='render_clock col-3 text-right' x-show="clock.enabled">
+        <label class="custom-control custom-checkbox center-text">
+            <input type="checkbox" class="custom-control-input" x-model="clock.render"/>
+            <span class="custom-control-indicator"></span>
+        </label>
+    </div>
 </div>
 
 <div class='clock_inputs' x-show="clock.enabled">
-
-	<div class='row mt-2'>
-		<div class='col-6 bold-text'>
-			Hours:
-		</div>
-		<div class='col-6 pl-0 bold-text'>
-			Minutes:
-		</div>
-	</div>
-
-	<div class='row mb-2'>
-		<div class='col-6 input-group'>
-			@if(request()->is('calendars/*/edit') && $calendar->isLinked())
-				{{ Arr::get($calendar->static_data, 'clock.hours') }}
-			@else
-				<div class='input-group-prepend'>
-					<button type='button' class='btn btn-sm btn-danger' @click="clock.hours = Math.max(0, clock.hours - 1)">
-						<i class="fa fa-minus"></i>
-					</button>
-				</div>
-				<input class='form-control form-control-sm' min='1' :value="clock.hours" @change="clock.hours = Math.max(1, Number($event.target.value))"/>
-				<div class='input-group-append'>
-					<button type='button' class='btn btn-sm btn-success' @click="clock.hours += 1">
-						<i class="fa fa-plus"></i>
-					</button>
-				</div>
-			@endif
-		</div>
-
-		<div class='col-6 input-group pl-0'>
-			@if(request()->is('calendars/*/edit') && $calendar->isLinked())
-				{{ Arr::get($calendar->static_data, 'clock.minutes') }}
-			@else
-				<div class='input-group-prepend'>
-					<button type='button' class='btn btn-sm btn-danger' @click="clock.minutes = Math.max(1, clock.minutes - 1)">
-						<i class="fa fa-minus"></i>
-					</button>
-				</div>
-				<input class='form-control form-control-sm' type='number' :value="clock.minutes" @change="clock.minutes = Math.max(1, Number($event.target.value))"/>
-				<div class='input-group-append'>
-					<button type='button' class='btn btn-sm btn-success' @click="clock.minutes += 1">
-						<i class="fa fa-plus"></i>
-					</button>
-				</div>
-			@endif
-		</div>
-
-	</div>
-
-	<div class='row mt-2' x-show="clock.render">
-		<div class='col-6 bold-text'>
-			Offset hours:
-		</div>
-		<div class='col-6 pl-0 bold-text'>
-			Crowding:
-		</div>
-	</div>
-
-	<div class='row mb-1' x-show="clock.render">
-
-		<div class='col-6 input-group'>
-			<div class='input-group-prepend'>
-				<button type='button' class='btn btn-sm btn-danger' @click="clock.offset -= 1">
-					<i class="fa fa-minus"></i>
-				</button>
-			</div>
-
-			<input class='form-control form-control-sm' type='number' :value="clock.offset" @change="clock.offset = Number($event.target.value)">
-
-			<div class='input-group-append'>
-				<button type='button' class='btn btn-sm btn-success' @click="clock.offset += 1">
-					<i class="fa fa-plus"></i>
-				</button>
-			</div>
-		</div>
-
-		<div class='col-6 pl-0 input-group'>
-			<div class='input-group-prepend'>
-				<button type='button' class='btn btn-sm btn-danger' @click="clock.crowding = Math.max(0, clock.crowding - 1)">
-					<i class="fa fa-minus"></i>
-				</button>
-			</div>
-
-			<input class='form-control form-control-sm' type='number' :value="clock.crowding" @change="clock.crowding = Math.max(0, Number($event.target.value))">
-
-			<div class='input-group-append'>
-				<button type='button' class='btn btn-sm btn-success' @click="clock.crowding += 1">
-					<i class="fa fa-plus"></i>
-				</button>
-			</div>
-		</div>
-
-	</div>
-
-
+    <div class='row mt-2'>
+        <div class='col-6 bold-text'>
+            Hours:
+        </div>
+        <div class='col-6 pl-0 bold-text'>
+            Minutes:
+        </div>
+    </div>
+
+    <div class='row mb-2'>
+        <div class='col-6 input-group'>
+            @if(request()->is('calendars/*/edit') && $calendar->isLinked())
+                {{ Arr::get($calendar->static_data, 'clock.hours') }}
+            @else
+                <div class='input-group-prepend'>
+                    <button type='button' class='btn btn-sm btn-danger' @click="clock.hours = Math.max(0, clock.hours - 1)">
+                        <i class="fa fa-minus"></i>
+                    </button>
+                </div>
+                <input class='form-control form-control-sm' min='1' :value="clock.hours" @change="clock.hours = Math.max(1, Number($event.target.value))"/>
+                <div class='input-group-append'>
+                    <button type='button' class='btn btn-sm btn-success' @click="clock.hours += 1">
+                        <i class="fa fa-plus"></i>
+                    </button>
+                </div>
+            @endif
+        </div>
+
+        <div class='col-6 input-group pl-0'>
+            @if(request()->is('calendars/*/edit') && $calendar->isLinked())
+                {{ Arr::get($calendar->static_data, 'clock.minutes') }}
+            @else
+                <div class='input-group-prepend'>
+                    <button type='button' class='btn btn-sm btn-danger' @click="clock.minutes = Math.max(1, clock.minutes - 1)">
+                        <i class="fa fa-minus"></i>
+                    </button>
+                </div>
+                <input class='form-control form-control-sm' type='number' :value="clock.minutes" @change="clock.minutes = Math.max(1, Number($event.target.value))"/>
+                <div class='input-group-append'>
+                    <button type='button' class='btn btn-sm btn-success' @click="clock.minutes += 1">
+                        <i class="fa fa-plus"></i>
+                    </button>
+                </div>
+            @endif
+        </div>
+
+    </div>
+
+    <div class='row mt-2' x-show="clock.render">
+        <div class='col-6 bold-text'>
+            Offset hours:
+        </div>
+        <div class='col-6 pl-0 bold-text'>
+            Crowding:
+        </div>
+    </div>
+
+    <div class='row mb-1' x-show="clock.render">
+
+        <div class='col-6 input-group'>
+            <div class='input-group-prepend'>
+                <button type='button' class='btn btn-sm btn-danger' @click="clock.offset -= 1">
+                    <i class="fa fa-minus"></i>
+                </button>
+            </div>
+
+            <input class='form-control form-control-sm' type='number' :value="clock.offset" @change="clock.offset = Number($event.target.value)">
+
+            <div class='input-group-append'>
+                <button type='button' class='btn btn-sm btn-success' @click="clock.offset += 1">
+                    <i class="fa fa-plus"></i>
+                </button>
+            </div>
+        </div>
+
+        <div class='col-6 pl-0 input-group'>
+            <div class='input-group-prepend'>
+                <button type='button' class='btn btn-sm btn-danger' @click="clock.crowding = Math.max(0, clock.crowding - 1)">
+                    <i class="fa fa-minus"></i>
+                </button>
+            </div>
+
+            <input class='form-control form-control-sm' type='number' :value="clock.crowding" @change="clock.crowding = Math.max(0, Number($event.target.value))">
+
+            <div class='input-group-append'>
+                <button type='button' class='btn btn-sm btn-success' @click="clock.crowding += 1">
+                    <i class="fa fa-plus"></i>
+                </button>
+            </div>
+        </div>
+    </div>
 </div>
 
 @if(request()->is('calendars/*/edit') && $calendar->isLinked())
diff --git a/resources/views/components/real-time-advancement-collapsible.blade.php b/resources/views/components/real-time-advancement-collapsible.blade.php
index 977722a1..f97c6816 100644
--- a/resources/views/components/real-time-advancement-collapsible.blade.php
+++ b/resources/views/components/real-time-advancement-collapsible.blade.php
@@ -2,174 +2,146 @@
 
 @if(isset($calendar) && $calendar->isPremium())
 	@if(request()->is('calendars/*/edit') && $calendar->parent()->exists())
-		<p class="mb-0 mt-3"><a onclick="linked_popup();" href='#'>Why can't I edit the real time
-				advancement?</a></p>
+        <p class="mb-0 mt-3"><a onclick="linked_popup();" href='#'>Why can't I edit the real time advancement?</a></p>
 	@else
-		<div @change="$dispatch('advancement-changed', toJSON())"
-				 @clock-changed.window="toggle_clock"
-				 x-data="{
-                                    discord_webhooks: {{ $calendar->discord_webhooks()->count() }},
-                                    data: {
-                                        advancement_enabled: {{ $calendar->advancement_enabled ? "true" : "false" }},
-                                        advancement_real_rate: {{ $calendar->advancement_real_rate ?? 1 }},
-                                        advancement_real_rate_unit: '{{ $calendar->advancement_real_rate_unit ?? "hours" }}',
-                                        advancement_rate: {{ $calendar->advancement_rate ?? 1 }},
-                                        advancement_rate_unit: '{{ $calendar->advancement_rate_unit ?? ($calendar->clock_enabled ? "hours" : "days") }}',
-                                        advancement_webhook_url: '{{ $calendar->advancement_webhook_url }}',
-                                        advancement_webhook_format: '{{ $calendar->advancement_webhook_format }}',
-                                        advancement_timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-                                    },
-                                    toggle_clock($event){
-                                        this.clock_enabled = $event.detail.enabled;
-                                        if(this.data.advancement_rate_unit !== 'days'){
-                                            this.data.advancement_rate_unit = 'days';
-                                        }
-                                    },
-                                    clock_enabled: {{ $calendar->clock_enabled ? "true" : "false" }},
-                                    toJSON(){
-                                        return JSON.parse(JSON.stringify(this.data));
-                                    }
-                                }"
-		>
-
-			<div class='row mb-1'>
-				<div class='col bold-text'>Enable real-time advancement:</div>
-				<div class='col-auto text-right'>
-					@if(request()->is('calendars/*/edit') && $calendar->isChild())
-						<span x-text="data.advancement_enabled ? 'Yes' : 'No'"></span>
-					@else
-						<label class="custom-control custom-checkbox center-text">
-							<input type="checkbox" class="custom-control-input"
-										 x-model="data.advancement_enabled"
-							>
-							<span class="custom-control-indicator"></span>
-						</label>
-					@endif
-				</div>
-			</div>
-
-			<div x-show="data.advancement_enabled">
-
-				<div class="row no-gutters mt-3">
-					<div class="separator"></div>
-				</div>
-
-				<div class='row mt-2 mb-1 bold-text no-gutters text-center w-100'>
-					For every
-				</div>
-
-				<div class='row no-gutters protip' data-pt-position="right"
-						 data-pt-title="This is how often in real world time that the calendar's time will be updated with the amount configured above">
-					<div class="input-group-sm input-group">
-						<input type='number' class='form-control input-group-prepend'
-									 placeholder='1'
-									 x-model="data.advancement_real_rate"
-									 @change="($event) => { data.advancement_real_rate = Math.max(1, Number($event.target.value)) }"/>
-						<label class="input-group-text form-control text-black">real world</label>
-						<select class='custom-select form-control input-group-append'
-										x-model="data.advancement_real_rate_unit">
-							<option value='minutes' x-text="data.advancement_real_rate > 1 ? 'minutes' : 'minute'">minutes</option>
-							<option selected value='hours' x-text="data.advancement_real_rate > 1 ? 'hours' : 'hour'">hours</option>
-							<option value='days' x-text="data.advancement_real_rate > 1 ? 'days' : 'day'">days</option>
-						</select>
-					</div>
-				</div>
-
-				<div class='row bold-text no-gutters text-center w-100 my-2 pr-4'>
-					Advance this calendar by
-				</div>
-
-				<div class='row no-gutters protip' data-pt-position="right"
-						 data-pt-title="This is the amount of time that will be added to the calendar's date, based on the real-time amount configured above">
-					<div class="input-group-sm input-group">
-						<input type='number' class='form-control input-group-prepend'
-									 placeholder='1'
-									 x-model="data.advancement_rate"
-									 @change="($event) => { data.advancement_rate = Math.max(1, Number($event.target.value)) }"/>
-						<label class="input-group-text form-control text-black">calendar</label>
-						<select class='custom-select form-control input-group-append'
-										x-model="data.advancement_rate_unit">
-							<option :disabled='!clock_enabled' value='minutes'
-											x-text="data.advancement_rate > 1 ? 'minutes' : 'minute'">minutes
-							</option>
-							<option :disabled='!clock_enabled' value='hours' x-text="data.advancement_rate > 1 ? 'hours' : 'hour'">
-								hours
-							</option>
-							<option value='days' x-text="data.advancement_rate > 1 ? 'days' : 'day'">days</option>
-						</select>
-					</div>
-				</div>
-
-				<div class="my-2 warning" x-show="!clock_enabled">
-					<small>
-						<i class="fas fa-info-circle"></i> The clock is not enabled, so minutes and hours are not available for real
-						time advancement.
-					</small>
-				</div>
-
-				<div class="row no-gutters mt-3">
-					<div class="separator"></div>
-				</div>
-
-				<div class='row mt-2 mb-1 bold-text no-gutters'>
-					<div class="col">
-						Notification webhooks
-					</div>
-				</div>
-
-				<div class='row no-gutters'>
-					<div class="col input-group">
-						<select x-model="data.advancement_webhook_format" class='form-control form-control-sm'>
-							<option value="raw_json" :disabled="discord_webhooks > 0">Raw JSON</option>
-							@feature('discord')
-							<option value="discord">Discord</option>
-							@endfeature
-						</select>
-
-						<input
-							@feature('discord')
-						x-show="data.advancement_webhook_format != 'discord'"
-						@endfeature
-						type='text' x-model="data.advancement_webhook_url" class='form-control form-control-sm input-group-append
-						flex-grow-2' style="flex:2;" placeholder='http://my-web-hook.com/'>
-						@feature('discord')
-						<a target="_blank" x-show="data.advancement_webhook_format == 'discord'"
-							 class="btn btn-sm flex-grow input-group-append px-3"
-							 style="background-color: #5865F2; border-color: #5865F2;"
-							 href="{{ route('discord.webhookRedirect', ['calendarHash' => $calendar->hash]) }}">
-							Setup a Discord webhook
-						</a>
-						@endfeature
-					</div>
-				</div>
-
-				@feature('discord')
-				<div class="row no-gutters mt-3 alert alert-info px-3" style="background-color: #5865F2;"
-						 x-show="discord_webhooks > 0">
-					<div class="col-1">
-						<i class="fab fa-discord"></i>
-					</div>
-					<div class="col-11">
-						This calendar has <strong x-text="discord_webhooks"></strong> <span
-							x-text="discord_webhooks > 1 ? 'webhooks' : 'webhook'"></span> configured through the Discord integration.
-						You can manage <span x-text="discord_webhooks > 1 ? 'them' : 'it'"></span> via <a target="_blank"
-																																															href="{{ route('profile.integrations', ['discord_panel_open' => true]) }}">your
-							profile</a>.
-					</div>
-				</div>
-				@endfeature
-
-			</div>
-
-		</div>
+		<div x-data="{ discord_webhooks: @json($calendar->discord_webhooks()->count()) }">
+
+        <div class='row mb-1'>
+            <div class='col bold-text'>Enable real-time advancement:</div>
+
+            <div class='col-auto text-right'>
+                @if(request()->is('calendars/*/edit') && $calendar->isChild())
+                    <span x-text="advancement.advancement_enabled ? 'Yes' : 'No'"></span>
+                @else
+                    <label class="custom-control custom-checkbox center-text">
+                        <input type="checkbox" class="custom-control-input" x-model="console.log(advancement.advancement_enabled)">
+                        <span class="custom-control-indicator"></span>
+                    </label>
+                @endif
+            </div>
+        </div>
+
+        <div x-show="advancement.advancement_enabled">
+            <div class="row no-gutters mt-3">
+                <div class="separator"></div>
+            </div>
+
+            <div class='row mt-2 mb-1 bold-text no-gutters text-center w-100'>
+                For every
+            </div>
+
+            <div class='row no-gutters protip' data-pt-position="right"
+                data-pt-title="This is how often in real world time that the calendar's time will be updated with the amount configured above">
+                <div class="input-group-sm input-group">
+                    <input type='number' class='form-control input-group-prepend'
+                    placeholder='1'
+                    x-model="advancement.advancement_real_rate"
+                    @change="($event) => { advancement.advancement_real_rate = Math.max(1, Number($event.target.value)) }"/>
+                    <label class="input-group-text form-control text-black">real world</label>
+                    <select class='custom-select form-control input-group-append'
+                        x-model="advancement.advancement_real_rate_unit">
+                        <option value='minutes' x-text="advancement.advancement_real_rate > 1 ? 'minutes' : 'minute'">minutes</option>
+                        <option selected value='hours' x-text="advancement.advancement_real_rate > 1 ? 'hours' : 'hour'">hours</option>
+                        <option value='days' x-text="advancement.advancement_real_rate > 1 ? 'days' : 'day'">days</option>
+                    </select>
+                </div>
+            </div>
+
+            <div class='row bold-text no-gutters text-center w-100 my-2 pr-4'>
+                Advance this calendar by
+            </div>
+
+            <div class='row no-gutters protip' data-pt-position="right"
+                data-pt-title="This is the amount of time that will be added to the calendar's date, based on the real-time amount configured above">
+                <div class="input-group-sm input-group">
+                    <input type='number' class='form-control input-group-prepend'
+                    placeholder='1'
+                    x-model="advancement.advancement_rate"
+                    @change="($event) => { advancement.advancement_rate = Math.max(1, Number($event.target.value)) }"/>
+                    <label class="input-group-text form-control text-black">calendar</label>
+                    <select class='custom-select form-control input-group-append'
+                        x-model="advancement.advancement_rate_unit">
+                        <option :disabled='!clock_enabled' value='minutes'
+                        x-text="advancement.advancement_rate > 1 ? 'minutes' : 'minute'">minutes
+                        </option>
+                        <option :disabled='!clock_enabled' value='hours' x-text="advancement.advancement_rate > 1 ? 'hours' : 'hour'">
+                        hours
+                        </option>
+                        <option value='days' x-text="advancement.advancement_rate > 1 ? 'days' : 'day'">days</option>
+                    </select>
+                </div>
+            </div>
+
+            <div class="my-2 warning" x-show="!clock_enabled">
+                <small>
+                    <i class="fas fa-info-circle"></i> The clock is not enabled, so minutes and hours are not available for real
+                    time advancement.
+                </small>
+            </div>
+
+            <div class="row no-gutters mt-3">
+                <div class="separator"></div>
+            </div>
+
+            <div class='row mt-2 mb-1 bold-text no-gutters'>
+                <div class="col">
+                    Notification webhooks
+                </div>
+            </div>
+
+            <div class='row no-gutters'>
+                <div class="col input-group">
+                    <select x-model="advancement.advancement_webhook_format" class='form-control form-control-sm'>
+                        <option value="raw_json" :disabled="discord_webhooks > 0">Raw JSON</option>
+                        @feature('discord')
+                            <option value="discord">Discord</option>
+                        @endfeature
+                    </select>
+
+                    <input
+                    @feature('discord')
+                    x-show="advancement.advancement_webhook_format != 'discord'"
+                @endfeature
+                type='text' x-model="advancement.advancement_webhook_url" class='form-control form-control-sm input-group-append
+                flex-grow-2' style="flex:2;" placeholder='http://my-web-hook.com/'>
+                    @feature('discord')
+                    <a target="_blank" x-show="advancement.advancement_webhook_format == 'discord'"
+                        class="btn btn-sm flex-grow input-group-append px-3"
+                        style="background-color: #5865F2; border-color: #5865F2;"
+                        href="{{ route('discord.webhookRedirect', ['calendarHash' => $calendar->hash]) }}">
+                        Setup a Discord webhook
+                    </a>
+                @endfeature
+                </div>
+            </div>
+
+            @feature('discord')
+            <div class="row no-gutters mt-3 alert alert-info px-3" style="background-color: #5865F2;"
+                x-show="discord_webhooks > 0">
+                <div class="col-1">
+                    <i class="fab fa-discord"></i>
+                </div>
+                <div class="col-11">
+                    This calendar has <strong x-text="discord_webhooks"></strong> <span
+                        x-text="discord_webhooks > 1 ? 'webhooks' : 'webhook'"></span> configured through the Discord integration.
+                    You can manage <span x-text="discord_webhooks > 1 ? 'them' : 'it'"></span> via <a target="_blank"
+                        href="{{ route('profile.integrations', ['discord_panel_open' => true]) }}">your
+                        profile</a>.
+                </div>
+            </div>
+        @endfeature
+
+        </div>
+
+    </div>
 	@endif
 @else
 
-	<div class='row no-gutters my-1'>
-		<p>Make your calendar advance its time automatically, with settings to control how fast or
-			slow it should advance!</p>
-		<p class='m-0'><a href="{{ route('subscription.pricing') }}" target="_blank">Subscribe
-				now</a> to unlock this feature!</p>
-	</div>
+    <div class='row no-gutters my-1'>
+        <p>Make your calendar advance its time automatically, with settings to control how fast or
+            slow it should advance!</p>
+        <p class='m-0'><a href="{{ route('subscription.pricing') }}" target="_blank">Subscribe
+                now</a> to unlock this feature!</p>
+    </div>
 
 @endif