wip

SethSharp · Nov 26, 2023 · 38c398d · 38c398d
1 parent a7ef923
commit 38c398d
Show file tree

Hide file tree

Showing 5 changed files with 119 additions and 7 deletions.
diff --git a/app/Http/Controllers/ShowStoreController.php b/app/Http/Controllers/ShowStoreController.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Inertia\Inertia;
+use Stripe\StripeClient;
+
+class ShowStoreController extends Controller
+{
+    public function __invoke()
+    {
+        $stripe = new StripeClient(env('STRIPE_SECRET'));
+        $items = $stripe->products->all(['limit' => 3]);
+
+        foreach ($items->data as $item) {
+            $item['price'] = $stripe->prices->retrieve(
+                    $item->default_price,
+                    []
+                )->unit_amount / 100;
+        }
+
+        return Inertia::render('Store', [
+            'items' => $items
+        ]);
+    }
+}
diff --git a/composer.json b/composer.json
@@ -11,6 +11,7 @@
         "laravel/framework": "^10.10",
         "laravel/sanctum": "^3.2",
         "laravel/tinker": "^2.8",
+        "stripe/stripe-php": "^13.4",
         "tightenco/ziggy": "^1.0"
     },
     "require-dev": {

diff --git a/composer.lock b/composer.lock
diff --git a/resources/js/Pages/Store.vue b/resources/js/Pages/Store.vue
@@ -2,18 +2,44 @@
 import { Head } from '@inertiajs/vue3'
 import PrimaryLayout from '@/Layouts/PrimaryLayout.vue'
 import Section from '@/Components/Section.vue'
+
+defineProps({
+    items: Object,
+})
 </script>
 
 <template>
     <Head title="Store" />
 
     <PrimaryLayout>
         <Section>
-            <template #header> Coming soon... </template>
+            <template #header> </template>
             <template #content>
-                Our online store will become available soon, showing off all our in-store frames
-                where you can easily purchase online and pick up in store. If you are interested in
-                this send us a message so we know people are interested in a feature like this!
+                <div v-for="item in items.data">
+                    <div class="bg-white">
+                        <div class="">
+                            <div class="lg:grid lg:grid-cols-2 lg:items-start lg:gap-x-8">
+                                <img :src="item.images[0]" />
+
+                                <!-- Product info -->
+                                <div class="mt-10 px-4 sm:mt-16 sm:px-0 lg:mt-0">
+                                    <h1 class="text-3xl font-bold tracking-tight text-gray-900">{{ item.name }}</h1>
+
+                                    <div class="mt-3">
+                                        <h2 class="sr-only">Product information</h2>
+                                        <p class="text-3xl tracking-tight text-gray-900">${{ item.price }}</p>
+                                    </div>
+
+                                    <div class="mt-6">
+                                        <h3 class="sr-only">Description</h3>
+
+                                        <div class="space-y-6 text-base text-gray-700" v-html="item.description" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </template>
         </Section>
     </PrimaryLayout>

diff --git a/routes/web.php b/routes/web.php
@@ -20,7 +20,7 @@
 Route::get('/faq', function () { return Inertia::render('FAQ'); })->name('faq');
 Route::get('/contact', function () { return Inertia::render('Find'); })->name('contact');
 Route::get('/locator', function () { return Inertia::render('Locator'); })->name('locator');
-Route::get('/store', function () { return Inertia::render('Store'); })->name('store');
+Route::get('/store', \App\Http\Controllers\ShowStoreController::class)->name('store');
 
 Route::prefix('services')->name('services.')->group(function () {
     Route::prefix('framing')->name('framing.')->group(function () {