@extends('layout.master')
@section('content')
<main id="main">
   <!-- slider start -->
   <section id="about" class="about section-bg" style="margin-top: 100px; padding: 0px;">
      <div class="container">
         <div class="row">

            <div class="col-xl-7 col-lg-6 icon-boxes d-flex flex-column align-items-stretch justify-content-center py-5 px-lg-5">
               <h5>Medical Billing Company</h5>
               <h3 class="sub_text">Integrated Medical Billing Solutions Tailored for Providers Across the USA</h3>
               <div class="icon-bo">
                  
                  <h2 class="title txt-color">Welcome to eServMD</h2>
                  <p class="description">eServMD is renowned globally as a leading provider of medical billing services, specializing in the implementation of cutting-edge practices in medical billing and coding for physicians seeking to entrust their billing and coding needs to a proficient third-party agency.

                  Our team of certified medical coders and billers is dedicated to assisting healthcare establishments in the recovery of Aged Receivables and the resolution of insurance Claim Denials, ensuring seamless financial operations.</p>
               </div>
              

            <form action="#" method="post" id="contactForm" role="form" class="php-email-form home-form">
                @csrf
                <div class="row">
                    <div class="col-md-4 form-group">
                        <div class="input-group mb-3">
                            <span class="input-group-text" id="basic-addon1"><i class="fas fa-user"></i></span>
                            <input type="text" name="full_name" id="full_name" class="form-control" placeholder="Full Name" aria-label="Name" aria-describedby="basic-addon1" required>
                        </div>
                    </div>
                    <div class="col-md-4 form-group">
                        <div class="input-group mb-3">
                            <span class="input-group-text" id="basic-addon1"><i class="fas fa-envelope"></i></span>
                            <input type="email" class="form-control" name="email" id="email" autocomplete="email" placeholder="Email" aria-label="Email" aria-describedby="basic-addon1" required>
                        </div>
                    </div>
                    <div class="col-md-4 form-group">
                        <div class="input-group mb-3">
                            <span class="input-group-text" id="basic-addon1"><i class="fas fa-phone"></i></span>
                            <input type="number" min="0" maxlength="10" class="form-control" name="phone" id="phone" autocomplete="phone" placeholder="Phone" aria-label="Phone" aria-describedby="basic-addon1" required>
                        </div>
                    </div>
                </div>
                          
                <div class="my-3">
                    <div class="loading">Loading...</div>
                    <div class="error-message"></div>
                    <div class="response-message"></div> <!-- Placeholder for response message -->
                </div>
                <br/>
                <div class="text-center"><button class="btn btn-primary col-xl-5" id="submitForm" type="button">Book a Free Consultation</button></div>
            </form>

        
              
            </div>

            <div class="col-xl-5 col-lg-6  d-flex justify-content-center align-items-stretch position-relative">
                <img src="{{asset('assets/img/hero.webp')}}" class="w-100">
            </div>
            
         </div>
      </div>
