<commit_before><template>
    <div class="mod-card">
        <form class="mod-form">
            <h3 class="modpanel__subtitle">Main</h3>
            <div class="form-group">
                <Input v-model="date" />
                <label>Date</label>
            </div>
            <div class="form-group">
                <Input v-model="time" />
                <label>Time</label>
            </div>
            <h3 class="modpanel__subtitle">Game</h3>
            <div class="form-group">
                <div class="select-container">
                    <select v-model="game.name" class="form-control">
                        <option value=""></option>
                        <option>Classic</option>
                        <option>Zen Garden</option>
                        <option>Coffee Run</option>
                    </select>
                    <label>Gamemode</label>
                </div>
            </div>
            <div class="form-group">
                <Input v-model="game.theme" />
                <label>Theme</label>
            </div>
            <h3 class="modpanel__subtitle">Objectives</h3>
            <div class="form-group" v-for="objective in orderBy(game.objectives, 'number')" :key="objective.id">
                <Input v-model="objective.description" maxlength="110" />
                <label>Objective #{{ objective.number + 1 }} (Bonus)</label>
            </div>

            <h3 class="modpanel__subtitle">Media</h3>
            <div class="form-group">
                <Input v-model="game.youtube_url" />
                <label>Youtube URL</label>
            </div>
        </form>
    </div>
</template>

<script>
    import Component, {State} from 'nuxt-class-component';
    import Vue from 'vue';

    import {Watch} from 'vue-property-decorator';

    import moment from 'moment';
    import Input from '~/components/form/Input';

    @Component({
        components: { Input }
    })

    export default class DashboardGameDetails extends Vue {
        @State(state => state.game.game) game;

        date = '';
        time = '';

        mounted() {<commit_msg>Added textarea for Zen Garden HTML<commit_after><template>
    <div class="mod-card">
        <form class="mod-form">
            <h3 class="modpanel__subtitle">Main</h3>
            <div class="form-group">
                <Input v-model="date" />
                <label>Date</label>
            </div>
            <div class="form-group">
                <Input v-model="time" />
                <label>Time</label>
            </div>
            <h3 class="modpanel__subtitle">Game</h3>
            <div class="form-group">
                <div class="select-container">
                    <select v-model="game.name" class="form-control">
                        <option value=""></option>
                        <option>Classic</option>
                        <option>Zen Garden</option>
                        <option>Coffee Run</option>
                    </select>
                    <label>Gamemode</label>
                </div>
            </div>
            <div class="form-group">
                <Input v-model="game.theme" />
                <label>Theme</label>
            </div>
            <h3 class="modpanel__subtitle">Objectives</h3>
            <div class="form-group" v-for="objective in orderBy(game.objectives, 'number')" :key="objective.id">
                <Input v-model="objective.description" maxlength="110" />
                <label>Objective #{{ objective.number + 1 }} (Bonus)</label>
            </div>

            <h3 class="modpanel__subtitle">Zen Garden HTML</h3>
            <div class="form-group">
                <textarea class="form-control" placeholder="Insert HTML code here..." />
            </div>

            <h3 class="modpanel__subtitle">Media</h3>
            <div class="form-group">
                <Input v-model="game.youtube_url" />
                <label>Youtube URL</label>
            </div>
        </form>
    </div>
</template>

<script>
    import Component, {State} from 'nuxt-class-component';
    import Vue from 'vue';

    import {Watch} from 'vue-property-decorator';

    import moment from 'moment';
    import Input from '~/components/form/Input';

    @Component({
        components: { Input }
    })

    export default class DashboardGameDetails extends Vue {
        @State(state => state.game.game) game;

        date = '';
        time = '';

        mounted() {
{'fraction_non_alphanumeric': 0.14563323654232746, 'fraction_numerical': 0.005807460352914898, 'mean_word_length': 1.557395773843518, 'pattern_counts': {'":': 0, '<': 120, '<?xml version=': 0, '>': 122, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7119257', 'n_tokens_mistral': 1284, 'n_tokens_neox': 1216, 'n_words': 240}