order products

public/css/style.css

@@ -67,6 +67,11 @@ p {
   font-weight: 300;
   font-size: 20px;
 }
+.divider {
+  background-image: url('/img/maps-marker.png');
+  background-size: 10px;
+  height: 15px;
+}
 .breadcrumb-item {
   font-weight: 300;
 }

resources/views/app/physicians/order-products.blade.php

@@ -16,8 +16,8 @@
 <div class="bg-grey py-5">
   <div class="container">
     <div class="row justify-content-center">
-      <div class="col-lg-7 text-center">
-        <h5 class="title m-0">Order Products</h5>
+      <div class="col-lg-6 text-center">
+        <h5 class="subtitle m-0">Order Snyder HemBand Products for Your Practice</h5>
       </div>
     </div>
   </div>
@@ -25,32 +25,33 @@
 
 <div class="container py-5">
   <div class="row">
-    <div class="col-lg-3">
+    <div class="col-lg-3 d-lg-block d-none">
       @include('app.physicians.order-products.sidenav')
     </div>
     <div class="col-lg-8">
-      <h4 class="header">Convenient, Fast Supplies for Your Practice</h4>
-      <em>Get all your CRH O’Regan System materials here</em>
-      <p class="mt-4">Stock up on your practice’s supplies right here. You can order online, or via fax/email.</p>
-      <ul>
-        <li><a href="#">Order ligators</a> for use in performing the CRH O’Regan banding procedure</li>
-        <li><a href="#">Order marketing materials</a> – including brochures, table tents, post-colonoscopy tear-off pads, wall charts and more.</li>
-        <li><a href="#">Order OBP ANOSPEC anocopes</a> for diagnostics</li>
-      </ul>
-      <p>Have questions about our materials or need help ordering? Call 800.660.2153 ext. 1011 for assistance.</p>
-      <p>Not yet trained in the CRH O’Regan System? Get trained now</p>
-
-      <h5>Fax or Email for Ligator Orders Only</h5>
-      <p>To submit your order offline, please print and complete the form below.</p>
-      <a href="#"><img  src="{{asset('img/ligators.jpeg')}}" class="w-25 border border-dark" alt=""> </a>
+      <p>The Snyder HemBand System offers a suite of products to provide comprehensive hemorrhoid treatment for your practice. Click the buttons below to learn more about what we offer.</p>
+      <div class="d-md-flex">
+        <a href="{{route('physicians.order-products-ligators')}}" class="d-flex align-items-center justify-content-center h-auto text-center text-white box-1 w-100">Ligators</a>
+        <a href="{{route('physicians.order-products-marketing')}}" class="d-flex align-items-center justify-content-center h-auto text-center text-white box-3 w-100">Marketing Materials</a>
+        <a href="{{route('physicians.order-products-obp')}}" class="d-flex align-items-center justify-content-center h-auto text-center box-4 w-100">OBP ANOSPEC anoscopes</a>
+      </div>
+      <p class="mt-4">To submit an order via fax or email, please send back the form for the product(s) you wish to order.</p>
+      <div class="row">
+        <div class="col-lg-4 col-md-6">
+          <h5 class="mt-4 mb-3">Ligator Order Form</h5>
+          <a href="#"><img  src="{{asset('img/ligators.jpeg')}}" class="w-75 border border-dark" alt=""> </a>
+        </div>
+        <div class="col-lg-4 col-md-6">
+          <h5 class="mt-4 mb-3">Marketing Materials</h5>
+          <a href="#"><img  src="{{asset('img/marketing.jpeg')}}" class="w-75 border border-dark" alt=""> </a>
+        </div>
+        <div class="col-lg-4 col-md-6">
+          <h5 class="mt-4 mb-3">OBP ANOSPEC Anoscopes</h5>
+          <a href="#"><img  src="{{asset('img/obp.jpeg')}}" class="w-75 border border-dark" alt=""> </a>
+        </div>
+      </div>
 