</section> 
   <!-- slider end -->

   <!-- services start -->
   <section id="services" class="services">
      <div class="container">
         <div class="section-title">
            <h2>Our Services</h2>
            <p class="fw-bold">
               Revitalize your financial streams with improved cash flow strategies, ensuring a robust and steady influx. Elevate your revenue by increasing the percentage of collected claims, as our dedicated team tirelessly pursues every avenue for successful claim resolution.
            </p>
         </div>
         <div class="row" style="background-color: #c6c8d436;">
            @if($services)
               @foreach($services as $service)
                  <div class=" col-md-3 ">
                     <div class="icon-box f_page">
                        <div class="flip-box-home">
                          <div class="flip-box-home-inner">
                            <div class="flip-box-home-front">
                              <div class="speciality-box-inner">
                                 <img src="{{asset('storage')}}/{{$service->icon}}" class="w-100 icona"><br><br>
                                 <h5 class="front_services txt-color"><a href="#">{{ $service->name }}</a><br>&nbsp;
                                 </h5>
                                 
                              </div>
                            </div>
                            <div class="flip-box-home-back">
                              <p class="box-home-back-txt">{{ $service->description }}</p>
                            </div>
                          </div>
                        </div>
                        <br>
                        <a type="button" class="btn btn-primary btn-sm" href="{{ url('services/'.$service->url) }}" name="" >Explore</a>
                     </div>
                  </div>
               @endforeach
            @endif
         </div>
      </div>
   </section>
   <!-- services end -->

   <!-- Brand Logo Start -->

   <div class="section-title slider-area">
      <h2 class="text-center">Medical Billing Services for any EHR or PM Platform</h2>
      <div class="wrapper">
         @if($brands)
            @foreach($brands as $brand)
               <div class="item"><img alt="{{$brand->name}}" src="{{asset('storage')}}/{{$brand->brand_logo}}"></div>
            @endforeach
         @endif
      </div>
   </div>

   <!-- Brand Logo End -->

   <!-- Who We Serve start -->
   <section id="services" class="services section-bg">
      <div class="container">
         <div class="section-title">
            <h2>Who We Serve</h2>
            <p class="fw-bold">
               Delivering comprehensive medical billing solutions tailored to healthcare providers' diverse needs for streamlined revenue management.
            </p>
         </div>
         <div class="row" style="background-color: #c6c8d436;">
            <div class=" col-md-3 ">
               <div class="icon-box f_page">
                  <div class="flip-box-home">
                    <div class="flip-box-home-inner">
                      <div class="flip-box-home-front">
                        <div class="speciality-box-inner">
                           <img src="{{asset('assets/img/who-we-serve/hospital.svg')}}" class="w-100 icona"><br><br>
                           <h5 class="front_services txt-color">
                              <a href="#">{{ 'Hospital' }}</a>
                              <br>&nbsp;
                           </h5>
                           
                        </div>
                      </div>
                      <div class="flip-box-home-back">
                        <p class="box-home-back-txt">{{ 'Streamlining billing processes for hospitals to ensure efficient revenue management' }}</p>
                      </div>
                    </div>
                  </div>
                  <br>
                  <a type="button" class="btn btn-primary btn-sm" href="{{ url('/hospital-billing-services') }}" >
                  Explore</a>
               </div>
            </div>
            <div class=" col-md-3 ">
               <div class="icon-box f_page">
                  <div class="flip-box-home">
                    <div class="flip-box-home-inner">
                      <div class="flip-box-home-front">
                        <div class="speciality-box-inner">
                           <img src="{{asset('assets/img/who-we-serve/ambulance.svg')}}" class="w-100 icona"><br><br>
                           <h5 class="front_services txt-color">
                              <a href="{{ url('/urgent-carebilling-services') }}">{{ 'Urgent Care Center' }}</a>
                              <br>&nbsp;
                           </h5>
                           
                        </div>
                      </div>
                      <div class="flip-box-home-back">
                        <p class="box-home-back-txt">{{ 'Facilitating billing procedures for urgent care centers, optimizing financial workflows.' }}</p>
                      </div>
                    </div>
                  </div>
                  <br>
                  <a type="button" class="btn btn-primary btn-sm" href="{{ url('/urgent-carebilling-services') }}" >
                  Explore</a>
               </div>
            </div>

            <div class=" col-md-3 ">
               <div class="icon-box f_page">
                  <div class="flip-box-home">
                    <div class="flip-box-home-inner">
                      <div class="flip-box-home-front">
                        <div class="speciality-box-inner">
                           <img src="{{asset('assets/img/who-we-serve/doctor.svg')}}" class="w-100 icona"><br><br>
                           <h5 class="front_services txt-color"><a href="#">{{ 'Private Practices' }}</a><br>&nbsp;
                           </h5>
                           
                        </div>
                      </div>
                      <div class="flip-box-home-back">
                        <p class="box-home-back-txt">{{ 'Supporting private practices with tailored billing solutions for enhanced financial performance.' }}</p>
                      </div>
                    </div>
                  </div>
                  <br>
                  <a type="button" class="btn btn-primary btn-sm" href="{{ url('services/medical_billing') }}" >
                  Explore</a>
               </div>
            </div>      
            <div class=" col-md-3 ">
               <div class="icon-box f_page">
                  <div class="flip-box-home">
                    <div class="flip-box-home-inner">
                      <div class="flip-box-home-front">
                        <div class="speciality-box-inner">
                           <img src="{{asset('assets/img/who-we-serve/labs.svg')}}" class="w-100 icona"><br><br>
                           <h5 class="front_services txt-color"><a href="#">{{ 'Labs' }}</a><br>&nbsp;
                           </h5>
                           
                        </div>
                      </div>
                      <div class="flip-box-home-back">
                        <p class="box-home-back-txt">{{ 'Providing specialized billing services for laboratories, maximizing reimbursement efficiency.' }}</p>
                      </div>
                    </div>
                  </div>
                  <br>
                  <a type="button" class="btn btn-primary btn-sm" href="{{ url('services/medical_billing') }}" >
                  Explore</a>
               </div>
            </div>  
         </div>
      </div>
   </section>
   <!-- Who We Serve end -->

   <!-- why choose start -->
   <section id="why-us" class="why-us section-bg">
      <div class="container">
      <div class="section-title">
         <h2>Why Choose Us?</h2>
         <p class="fw-bold">Experience the difference with unparalleled quality and trusted expertise.</p>
      </div>
      <div class="row">
         <div class="col-lg-12 d-flex align-items-stretch why-choose">
            <div class="icon-boxes d-flex flex-column justify-content-center">
               <div class="row">
                  <div class="col-md-4 d-flex align-items-stretch">
                     <div class="icon-box mt-4 mt-xl-0">
                        <img src="{{asset('assets/img/decrease-cost.svg')}}" class="w-icon choose-icon-50">
                        <h4>Decrease Cost</h4>
                     </div>
                  </div>
                  <div class="col-md-4 d-flex align-items-stretch">
                     <div class="icon-box mt-4 mt-xl-0">
                        <img src="{{asset('assets/img/eliminate-billing.svg')}}" class="w-icon choose-icon-50">
                        <h4>Eliminate Billing Headaches</h4>
                     </div>
                  </div>
                  <div class="col-md-4 d-flex align-items-stretch">
                     <div class="icon-box mt-4 mt-xl-0">
                        <img src="{{asset('assets/img/billing-comp.svg')}}" class="w-icon choose-icon-50">
                        <h4>Ensure Billing Compliance</h4>
                     </div>
                  </div>
                  <div class="col-md-4 d-flex align-items-stretch">
                     <div class="icon-box mt-4 mt-xl-0">
                        <img src="{{asset('assets/img/patient.svg')}}" class="w-icon choose-icon-50">
                        <h4>Improve Patient Satisfaction</h4>
                     </div>
                  </div>
                  <div class="col-md-4 d-flex align-items-stretch">
                     <div class="icon-box mt-4 mt-xl-0">
                        <img src="{{asset('assets/img/paid.svg')}}" class="w-icon choose-icon-50">
                        <h4>Get Paid Faster</h4>
                     </div>
                  </div>
                  <div class="col-md-4 d-flex align-items-stretch">
                     <div class="icon-box mt-4 mt-xl-0">
                        <img src="{{asset('assets/img/experince.svg')}}" class="w-icon choose-icon-50">
                        <h4>Experience and Adaptation</h4>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- why choose end -->
  
   <!-- speciality start -->
   <section id="why-us" class="why-us">
      <div class="container">
         <div class="section-title">
            <h2>Our Specialities</h2>
            <p class="fw-bold">Dive into our specialized billing services tailored for healthcare professionals across various fields. From primary care and surgery to mental health and rehabilitation, our expertise ensures streamlined billing processes, maximum reimbursement, and financial peace of mind for your practice.</p>
         </div>
         <div class="row row-cols-2 row-cols-lg-5 g-2 g-lg-3">
            @if($specialities)
               @foreach($specialities as $specialty)
                     <div class="col">
                        <a href="{{url('/speciality')}}">
                           <div class="p-3 border bg-light text-center speciality-btn">{{ $specialty->name }}</div>
                        </a>
                     </div>
               @endforeach
            @endif 
         </div>
         <div class="text-center mt-4">
               <a href="{{url('/speciality')}}" class="btn btn-primary col-xl-3">All Specialities</a>
         </div>
      </div>
   </section>
   <!-- speciality end -->
   <!-- testimonial start -->
   <section id="testimonial" class="testimonials section-bg">
      <div class="container">
         <div class="section-title">
            <h2>Client Testimonial</h2>
         </div>
         <div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
            <div class="swiper-wrapper">
            @if($testimonials)
               @foreach($testimonials as $testimonial)
               <div class="swiper-slide">
                  <div class="testimonial-wrap">
                     <div class="testimonial-item">
                        <img src="{{asset('storage')}}/{{$testimonial->picture}}" class="testimonial-img" alt="">
                        <h3>{{$testimonial->name}}</h3>
                        <h4>{{$testimonial->designation}}</h4>
                        <p>
                           <i class="bx bxs-quote-alt-left quote-icon-left"></i>
                           {{strip_tags($testimonial->description)}}
                           <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                        </p>
                     </div>
                  </div>
               </div>
                  @endforeach
               @endif
            </div>
            <div class="swiper-pagination"></div>
         </div>
      </div>
   </section>
   <!-- testimonial end -->
</main>
@endsection
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function () {
        $('#submitForm').click(function () {
            var form = $('#contactForm');
            var formData = form.serialize();

            $.ajax({
                type: form.attr('method'),
                url: '{{ route("send.email") }}', // Update to the correct route for email sending
                data: formData,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function () {
                    $('.loading').show();
                },
                success: function (response) {
                    $('.loading').hide();
                    //$('.sent-message').show().html(response.message);
                    form[0].reset(); // Reset form fields
                    $('.response-message').html(response.message).show(); // Show response message
                    setTimeout(function() {
                         $('.response-message').fadeOut('slow');
                     }, 2000);
                },
                error: function (xhr, status, error) {
                    $('.loading').hide();
                      var errorMessage = xhr.responseJSON.message;
                      if (errorMessage) {
                          $('.error-message').show().html(errorMessage);
                      } else {
                          $('.error-message').show().html("Error: " + error);
                      }
                      setTimeout(function() {
                         $('.error-message').fadeOut('slow');
                     }, 2000);
                }
            });

        });
    });
</script>