<?php
$errors = $this->session->userdata('errors');
if (isset($errors)) {
?>
   <script>
      swal("Oops", "<?php echo $errors ?>", "error")
   </script>
   <?php echo $errors ?>
<?php
   $this->session->unset_userdata('errors');
}
$error = $this->session->userdata('error');
if (isset($error)) {
?>
   <script>
      swal("Oops", "<?php echo $error ?>", "error")
   </script>
<?php
   $this->session->unset_userdata('error');
}
$success = $this->session->userdata('success');
if (isset($success)) {
?>
   <script>
      swal({
         title: "Done!",
         text: "<?php echo $success ?>",
         icon: "success",
      });
   </script>
<?php
   $this->session->unset_userdata('success');
}
?>

<section class="margin-top-xs-55" style="background: #fff;position: relative;
">
   <div class="header-text mb-0">
      <div>
         <div class="row ">
            <div class="col-lg-12 col-md-12 col-sm-12 text-center">
               <svg style="width:100%;height: 450px;" viewBox="0 0 1280 679" preserveAspectRatio="none" width="100%" height="100%">
                  <defs>
                     <g id="shape">
                        <path d="M0 0H1280V544.882C1280 544.882 1115 679 640 679C165 679 0 544.882 0 544.882V0Z" fill="#D9D9D9"></path>
                        <path d="M0 0H1280V544.882C1280 544.882 1115 679 640 679C165 679 0 544.882 0 544.882V0Z" fill="url(#gradient)"></path>
                     </g>
                     <radialGradient id="gradient" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(640 -261.197) rotate(90) scale(815.683 664.92)">
                        <stop stop-color="#4169E1"></stop>
                        <stop offset="1" stop-color="#071A34"></stop>
                     </radialGradient>
                  </defs>
                  <use href="#shape"></use>
               </svg>
               <div class="frame-image">
                  <div style="position: absolute; border-radius: inherit; inset: 0px;" data-framer-background-image-wrapper="true"><img decoding="async" sizes="100vw" src="<?php echo base_url(); ?>assets/lSHGuRrPALnsNPFyY1JslN8so.png" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; object-position: center center; object-fit: cover;"></div>
               </div>
               <div class="text-body main-header-text">
                  <h1 class="text-center text-white"><b><?php echo $page->page_1_title; ?></b></h1>
               </div>
            </div>

            <div class="floating-icons">
               <i class="icon-facebook"></i>
               <i class="icon-adwords"></i>
               <i class="icon-seo"></i>
               <i class="icon-instagram"></i>
               <i class="icon-activecampaign"></i>
               <i class="icon-wordpress"></i>
               <i class="icon-shopify"></i>
               <i class="icon-youtube"></i>
               <i class="icon-analytics"></i>
               <i class="icon-kk"></i>
            </div>
         </div>
      </div>
   </div>
</section>
<!--section-->
<section class="sptb">
   <div class="container">
      <div class="row ">
         <div class="col-md-12 col-lg-7 col-sm-12">
            <?php echo $page->page_1_section_1; ?>
            <div class="mt-3">
               <a href="#contact" class="btn text-white start-btn">READY TO START ?</a>
            </div>
         </div>
         <div class="col-lg-5">
            <div class="feature-1 text-center ms-5"> <img src="<?php echo base_url(); ?><?php echo $page->page_1_section_1_img; ?>" class="feature" alt="img"> </div>
         </div>
      </div>
   </div>
</section>
<section class="sptb">
   <div class="container">
      <div class="row ">
         <div class="col-sm-6">
            <?php echo $page->page_1_section_2; ?>
            <div class="mt-3">
               <a href="#contact" class="btn text-white start-btn">READY TO START ?</a>
            </div>
         </div>
         <div class="col-lg-6">
            <img src="<?php echo base_url(); ?><?php echo $page->page_1_section_img; ?>" class="feature" alt="img">
         </div>
      </div>
   </div>
</section>
<section class="sptb">
   <div class="container">
      <div class="section-title">
         <h2><?php echo $page->page_1_section_3_heading; ?></h2>
      </div>
      <div class="row ">
         <div class="col-sm-6">
            <div class="row">
               <?php $i = 1;
               foreach (json_decode($page->page_1_section_3_title) as $key => $title): ?>
                  <div class="col-sm-6 col-6">
                     <div class="row">
                        <div class="col-sm-3" style="font-size:50px;font-weight:800;color:#be1502">
                           <?php if ($i < 10) {
                              echo '0';
                           } ?><?php echo $i; ?>
                        </div>
                        <div class="col-sm-9">
                           <h2><?php echo $title; ?></h2>
                           <p><?php echo json_decode($page->page_1_section_3_content)[$key]; ?></p>
                        </div>
                     </div>
                  </div>
               <?php $i++;
               endforeach; ?>
            </div>
         </div>
         <div class="col-lg-6 d-flex align-items-center justify-content-center">
            <img src="<?php echo base_url(); ?><?php echo $page->page_1_section_3_img; ?>" class="feature align-middle image-1" alt="img" width="100%">
         </div>
      </div>
   </div>