-      <h5 class="mt-lg-5 mt-4">Fax or Email for OBP ANOSPEC Anoscopes Only</h5>
-      <p>To submit your order offline, please print and complete the form below.</p>
-      <a href="#"><img  src="{{asset('img/obp.jpeg')}}" class="w-25 border border-dark" alt=""> </a>
 
-      <h5 class="mt-lg-5 mt-4">Fax or Email for Fax or Email for OBP ANOSPEC Anoscopes Only Only</h5>
-      <p>To submit your order offline, please print and complete the form below.</p>
-      <a href="#"><img  src="{{asset('img/marketing.jpeg')}}" class="w-25 border border-dark" alt=""> </a>
     </div>
   </div>
 </div>

resources/views/app/physicians/order-products/ligators.blade.php

@@ -30,36 +30,28 @@
       @include('app.physicians.order-products.sidenav')
     </div>
     <div class="col-lg-8">
-      <h4 class="header">Order Your CRH O’Regan Ligators Now</h4>
-      <p class="mt-4">All CRH-trained practices are eligible to order CRH O’Regan System ligators. You can order online, by phone (1.800.660.2153 ext. 0) or simply print out and fax or email your order form to us:</p>
-      <ul>
-        <li><a href="#">Order online</a></li>
-        <li><a href="#">Download an order form</a></li>
-      </ul>
-      <p>If your practice has not yet been trained on the use of the CRH O’Regan ligator and associated treatment protocols, call 800-660-2153 ext. 1011 to learn more, or <a href="#">fill out our training request form.</a> </p>
-      <div class="border bg-light p-4 mb-4">
-          <img src="{{asset('/img/snyder.png')}}" class="w-100" alt="">
+      <h4 class="header">Order Snyder HemBand Ligators Today</h4>
+      <p class="mt-4">If you are a licensed health practitioner who is trained in the Snyder HemBand system, then you’re eligible to order ligators. Submit your order here [hyperlink to order form], call or fax us at <a href="tel:(800) 290-9092">(800) 290-9092</a> , or send us an order form at <a href="mailto:info@snyderhemband.org">info@snyderhemband.org</a>.</p>
+      <p>However, if you or your practice have not received training on the Snyder HemBand System, you can request training online and we will contact you shortly to schedule.</p>
+      <div class="text-center my-4">
+        <a href="{{route('physicians.get-trained')}}" class="btn btn-pry px-5 py-3">Schedule Training</a>
       </div>
-      <h5 class="header">About the CRH O’Regan Ligator</h5>
-      <p>The CRH O’Regan System is a single-use hemorrhoid banding ligator that utilizes a manual, gentle suction to draw the tissue of the hemorrhoid into the barrel of the ligator over which a small rubber band is placed – a procedure known as Rubber Band Ligation (RBL).</p>
-      <p>The CRH ligator, which improves upon conventional RBL, directly treats the root problem that hemorrhoids cause – the prolapse – and eliminates the painful symptoms, like itching and bleeding, which accompany it.</p>
 
-      <h5 class="mt-4">Comprehensive Training</h5>
-      <p><a href="#">CRH’s Medical Directors</a>, both board-certified general surgeons, have been training physicians across the United States to offer this patented, FDA-approved procedure since 2008.</p>
-      <p>Training is provided for the use of the ligator as well as for the diagnosis and treatment of related perianal care issues such as anal fissure and spasm.</p>
+      <h5 class="header">About our Ligator</h5>
+      <p>The Snyder HemBand is a non-surgical, disposable, single-use system for the treatment of hemorrhoids using Rubber Band Ligation (RBL).</p>
+      <p>It utilizes a simple suction syringe with an integrated obturator to ensure patient comfort and ease during the procedure.</p>
+      <p>During the procedure, a ligation rubber band is placed around the base of the hemorrhoid to disrupt blood flow to the hemorrhoid.</p>
+      <p>RBL is a simple, safe, and effective method for treating symptomatic hemorrhoids with significant improvement in quality of life.</p>
 
