<?php echo $__env->make('include/header_homemain', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>


<!-- Banner_start -->
<section class="innerBanner">
    <span class="r1" ></span>
          <span class="r1 r2" ></span>
          <span class="r1 r3" ></span>
          <span class="r1 r4" ></span>
          <span class="r1 r5" ></span>
          <span class="r1 r6" ></span>
          <span class="r1 r7" ></span>
          <span class="r1 r8" ></span>
          <span class="r1 r9" ></span>
          <span class="r1 r10" ></span>
      <div class="container">
        <div class="intro-content">
            <h2>how to works</h2>
            <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="<?php echo e(url('/')); ?>">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">how to works</li>
            </ol>
            </nav>
        </div>
      </div>
  </section>
<section class="innerWraper benefits_wraper p-5">
    <div class="container">
        <div class="row">
<!--
            <div class="col-lg-6">
                <div class="video-grid">
                    <video id="video1" controls>
                      <source src="https://www.meddbot.com/assets/video/1.mov" type="video/mp4">
                      <source src="https://www.meddbot.com/assets/video/1.mov" type="video/ogg">
                    Your browser does not support the video tag.
                    </video>
                    <h5>Create Purchase Order</h5>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="video-grid">
                    <video id="video2"  controls>
                      <source src="https://www.meddbot.com/assets/video/2.MOV" type="video/mp4">
                      <source src="https://www.meddbot.com/assets/video/2.MOV" type="video/ogg">
                    Your browser does not support the video tag.
                    </video>
                    <h5>Approve Purchase Order</h5>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="video-grid">
                    <video id="video3"  controls>
                      <source src="https://www.meddbot.com/assets/video/3.MOV" type="video/mp4">
                      <source src="https://www.meddbot.com/assets/video/3.MOV" type="video/ogg">
                    Your browser does not support the video tag.
                    </video>
                    <h5>Add PBG</h5>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="video-grid">
                    <video id="video4"  controls>
                      <source src="https://www.meddbot.com/assets/video/4.mov" type="video/mp4">
                      <source src="https://www.meddbot.com/assets/video/4.mov" type="video/ogg">
                    Your browser does not support the video tag.
                    </video>
                    <h5>Approve & Reject PBG</h5>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="video-grid">
                    <video id="video5"  controls>
                      <source src="https://www.meddbot.com/assets/video/5.mov" type="video/mp4">
                      <source src="https://www.meddbot.com/assets/video/5.mov" type="video/ogg">
                    Your browser does not support the video tag.
                    </video>
                    <h5>Add Prerequisite & Register Sold</h5>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="video-grid">
                    <video id="video5"  controls>
                      <source src="https://www.meddbot.com/assets/video/6.mov" type="video/mp4">
                      <source src="https://www.meddbot.com/assets/video/6.mov" type="video/ogg">
                    Your browser does not support the video tag.
                    </video>
                    <h5>Approve Register Sold</h5>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="video-grid">
                    <video id="video5"  controls>
                      <source src="https://www.meddbot.com/assets/video/7.mov" type="video/mp4">
                      <source src="https://www.meddbot.com/assets/video/7.mov" type="video/ogg">
                    Your browser does not support the video tag.
                    </video>
                    <h5>Update order flow</h5>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="video-grid">
                    <video id="video5"  controls>
                      <source src="https://www.meddbot.com/assets/video/8.mov" type="video/mp4">
                      <source src="https://www.meddbot.com/assets/video/8.mov" type="video/ogg">
                    Your browser does not support the video tag.
                    </video>
                    <h5>Receiving product from store app</h5>
                </div>
            </div>
-->
            <div class="col-lg-6">
                <div class="video-grid">
                    <video id="video5"  controls>
                      <source src="https://www.meddbot.com/assets/video/9.mov" type="video/mp4">
                      <source src="https://www.meddbot.com/assets/video/9.mov" type="video/ogg">
                    Your browser does not support the video tag.
                    </video>
                    <h5>Buyer Registration</h5>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="video-grid">
                    <video id="video5"  controls>
                      <source src="https://www.meddbot.com/assets/video/10.mov" type="video/mp4">
                      <source src="https://www.meddbot.com/assets/video/10.mov" type="video/ogg">
                    Your browser does not support the video tag.
                    </video>
                    <h5>Vendor/ Manufacturer Registration</h5>
                </div>
            </div>
           
        </div>
    </div>   
</section>

<!-- Modal -->
<div class="modal fade" id="videoplay"  data-bs-backdrop="static" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
     <div class="modal-body modal-video">
  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><i class="fas fa-times"></i></button>
   <iframe class="youtube-video" width="420" height="315" src="https://www.youtube.com/embed/c3UMPQsfzFk?controls=0"></iframe>
</div>
      
    </div>
  </div>
</div>


<!-- Banner-end -->

<!-- Banner_start -->
<!--
<section class="innerBanner">
      <div class="container">
        <div class="intro-content">
            <h2>Benefits</h2>
            <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="<?php echo e(url('/')); ?>">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Benefits</li>
            </ol>
            </nav>
        </div>
      </div>
      <div class="bnrImgs" style="background:url(<?php echo e(url('assetsnew/img/inner-bg.png')); ?>)"></div>
  </section>
-->
<!-- Banner-end -->
<style>
.innerWraper .main_titles:after {
    width: 155px !important;
}video {
    width: 100%;
    height: 300px;
}.video-grid h5 {
    background: #fff;
    padding: 15px 15px;
    box-shadow: -3px 4px 10px #ccc;
    font-size: 18px;
}
    
  @media  only screen and (max-width: 767px)
{
    video {
    height: auto;
}
    section.innerWraper.benefits_wraper.p-5 {
    padding: 15px !important;
}
    .video-grid h5 {
    font-size: 15px !important;
}
  .video-grid {
    margin-bottom: 20px;
}  
    
    
    
    
    
    
}  
    
</style>




<?php echo $__env->make('include/footer_homeinner', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
 <script>
      $(document).ready(function() {
        var previousVideo;

        // Handle click event on video elements
        $("video").on("play", function() {
          var currentVideo = this;

          // Pause the previously played video
          if (previousVideo && previousVideo !== currentVideo) {
            previousVideo.pause();
          }

          // Update the previous video to the current one
          previousVideo = currentVideo;
        });
      });
    </script><?php /**PATH /home/meddbot/public_html/resources/views/howtoworkss.blade.php ENDPATH**/ ?>