</section>
<section class="sptb">
   <div class="container">
      <div class="section-title">
         <h2><?php echo $page->page_1_section_4_heading; ?></h2>
      </div>
      <div class="row ">
         <?php foreach (json_decode($page->page_1_section_4_icon) as $key => $icon): ?>
            <div class="col-sm-3 col-6 text-center border-separator">
               <div class="">
                  <h1 style="font-size:50px;color:#be1502"><i class="fa <?php echo $icon; ?>"></i></h1>
                  <h2 class="pt-3"><b><?php echo json_decode($page->page_1_section_4_title)[$key]; ?></b></h2>
                  <p class="pt-3" style="font-weight:400"><?php echo json_decode($page->page_1_section_4_description)[$key]; ?></p>
               </div>
            </div>
         <?php endforeach; ?>
      </div>
      <div class="mt-3 text-center">
         <a href="#contact" class="btn text-white start-btn">READY TO START ?</a>
      </div>
   </div>
</section>
<style type="text/css">
   .border-separator {
      border-left: solid #c9c9c9 2px;
   }

   .border-separator:first-child {
      border-left: 0
   }
</style>

<section class="sptb">
   <div class="container">
      <div class="section-title">
         <h2><?php echo $page->page_1_section_5_heading; ?></h2>
      </div>
      <div class="row ">
         <div class="col-sm-12">
            <img src="<?php echo base_url() ?><?php echo $page->page_1_section_5_img; ?>" width="100%">
         </div>
      </div>
      <div class="mt-5 text-center">
         <a href="#contact" class="btn text-white start-btn">READY TO START ?</a>
      </div>
   </div>
</section>
<section class="sptb">
   <div class="container">
      <div class="section-title">
         <h2><?php echo $page->page_1_section_6_heading; ?></h2>
      </div>
      <div class="row mt-3 mb-5">
         <?php $b = 1;
         foreach (json_decode($page->page_1_section_6_content) as $key => $content_6): ?>
            <div class="col-sm-4 col-6">
               <div class="row">
                  <div class="col-sm-2" style="font-size:50px;font-weight:800;color:#be1502;height: 70px;width: 70px;background-color: #feeeef;border-radius: 100%;display: flex;justify-content: flex-end;align-items: flex-end;flex-shrink: 0;">
                     <?php echo $b; ?>
                  </div>
                  <div class="col-sm-10 mt-5">
                     <h3><?php echo $content_6; ?></h3>
                  </div>
               </div>
            </div>
         <?php $b++;
         endforeach; ?>
      </div>
      <div class="mt-5 text-center">
         <a href="#contact" class="btn text-white start-btn">READY TO START ?</a>
      </div>
   </div>
</section>

<section class="sptb">
   <div class="container">
      <div class="section-title">
         <h2><?php echo $page->page_1_section_7_heading; ?></h2>
      </div>
      <div class="row text-center mt-3">
         <?php foreach (json_decode($page->page_1_section_7_number) as $key_5 => $content_7): ?>
            <div class="col-lg-3 col-md-6 col-6">
               <div class="counter-status md-mb-0">
                  <h1 class="mb-3"><b style="color:#be1502"><?php echo $content_7; ?></b></h1>
                  <h5><?php echo json_decode($page->page_1_section_7_description)[$key_5]; ?></h5>
               </div>
            </div>
         <?php endforeach; ?>
      </div>
      <div class="mt-5 text-center">
         <a href="#contact" class="btn text-white start-btn">READY TO START ?</a>
      </div>
   </div>
</section>
<section class="sptb">
   <div class="container">
      <div class="row ">
         <div class="col-md-12 col-lg-7 col-sm-12">
            <?php echo $page->page_1_section_8_content; ?>
            <div class="mt-3">
               <a href="#contact" class="btn text-white start-btn">READY TO START ?</a>
            </div>
         </div>
         <div class="col-lg-5">
            <div class="feature-1 text-center ms-5"> <img src="<?php echo base_url(); ?><?php echo $page->page_1_section_8_img; ?>" class="feature" alt="img"> </div>
         </div>
      </div>
   </div>
</section>
<style type="text/css">
   .team-img {
      position: relative;
      width: 120px;
      height: 120px;
      overflow: hidden;
      border-radius: 50%;
      margin: auto;
      /* box-shadow: 0 0 0 1px #dce3ec, 0 8px 16px 0 #dce3ec; */
   }

   .team-img img {
      width: 100%;
      height: auto box-shadow: 0 0 0 1px #dce3ec, 0 8px 16px 0 #dce3ec;
   }

   .accordion-button:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   }

   .accordion-button::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   }