-      <h5 class="mt-4">Proven</h5>
-      <p>The CRH O’Regan System is proven to be 99% effective, with a 1% complication rate (pain and bleeding). Our ligator has also been used more than 1,000,000 times by over 3,000 doctors across the US.</p>
 
-      <h5 class="mt-4">Marketing and Operational Support</h5>
-      <p>As a CRH customer, you receive a turnkey program to ensure you have all of the support necessary to incorporate the procedure into your practice at no additional cost:</p>
+      <h5 class="mt-4">What We Offer</h5>
+      <p>To support your practice, we have a number of services that we offer as part of the Snyder HemBand System. When you choose HemBand, you’re choosing our comprehensive support network at no cost to you.</p>
       <ul>
-        <li>Clinical forms</li>
-        <li>Patient education tools</li>
-        <li>Marketing materials</li>
-        <li>Staff training</li>
-        <li>24/7 clinical support via phone and email</li>
-        <li>Practice profile listing on our patient-facing website</li>
+        <li>Marketing Materials</li>
+        <li>In-person and online training for clinicians and staff</li>
+        <li>Email and phone support</li>
+        <li>Symptom Questionnaire and other Clinical Forms</li>
+        <li>Online Directory listing on our patient-facing website</li>
       </ul>
     </div>
   </div>

resources/views/app/physicians/order-products/marketing.blade.php

@@ -30,9 +30,93 @@
       @include('app.physicians.order-products.sidenav')
     </div>
     <div class="col-lg-8">
-      <h4 class="header">Marketing Services & Material</h4>
-      <p class="mt-4">We provide a wide array of valuable educational and marketing material designed to help your patients and colleagues understand the benefits of the CRH O’Regan System, and to drive new patients to your practice.</p>
-      <p>All materials are provided free of charge. Order online or by fax. For more information, please call 800.660.2153 ext. 1011.</p>
+      <h4 class="header">Marketing Materials for Your Practice</h4>
+      <p class="mt-4">We know that marketing materials are a huge asset in helping patients and staff understand the Snyder HemBand procedure. Because of this, we’re happy to provide a variety of marketing materials at no cost to you or your practice.</p>
+      <p>To place an order, please fill out the form below or submit an order form via fax or email <a href="mailto:info@snyderhemband.org">info@snyderhemband.org</a>.</p>
+      <div class="bg-light p-4">
+        <form class="" action="" method="post">
+          @csrf
+          <div class="row">
+            <div class="col-lg-6 form-group mb-4">
+              <label>First Name <span class="text-danger">*</span> </label>
+              <input type="text" class="form-control rounded-0 py-3" required name="name_first" value="{{ old('name_first') }}">
+            </div>
+            <div class="col-lg-6 form-group mb-4">
+              <label>Last Name <span class="text-danger">*</span> </label>
+              <input type="text" class="form-control rounded-0 py-3" required name="name_last" value="{{ old('name_last') }}">
+            </div>
+          </div>
+          <div class="form-group mb-4">
+            <label>Title <span class="text-danger">*</span> </label>
+            <input type="text" class="form-control rounded-0 py-3" required name="title" value="{{ old('title') }}">
+          </div>
+          <div class="row">
+            <div class="col-lg-4 form-group mb-4">
+              <label>Practice Name <span class="text-danger">*</span> </label>
+              <input type="text" class="form-control rounded-0 py-3" required name="practice_name" value="{{ old('practice_name') }}">
+            </div>
+            <div class="col-lg-5 form-group mb-4">
+              <label>Practice Address <span class="text-danger">*</span> </label>
+              <input type="text" class="form-control rounded-0 py-3" required name="practice_address" value="{{ old('practice_address') }}">
+            </div>
+            <div class="col-lg-3 form-group mb-4">
+              <label>Practice Zip Code <span class="text-danger">*</span> </label>
+              <input type="text" class="form-control rounded-0 py-3" required name="practice_zip" value="{{ old('practice_zip') }}">
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-lg-6 form-group mb-4">
+              <label>Contact Phone Number <span class="text-danger">*</span> </label>
+              <input type="tel" class="form-control rounded-0 py-3 phone" required placeholder="(xxx) xxx-xxxx" name="contact_phone" value="{{ old('contact_phone') }}">
+            </div>
+            <div class="col-lg-6 form-group mb-4">
+              <label>Contact Email <span class="text-danger">*</span> </label>
+              <input type="email" class="form-control rounded-0 py-3" required name="email" value="{{ old('email') }}">
+            </div>
+          </div>
+          <div class="form-group mb-4">
+            <label>Order request</label>
+            <textarea name="request" class="form-control rounded-0" rows="6">{{ old('request') }}</textarea>
+          </div>
+          <button type="submit" class="btn btn-pry w-100 py-3">SUBMIT</button>
+        </form>
+      </div>
+      <div class="divider my-4"></div>
+      <div class="row align-items-center">
+        <div class="col-lg-2">
+          <a href="#"><img  src="{{asset('img/ligators.jpeg')}}" class="w-75 border border-dark" alt=""> </a>
+        </div>
+        <div class="col-lg-10">
+          <h5 class="header">Patient Education Materials</h5>
+        </div>
+      </div>
+      <div class="divider my-4"></div>
+      <div class="row align-items-center">
+        <div class="col-lg-2">
+          <a href="#"><img  src="{{asset('img/ligators.jpeg')}}" class="w-75 border border-dark" alt=""> </a>
+        </div>
+        <div class="col-lg-10">
+          <h5 class="header">Referring Physician Materials</h5>
+        </div>
+      </div>
+      <div class="divider my-4"></div>
+      <div class="row align-items-center">
+        <div class="col-lg-2">
+          <a href="#"><img  src="{{asset('img/ligators.jpeg')}}" class="w-75 border border-dark" alt=""> </a>
+        </div>
+        <div class="col-lg-10">
+          <h5 class="header">Advertising Templates</h5>
+        </div>
+      </div>
+      <div class="divider my-4"></div>
+      <div class="row align-items-center">
+        <div class="col-lg-2">
+          <a href="#"><img  src="{{asset('img/ligators.jpeg')}}" class="w-75 border border-dark" alt=""> </a>
+        </div>
+        <div class="col-lg-10">
+          <h5 class="header">Symptom Questionnaire Form</h5>
+        </div>
+      </div>
     </div>
   </div>
 </div>

