add theme

wp/wp-content/themes/medicalalert/tpl/checkout-step-1.tpl

@@ -0,0 +1,73 @@
+<!-- hidden things for promotional tracking -->
+<div class="visually-hidden" aria-hidden="true">
+    {{{ SESSpromoid }}}
+    {{{ SESSpromotion_description }}}
+    {{{ SESScoupon_code }}}
+</div>
+
+<div class="step-1-extras">
+    <p class="consumer-primary fw-bold">1. Subscriber Information</p>
+    <p>Please enter the information for the person who will be using the Lifeline service.</p>
+    <p class="consumer-primary fw-bold">Subscriber (Person using the service)</p>
+    {{{ subscriber_first_name }}}
+    {{{ subscriber_last_name }}}
+
+    <hr />
+    {{{ subscriber_gender }}}
+    {{{ subscriber_birthdate }}}
+
+    <p class="consumer-primary fw-bold pt-4">Subscriber Contact Information</p>
+    {{{ subscriber_address_1 }}}
+    <div class="row">
+        <div class="col">
+            {{{ subscriber_address_2 }}}
+        </div>
+        <div class="col">
+            {{{ subscriber_zip }}}
+        </div>
+    </div>
+    <div class="row">
+        <div class="col">
+            {{{ subscriber_city }}}
+        </div>
+        <div class="col">
+            {{{ subscriber_state }}}
+        </div>
+    </div>
+    {{{ subscriber_email }}}
+    {{{ subscriber_phone }}}
+
+    <p class="consumer-primary fw-bold pt-4">Caregiver Information</p>
+    <p>It's important to enter caregiver information so they are linked to your Lifeline service and can easily become part of your care circle within the Cares app.</p>
+
+    <div class="d-flex justify-content-between" style="font-size: 22px; color: #505050">
+        <div class="d-flex">
+            <input class="mt-2 me-2" type="radio" v-model="show_caregiver_form" id="show_caregiver_form_true" value="true">
+            <label for="show_caregiver_form_true">Add caregiver information</label>
+        </div>
+        <div class="d-flex">
+            <input class="mt-2 me-2" type="radio" v-model="show_caregiver_form" id="show_caregiver_form_false" value="false">
+            <label for="show_caregiver_form_false">Add caregiver information at a later time</label>
+        </div>
+    </div>
+
+    <div v-show="show_caregiver_form === 'true'">
+        {{{ caregiver_relation }}}
+        {{{ caregiver_first_name }}}
+        {{{ caregiver_last_name }}}
+        {{{ caregiver_email }}}
+        {{{ caregiver_phone }}}
+
+        <div class="d-flex">
+            <div class="input-wrapper">
+                <input type="checkbox" v-model="caregiver_authorized_box" />
+            </div>
+
+            <div class="label-wrapper" @click="caregiver_authorized_box = !caregiver_authorized_box">
+                {{{ caregiver_authorized }}}
+            </div>
+        </div>
+    </div>
+
+    <p class="consumer-primary fw-bold pt-4">Billing details</p>
+</div>