<template>
	<Dialog v-model="show" :options="{ title: 'Configure Auto Update' }">
		<template #body-content>
			<div class="mt-8">
				<Switch
					v-model="enableAutoUpdate"
					label="Enable Auto Update"
					description="Automatically schedule site updates whenever available"
				/>
			</div>
		</template>
	</Dialog>
</template>

<script>
import { Switch, getCachedDocumentResource } from 'frappe-ui';

export default {
	props: {
		site: {
			type: String,
			required: true,
		},
	},
	components: { Switch },
	data() {
		return {
			show: true,
		};
	},
	computed: {
		$site() {
			return getCachedDocumentResource('Site', this.site);
		},
		enableAutoUpdate: {
			get() {
				return !this.$site?.pg.skip_auto_updates;
			},
			set(value) {
				this.$site.setValue.submit({ skip_auto_updates: !value });
			},
		},
	},
};
</script>