</style>
<section class="sptb bg-white">
   <div class="container">
      <div class="section-title  mb-5 text-center">
         <div class="text-center">
            <h2> <?php echo $page->page_1_testimonial_heading; ?></h2>
         </div>
      </div>
      <div class="row">
         <?php foreach ($all_testi as $testi): ?>
            <div class="col-xl-4 col-md-12">
               <div class="card mb-xl-5">
                  <div class="card-body">
                     <div class="team-section text-center">
                        <div class="team-img"> <img src="<?php echo base_url(); ?><?php echo $testi->te_image ?>" class="" alt="<?php echo $testi->te_name ?>"> </div>
                        <h3 class="font-weight-bold dark-grey-text mt-4"><?php echo $testi->te_name ?></h3>
                        <h6 class="font-weight-bold  mb-4"><?php echo $testi->te_position ?></h6>
                        <p class="font-weight-normal dark-grey-text"> <?php echo $testi->te_description ?></p>

                     </div>
                  </div>
               </div>
            </div>
         <?php endforeach; ?>
      </div>
   </div>
</section>

<section class="sptb">
   <div class="container">
      <div class="section-title">
         <h2><?php echo $page->page_1_section_9_heading; ?></h2>
      </div>
      <div class="row mt-3">
         <div class="col-sm-12">
            <div class="accordion" id="accordionExample">
               <?php $c = 1;
               foreach (json_decode($page->page_1_section_9_qns) as $key_5 => $qnsP_9): ?>
                  <div class="accordion-item mt-3">
                     <h2 class="accordion-header" id="headingOne">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne_<?php echo $c; ?>" aria-expanded="true" aria-controls="collapseOne_<?php echo $c; ?>">
                           <?php echo $qnsP_9; ?>
                        </button>
                     </h2>
                     <div id="collapseOne_<?php echo $c; ?>" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                        <div class="accordion-body">
                           <?php echo json_decode($page->page_1_section_9_qns)[$key_5]; ?>
                        </div>
                     </div>
                  </div>
               <?php $c++;
               endforeach; ?>
            </div>
         </div>

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

<section class="sptb" id="contact">
   <div class="container">
      <div class="row ">
         <div class="col-sm-7">
            <?php echo $page->page_1_section_10_heading; ?>
            <img src="<?php echo base_url(); ?><?php echo $page->page_1_section_10_img; ?>" class="feature" alt="img">
         </div>
         <div class="col-lg-5">
            <div class="card mb-0 single-page customerpage contact">
               <div class="card-body wrapper wrapper2 box-shadow-0">
                  <?php echo form_open(base_url() . 'home/sub_fran_form'); ?>
                  <div class="name">
                     <label>Name</label>
                     <input type="text" name="name" placeholder="Enter your Name" required>
                  </div>
                  <div class="mail">
                     <label>Mobile</label>
                     <input type="tel" class="form-control" name="mobile" required="" pattern="[0-9]{10}" placeholder="Enter Mobile No *">
                  </div>
                  <div class="mail">
                     <label>Email ID</label>
                     <input type="email" name="email" placeholder="Enter Your Email ID" required>
                  </div>
                  <div class="mail">
                     <label>Pin Code</label>
                     <input type="text" name="pin_code" onchange="check_address(this)" id="pin_code" placeholder="Enter Your Pin Code" required>
                  </div>
                  <div class="mail">
                     <label>Address</label>
                     <input type="text" name="address" placeholder="Enter Your Address" required>
                  </div>
                  <div class="mail">
                     <label>Area</label>
                     <select type="text" name="city" id="area" placeholder="Enter Your Dist" required>
                        <option value="">Select A City</option>
                     </select>
                  </div>
                  <div class="mail">
                     <label>Dist</label>
                     <input type="text" name="dist" id="city" placeholder="Enter Your Dist" required readonly="">
                  </div>
                  <div class="mail">
                     <label>State</label>
                     <input type="text" name="state" id="state" placeholder="Enter Your State" required readonly="">
                  </div>

                  <div class="col-sm-12">
                     <div class="form-group">
                        <div class="g-recaptcha" data-sitekey="<?php echo $app_setting->captcha_site_key; ?>"></div>
                     </div>
                  </div>
                  <div class="submit">
                     <button class="btn btn-primary" type="submit">Submit</button>
                  </div>
                  <?php echo form_close(); ?>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<script type="text/javascript">
   function check_address(e) {
      let pin_code = e.value;
      $.ajax({
         beforeSend: function() {
            $(".preloader-ajax").show();
            $(".preloader-ajax-bg").show();
         },
         type: "GET",
         dataType: "JSON",
         async: true,
         url: '<?php echo base_url(); ?>home/get_pin_code_details/' + pin_code,
         success: function(data) {
            $('#area').html(data.area);
            $('#city').val(data.city);
            $('#state').val(data.state);
            $(".preloader-ajax").hide();
            $(".preloader-ajax-bg").hide();
         },
         error: function() {
            $(".preloader-ajax").hide();
            $(".preloader-ajax-bg").hide();
         }
      });
   }
</script>


<style type="text/css">
   .accordion-button:not(.collapsed),
   .accordion-button {
      color: #fff !important;
      background-color: #be1502;
   }

   .start-btn {
      padding: 10px 50px 10px 50px;
   }

   .image-1 {
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
   }
</style>