Add language selection for services

database/seeders/DatabaseSeeder.php

@@ -33,6 +33,7 @@ class DatabaseSeeder extends Seeder
 			'name' => 'Language Targeted Views',
 			'type' => 'views',
 			'site' => 'youtube',
+			'modifier' => 'language',
 			'minimum' => 1000,
 			'maximum' => 100000,
 			'price' => 20,

resources/js/panel/credits.vue

@@ -104,7 +104,7 @@ function pay() {
 			document.getElementById('payment-error').textContent =
 			result.error.message
 		} else if (result.paymentIntent.status === 'succeeded') {
-			this.complete()
+			this.$emit('purchaseComplete')
 		} else {
 			document.getElementById('payment-error').textContent =
 			'An unknown error occured'
@@ -145,6 +145,7 @@ export default {
 	computed: {total, ready},
 	methods: {getSecret, pay, getCards},
 	props: ['token'],
+	emits: ['purchaseComplete'],
 	created() {
 		this.getCards()	
 	}

resources/js/panel/panel.vue

@@ -85,6 +85,11 @@ function getOrders() {
 	})
 }
 
+//Should show completed view and update user information after 5 seconds
+function showCompleted() {
+
+}
+
 export default {
 	components: {
 		Sidebar, Settings, PastOrders, NewOrder
@@ -93,7 +98,7 @@ export default {
 	return {active: window.location.hash, user: null,
 	token: null, orders: null, loading: true,}
 	},
-	methods: {getUser, getServices, getOrders},
+	methods: {getUser, getServices, getOrders, showCompleted},
 	created() {
 		let loaders = []
 		loaders.push(this.getUser())

resources/js/panel/services.vue

@@ -39,6 +39,7 @@
 		<div><input required :min="selected.minimum" :max="selected.maximum"
 		type="number" v-model="amount" id="selQty"><span> /
 		{{selected.maximum.toLocaleString('en')}}</span></div> 
+
 		<template v-if="selected.modifier == 'location'">
 		<h4>Location</h4>
 		<div><select required id="country" name="">
@@ -50,6 +51,18 @@
 		</select>
 		</div> 
 		</template>
+
+		<template v-if="selected.modifier == 'language'">
+		<h4>Location</h4>
+		<div><select required id="language" name="">
+		<option value="english">English</option>
+		<option value="french">French</option>
+		<option value="spanish">Spanish</option>
+		<option value="german">German</option>
+		</select>
+		</div> 
+		</template>
+
 		<h4>URL</h4>
 		<div><input required type="url" id="url" v-model="url"></div> 
 		<button @click="buyService" :disabled="paying">Submit<loading
@@ -100,9 +113,12 @@ function buyService() {
 	this.paying = true
 	let note = ''
 	let country = document.getElementById('country')
+	let language = document.getElementById('language')
 
 	if (country) {
 		note = JSON.stringify({'location': country.value})
+	} else if (language) {
+		note = JSON.stringify({'language': language.value})
 	}
 	
 	fetch('/panel/orders', {