@extends('layouts.app')
@section('content')
<div class="bg-light">
    <div class="container pt-3">
        <nav class="mb-0">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{route('index')}}"><u>Home</u></a></li>
                <li class="breadcrumb-item active" aria-current="page">Your treatment with Snyder Hemband</li>
            </ol>
        </nav>
    </div>
</div>
<div class="bg-grey py-5">
  <div class="container py-lg-4">
    <div class="row align-items-center">
      <div class="col-xl-4 col-lg-5 mb-lg-0 mb-4">
        <h5 class="subtitle mb-4">What’s next?</h5>
        <p>You’re on your way back to living life to the fullest! Hemorrhoids commonly originate at three sites in the rectal area. So depending on the findings, your doctor may schedule three or more treatment sessions. Doctors generally treat one site during each session.</p>
      </div>
      <div class="col-xl-7 col-lg-6 offset-lg-1">
        <img src="{{asset('img/pc-top.png')}}" class="w-100" alt="">
      </div>
    </div>
  </div>
</div>
<div class="container py-5">
  <div class="row">
    <div class="col-lg-8 offset-lg-2 mb-lg-5 mt-lg-3">
      <h5 class="subtitle text-center mb-4">Frequently asked questions</h5>
      <div class="accordion" id="faq">
        <div class="accordion-item">
          <h2 class="accordion-header" id="faqOne">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentOne" aria-expanded="false" aria-controls="faqContentOne">
              Can Snyder Hemband work for me?
            </button>
          </h2>
          <div id="faqContentOne" class="accordion-collapse collapse" aria-labelledby="faqOne" data-bs-parent="#faq">
            <div class="accordion-body">...</div>
          </div>
        </div>
        <div class="accordion-item">
          <h2 class="accordion-header" id="faqTwo">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentTwo" aria-expanded="false" aria-controls="faqContentTwo">
              How long will the procedure take?
            </button>
          </h2>
          <div id="faqContentTwo" class="accordion-collapse collapse" aria-labelledby="faqTwo" data-bs-parent="#faq">
            <div class="accordion-body">...</div>
          </div>
        </div>
        <div class="accordion-item">
          <h2 class="accordion-header" id="faqThree">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentThree" aria-expanded="false" aria-controls="faqContentThree">
              Does it require multiple treatments?
            </button>
          </h2>
          <div id="faqContentThree" class="accordion-collapse collapse" aria-labelledby="faqThree" data-bs-parent="#faq">
            <div class="accordion-body">...</div>
          </div>
        </div>
        <div class="accordion-item">
          <h2 class="accordion-header" id="faqFour">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentFour" aria-expanded="false" aria-controls="faqContentFour">
              What type of preparation/recovery should be expected?
            </button>
          </h2>
          <div id="faqContentFour" class="accordion-collapse collapse" aria-labelledby="faqFour" data-bs-parent="#faq">
            <div class="accordion-body">...</div>
          </div>
        </div>
        <div class="accordion-item">
          <h2 class="accordion-header" id="faqFivee">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentFivee" aria-expanded="false" aria-controls="faqContentFivee">
              How much does hemorrhoid banding with the Snyder Hemband cost?
            </button>
          </h2>
          <div id="faqContentFivee" class="accordion-collapse collapse" aria-labelledby="faqFivee" data-bs-parent="#faq">
            <div class="accordion-body">...</div>
          </div>
        </div>
        <div class="accordion-item">
          <h2 class="accordion-header" id="faqFive">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentFive" aria-expanded="false" aria-controls="faqContentFive">
              How is this different from traditional Rubber Band Ligation?
            </button>
          </h2>
          <div id="faqContentFive" class="accordion-collapse collapse" aria-labelledby="faqFive" data-bs-parent="#faq">
            <div class="accordion-body">...</div>
          </div>
        </div>
        <div class="accordion-item">
          <h2 class="accordion-header" id="faqSix">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentSix" aria-expanded="false" aria-controls="faqContentSix">
              What should I do if I have discomfort/ cramping in the pelvic area?
            </button>
          </h2>
          <div id="faqContentSix" class="accordion-collapse collapse" aria-labelledby="faqSix" data-bs-parent="#faq">
            <div class="accordion-body">...</div>
          </div>
        </div>
        <div class="accordion-item">
          <h2 class="accordion-header" id="faqSeven">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentSeven" aria-expanded="false" aria-controls="faqContentSeven">
              When should I contact my doctor?
            </button>
          </h2>
          <div id="faqContentSeven" class="accordion-collapse collapse" aria-labelledby="faqSeven" data-bs-parent="#faq">
            <div class="accordion-body">...</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection