inital commit

resources/js/components/partials/SmartCreditPkgView.vue

@@ -0,0 +1,39 @@
+<template>
+    <div class="smart-credit-pkg">
+        <div class="report-card p-3 report-card--best report-card__aside mt-5 report-card--info">
+            <div class="report-card__header pb-3">
+                <h5>
+                    <strong>
+                        <img :src="`${app_base_url}/img/smartcredit_logo.png`"
+                        alt="SmartCredit" class="provider-logo"> {{package.labels[package_id]}}
+                    </strong>
+                </h5>
+            </div>
+            <div class="report-card__price p-2">
+                <h4>${{package.prices[package_id]}}/mo</h4> <span>Cancel Anytime</span>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import pkg from "../../helper/package";
+export default {
+    props:{
+        package_id:{
+            required:true
+        }
+    },
+    data(){
+        return {
+            package:pkg,
+            app_base_url: APP_URL,
+        }
+    }
+}
+</script>
+<style>
+
+@import url("./../../../css/smartcredit.css");
+
+</style>