resources/views/app/physicians/order-products/obp.blade.php

@@ -30,19 +30,10 @@
       @include('app.physicians.order-products.sidenav')
     </div>
     <div class="col-lg-8">
-      <h4 class="header">Order your OBP ANOSPEC Anoscopes</h4>
-      <p class="mt-4">OBP ANOSPEC anoscopes with built-in LED light source (used for diagnostic purposes) are now available for purchase directly through CRH.</p>
-      <p>The OBP ANOSPEC is:</p>
-      <ul>
-        <li>Single-use</li>
-        <li>Equipped with its own obturator</li>
-        <li>Equipped with its own built-in LED light source</li>
-        <li>Clear – offers 360 degree visibility</li>
-        <li>Available with slotted and beveled tips</li>
-      </ul>
-      <p class="mb-0"><a href="#">Order online</a></p>
-      <p class="mb-0"><a href="#">Download an order form</a></p>
-      <p class="mb-0"><a href="#">Product Brochure</a></p>
+      <h4 class="header">Order your OBP ANOSPEC Anoscopes with Snyder HemBand</h4>
+      <p class="mt-4">We’re pleased to offer OBP ANOSPEC anoscopes through Snyder HemBand.</p>
+      <p>The OBP ANOSPEC is a completely hygienic, single-use anoscope that comes ready to use immediately. It features its own obturator and single-use LED light source that doesn’t require assembly or charging.</p>
+      <p>You can <a href="#">order them here</a>, call us at <a href="tel:(800) 290-9092">(800) 290-9092</a> , or submit an order form via fax or email <a href="mailto:info@snyderhemband.org">info@snyderhemband.org</a>.</p>
     </div>
   </div>
 </div>