{{--
  Template Name: Contact Template
--}}

@extends('layouts.app')

@section('content')
@while(have_posts()) @php the_post() @endphp
@include('partials.page-header')
<div class="row">
  <div class="container pb-5 pt-5">
    <div class="row">
      <div class="col-xl-11 mx-auto">

        @include('partials.content-page')
        <div class="row">
          <div class="col-lg-7 form-contact order-lg-0 order-1 px-5 py-4">
            <h2>Book an Appointment</h2>
            <script src="https://hsformwidget.azurewebsites.net/embed.js" data-form-id="6b69daf1-b665-428c-bf24-f52ecaf92434"></script><iframe id="hsformwidget-ga-iframe" src="about:blank" height="0" width="0" style="display:none;visibility:hidden"></iframe>
          </div>
          <div class="col-lg-5 form-img p-0">
            <img src=" https://mychoicetwincities.com/wp-content/uploads/2022/03/shutterstock_1037955127.jpg">
          </div>
        </div>

        <div class="row py-5 px-xl-5 px-md-3 hours-txt">
          <div class="col-md-4 d-flex mb-4">
            <div class="address-icon address1"> <img src="https://mychoicetwincities.com/wp-content/uploads/2022/03/Location-icon.svg" alt="" class="mb-lg-auto" width='40'>
            </div>
            <div class="ml-3 cont-txt">
              <b>Address</b><br>
              <span>5640 West Broadway Avenue
Minneapolis, MN 55428</span>
            </div>
          </div>
          <div class="col-md-5 d-flex " style="justify-content: center;">
            <div class="address-icon"> <img src="https://mychoicetwincities.com/wp-content/uploads/2022/03/Clock-icon.svg" alt="" class="mb-lg-auto" width='35'>
            </div>
            <div class="ml-3 cont-txt">
              <b>Hours</b><br>
              <span>Monday: 9am–8pm<br>
Tuesday: 9am–8pm<br>
Wednesday: 9am–4pm<br>
Thursday: 9am–4pm<br>
Friday: 9am–2pm<br>
Saturday: Closed<br>
Sunday: Closed<br></span>
            </div>
          </div>
          <div class="col-md-3">
            <div class="d-flex cont-txt" style="margin:0 0 0 35px">

              <img src="" alt="" class="mb-lg-auto" width='40' />
              @if($company_information->phone_number)
              <p class="mb-0 mt-4 my-md-auto "><b>Call Us</b><br> <a href="tel:{!! str_replace(array(&#039;-&#039;,&#039; &#039;, &#039;)&#039;, &#039;(&#039; ), &#039;&#039;, $company_information-" data-wpel-link="internal">phone_number) !!}">
                  {!! $company_information->phone_number !!}
                </a></p>
              @endif
            </div>
            <div class="d-flex mt-lg-3 cont-txt">
              <img src="" alt="" class="mb-lg-auto" width='40' />
              @if($company_information->text_number)
              <p class="mb-0 mt-4 my-md-auto ml-3"><b>Text</b><br> <a href="sms:{!! str_replace(array(&#039;-&#039;,&#039; &#039;, &#039;)&#039;, &#039;(&#039; ), &#039;&#039;, $company_information-" data-wpel-link="internal">text_number) !!}">
                  {!! $company_information->text_number !!}
                </a></p>
              @endif
            </div>
          </div>
        </div>
        <div class="row mt-5">
          <div class="col-xl-4 col-lg-5 col-md-6 m-auto">

            <div class="btn-sidebar-btn">Get Directions
              <a target="_blank" href="https://goo.gl/maps/BazTNsHiHe9P7qYd7" data-wpel-link="external" rel="nofollow external noopener noreferrer"></a>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
@endwhile
@endsection