@extends('layout.master')
@section('title', 'eServMD | Your Trusted Local Medical Billing Company')
@section('content')
<meta content="title" name="eServMD | Expert Medical Billing, Credentialing, and Revenue Cycle Management">
<main id="main">
   <!-- slider start -->
   <section id="home" 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">eServMD: Your Trusted Local Partner in Medical Billing and Revenue Cycle Management</h3>
               <div class="icon-bo">
                  <!-- <h2 class="title txt-color">Welcome to eServMD</h2> -->
                  <p class="description">We are eServMD, a global leader in medical billing solutions. Specializing in advanced practices for coding and billing, we empower healthcare providers throughout the USA. Our services include practice management, ensuring accurate coding to prevent under and overbilling issues. With dedicated professionals, we also offer credentialing and contracting services. Trust eServMD for comprehensive solutions to optimize your billing and coding processes. </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><button class="btn btn-primary " id="submitForm" type="button">Book a Free Consultation</button>

                  </div>
                  <div class="my-3">
                     <div class="loading">Loading...</div>
                     <div class="error-message"></div>
                     <div class="response-message"></div>
                  </div>

               </form>
               <div class="row rating">
                  <div class="col-md-4"><img class="rat_img" src="{{asset('assets/img/rating1.webp')}}" alt=""></div>
                  <div class="col-md-4"><img class="rat_img" src="{{asset('assets/img/rating2.webp')}}" alt=""></div>
                  <div class="col-md-4"><img class="rat_img" src="{{asset('assets/img/rating3.webp')}}" alt=""></div>
               </div>



            </div>
            <div class="col-md-5  d-flex justify-content-center align-items-stretch position-relative">
               <img src="{{asset('assets/img/hero.webp')}}" class="w-100">
            </div>
         </div>
      </div>
   </section>
   <section id="services" class="why-us ">
      <div class="container">
         <div class="section-title">
            <h2>eServMD Offers <span class="txt_color_1"> Electronic Medical Billing </span> Services</h2>
            <p>
               Cutting-Edge Practices, Global Expertise<br>
               At eServMD, we don’t follow trends; we set them. Our team of seasoned experts is at the forefront of implementing cutting-edge practices in medical billing and coding. From the latest industry standards to innovative technologies, we stay ahead of the curve to ensure your practice thrives.
            </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">
                     <style>
                        .icon-box {
                           display: flex;
                           flex-direction: column;
                        }

                        .icon-box .mt-auto {
                           margin-top: auto;
                        }
                     </style>
                     @if($services)
                     @foreach($services as $service)
                     <div class="col-md-3 d-flex align-items-stretch">
                        <a href="">
                           <div class="icon-box home mt-4 mt-xl-0 d-flex flex-column">
                              <img src="{{asset('storage')}}/{{$service->icon}}" class="w-icon choose-icon-50">
                              <h4>{{ $service->name }}</h4>
                              <p>{{ $service->description }}</p>
                              <div class="mt-auto">
                                 <a type="button" class="btn btn-outline btn-sm" href="{{ url('services/'.$service->url) }}" name="">Explore More</a>
                              </div>
                           </div>
                        </a>
                     </div>
                     @endforeach
                     @endif
                  </div>
               </div>
            </div>
         </div>
   </section>

   <!-- <section id="why-us" class=" section-bg ">
      <div class="container">
         <div class="section-title">
            <h2>Medical Billing Services for any EHR or PM Platform</h2>
            <p>
               At eServMD, we believe that the right technology is crucial for providing top-tier medical billing services. That's why we use the latest and most reliable software to handle our billing processes. Our advanced software solutions ensure accuracy, efficiency, and compliance, helping your practice to maximize revenue and minimize administrative burdens.
            </p>
         </div>
         <div class="row">
            <div class="col-12">
               <div class="scrolling-container">
                  <div class="scrolling-images">
                     @if($brands)
                     @foreach($brands as $brand)
                     <img src="{{asset('storage')}}/{{$brand->brand_logo}}" alt="Image 1" class="img-fluid partner_image">
                     @endforeach
                     @endif
                  </div>
               </div>
            </div>
         </div>
   </section> -->

   <style>
      .swiper-container {
         width: 100%;
         height: 100%;
         direction: rtl;
         overflow: hidden;
         padding-left: 23px;
      }
   </style>

   <section id="why-us" class=" section-bg ">
      <div class="container">
         <div class="section-title">
            <h2>Medical Billing Services for any EHR or PM Platform</h2>
            <p>
               At eServMD, we believe that the right technology is crucial for providing top-tier medical billing services. That's why we use the latest and most reliable software to handle our billing processes. Our advanced software solutions ensure accuracy, efficiency, and compliance, helping your practice to maximize revenue and minimize administrative burdens.
            </p>
         </div>
         <div class="row">
            <div class="col-12">

               <div class="swiper-container">
                  <div class="swiper-wrapper">
                     @if($brands)
                     @foreach($brands as $brand)
                     <div class="swiper-slide">
                        <img src="{{asset('storage')}}/{{$brand->brand_logo}}" class="img-fluid partner_image" alt="">
                     </div>
                     @endforeach
                     @endif

                  </div>

               </div>





            </div>
         </div>
   </section>




   <!-- Brand Logo Start -->
   <!-- <div class="section-title slider-area">
      <h2 class="text-center">Medical Billing Services for any EHR or PM Platform</h2>
      <p>At [Your Company Name], we believe that the right technology is crucial for providing top-tier medical billing services. That's why we use the latest and most reliable software to handle our billing processes. Our advanced software solutions ensure accuracy, efficiency, and compliance, helping your practice to maximize revenue and minimize administrative burdens.</p>
      <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="why-us" class="whyus bg1">
      <div class="overlay"></div>
      <div class="container">
         <div class="section-title">
            <h2>Who We Serve</h2>
            <p>
               Serving a Diverse Healthcare Community<br>
               Tailored Medical Billing Solutions for Every Healthcare Setting to streamline their diverse needs for revenue and practice management
               <br>We proudly serve:
            </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-3 d-flex align-items-stretch">
                        <div class="icon-box why_choose_who mt-4 mt-xl-0">
                           <img src="{{asset('assets/img/who-we-serve/hospital.svg')}}" class="w-icon choose-icon-50">
                           <h5>{{ 'Hospital' }}</h5>
                           <p>{{ 'Streamlining billing processes for hospitals to ensure efficient revenue management' }}</p>
                           <a type="button" class="btn btn-primary btn-sm" href="{{ url('/hospital-billing-services') }}">
                              Explore</a>
                        </div>
                     </div>
                     <div class="col-md-3 d-flex align-items-stretch">
                        <div class="icon-box why_choose_who mt-4 mt-xl-0">
                           <img src="{{asset('assets/img/who-we-serve/ambulance.svg')}}" class="w-icon choose-icon-50">
                           <h5>{{ 'Urgent Care Center' }}</h5>
                           <p>{{ 'Facilitating billing procedures for urgent care centers, optimizing financial workflows.' }}</p>
                           <a type="button" class="btn btn-primary btn-sm" href="{{ url('/urgent-carebilling-services') }}">
                              Explore</a>
                        </div>
                     </div>
                     <div class="col-md-3 d-flex align-items-stretch">
                        <div class="icon-box why_choose_who mt-4 mt-xl-0">
                           <img src="{{asset('assets/img/who-we-serve/doctor.svg')}}" class="w-icon choose-icon-50">
                           <h5>{{ 'Private Practices' }}</h5>
                           <p>{{ 'Supporting private practices with tailored billing solutions for enhanced financial performance.' }}</p>
                           <a type="button" class="btn btn-primary btn-sm" href="{{ url('services/medical_billing') }}">
                              Explore</a>
                        </div>
                     </div>
                     <div class="col-md-3 d-flex align-items-stretch">
                        <div class="icon-box why_choose_who mt-4 mt-xl-0">
                           <img src="{{asset('assets/img/who-we-serve/labs.svg')}}" class="w-icon choose-icon-50">
                           <h5>{{ 'Labs' }}</h5>
                           <p>{{ 'Providing specialized billing services for laboratories, maximizing reimbursement efficiency.' }}</p>
                           <a type="button" class="btn btn-primary btn-sm" href="{{ url('services/medical_billing') }}">
                              Explore</a>
                        </div>
                     </div>


                  </div>
               </div>
            </div>
         </div>
   </section>
   <!-- Who We Serve end -->
   <!-- why choose start -->
   <section id="why-us" class="why-usx section-bg">
      <div class="container">
         <div class="section-title">
            <h2>Why Choose Us?</h2>
            <p>Why eServMD is the Right Choice for You<BR>
               Choose eServMD for your medical billing and revenue related solutions because
            </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 why_choose mt-4 mt-xl-0">
                           <img src="{{asset('assets/img/decrease-cost.svg')}}" class="w-icon choose-icon-50">
                           <h5>Decrease Cost</h5>
                        </div>
                     </div>
                     <div class="col-md-4 d-flex align-items-stretch">
                        <div class="icon-box why_choose mt-4 mt-xl-0">
                           <img src="{{asset('assets/img/eliminate-billing.svg')}}" class="w-icon choose-icon-50">
                           <h5>Eliminate Billing Headaches</h5>
                        </div>
                     </div>
                     <div class="col-md-4 d-flex align-items-stretch">
                        <div class="icon-box why_choose mt-4 mt-xl-0">
                           <img src="{{asset('assets/img/billing-comp.svg')}}" class="w-icon choose-icon-50">
                           <h5>Ensure Billing Compliance</h5>
                        </div>
                     </div>
                     <div class="col-md-4 d-flex align-items-stretch">
                        <div class="icon-box why_choose mt-4 mt-xl-0">
                           <img src="{{asset('assets/img/patient.svg')}}" class="w-icon choose-icon-50">
                           <h5>Improve Patient Satisfaction</h5>
                        </div>
                     </div>
                     <div class="col-md-4 d-flex align-items-stretch">
                        <div class="icon-box why_choose mt-4 mt-xl-0">
                           <img src="{{asset('assets/img/paid.svg')}}" class="w-icon choose-icon-50">
                           <h5>Get Paid Faster</h5>
                        </div>
                     </div>
                     <div class="col-md-4 d-flex align-items-stretch">
                        <div class="icon-box why_choose mt-4 mt-xl-0">
                           <img src="{{asset('assets/img/experince.svg')}}" class="w-icon choose-icon-50">
                           <h5>Experience and Adaptation</h5>
                        </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>Discover Our Specializations: Tailored Solutions for Your Medical Billing Needs<br>
               At eServMD, we specialize in providing comprehensive medical billing solutions designed to address the unique requirements of healthcare providers. Our expertise encompasses:
            </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="">
                        <div class="stars">
                           <i class="bi bi-star-fill"></i>
                           <i class="bi bi-star-fill"></i>
                           <i class="bi bi-star-fill"></i>
                           <i class="bi bi-star-fill"></i>
                           <i class="bi bi-star-fill"></i>
                        </div>
                        <h3>{{$testimonial->name}}</h3>
                        <h4>{{$testimonial->designation}}</h4>
                        <i class="bx bxs-quote-alt-left quote-icon-left"></i>
                        <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>