<link rel="stylesheet" href="<?php echo admin_css() ?>plugins/bs-stepper/css/bs-stepper.min.css">
<?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');
}
?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
   <!-- Content Header (Page header) -->
   <section class="content-header">
      <div class="container-fluid">
         <div class="row mb-2">
            <div class="col-sm-6">
               <h1>Add New Product</h1>
            </div>
            <div class="col-sm-6">
               <ol class="breadcrumb float-sm-right">
                  <li class="breadcrumb-item"><a href="<?php echo admin_url() ?>admin">Home</a></li>
                  <li class="breadcrumb-item active">Add New Product</li>
               </ol>
            </div>
         </div>
      </div>
      <!-- /.container-fluid -->
   </section>
   <!-- Main content -->
   <section class="content">
      <div class="container-fluid">
         <!--  EXAMPLE -->
         <div class="card card-default">
            <div class="card-header">
               <div class="card-tools">
                  <a href="<?php echo admin_url() ?>product/view_all_product"><button type="button" class="btn btn-success btn-sm">View All Product</button></a>
               </div>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
               <div class="card-body p-0">
                  <?php echo form_open_multipart(base_url() . 'admin/product/add_product'); ?>
                  <div class="bs-stepper linear">
                     <div class="" role="tablist">
                        <!-- your steps here -->
                        <div class="row">
                           <div class="col-6 col-md-3">
                              <div class="step active" data-target="#basic-part">
                                 <button type="button" class="step-trigger" role="tab" aria-controls="logins-part" id="logins-part-trigger" aria-selected="true">
                                    <span class="bs-stepper-circle">1</span>
                                    <span class="bs-stepper-label">Basic</span>
                                 </button>
                              </div>
                           </div>
                           <div class="col-6 col-md-3">
                              <div class="line"></div>
                              <div class="step" data-target="#additional-part">
                                 <button type="button" class="step-trigger" role="tab" aria-controls="information-part" aria-selected="false" disabled="disabled">
                                    <span class="bs-stepper-circle">2</span>
                                    <span class="bs-stepper-label">Demo</span>
                                 </button>
                              </div>
                           </div>
                           <div class="col-6 col-md-3">
                              <div class="line"></div>
                              <div class="step" data-target="#shiping-part">
                                 <button type="button" class="step-trigger" role="tab" aria-controls="information-part" aria-selected="false" disabled="disabled">
                                    <span class="bs-stepper-circle">3</span>
                                    <span class="bs-stepper-label">Pricing</span>
                                 </button>
                              </div>
                           </div>
                           <div class="col-6 col-md-3">
                              <div class="line"></div>
                              <div class="step" data-target="#pricing">
                                 <button type="button" class="step-trigger" role="tab" aria-controls="information-part" aria-selected="false" disabled="disabled">
                                    <span class="bs-stepper-circle">4</span>
                                    <span class="bs-stepper-label">Description</span>
                                 </button>
                              </div>
                           </div>
                           <div class="col-6 col-md-3">
                              <div class="line"></div>
                              <div class="step" data-target="#media">
                                 <button type="button" class="step-trigger" role="tab" aria-controls="information-part" aria-selected="false" disabled="disabled">
                                    <span class="bs-stepper-circle">5</span>
                                    <span class="bs-stepper-label">Media</span>
                                 </button>
                              </div>
                           </div>
                           <div class="col-6 col-md-3">
                              <div class="line"></div>
                              <div class="step" data-target="#front_img">
                                 <button type="button" class="step-trigger" role="tab" aria-controls="information-part" aria-selected="false" disabled="disabled">
                                    <span class="bs-stepper-circle">6</span>
                                    <span class="bs-stepper-label">Front Image</span>
                                 </button>
                              </div>
                           </div>
                           <div class="col-6 col-md-3">
                              <div class="line"></div>
                              <div class="step" data-target="#back_img">
                                 <button type="button" class="step-trigger" role="tab" aria-controls="information-part" aria-selected="false" disabled="disabled">
                                    <span class="bs-stepper-circle">7</span>
                                    <span class="bs-stepper-label">Back Image</span>
                                 </button>
                              </div>
                           </div>
                           <div class="col-6 col-md-3">
                              <div class="line"></div>
                              <div class="step" data-target="#thank_you">
                                 <button type="button" class="step-trigger" role="tab" aria-controls="information-part" aria-selected="false" disabled="disabled">
                                    <span class="bs-stepper-circle">8</span>
                                    <span class="bs-stepper-label">Thank You Page</span>
                                 </button>
                              </div>
                           </div>
                           <div class="col-6 col-md-3">
                              <div class="line"></div>
                              <div class="step" data-target="#check_out">
                                 <button type="button" class="step-trigger" role="tab" aria-controls="information-part" aria-selected="false" disabled="disabled">
                                    <span class="bs-stepper-circle">9</span>
                                    <span class="bs-stepper-label">Check Out Page</span>
                                 </button>
                              </div>
                           </div>
                           <div class="col-6 col-md-3">
                              <div class="line"></div>
                              <div class="step" data-target="#seo">
                                 <button type="button" class="step-trigger" role="tab" aria-controls="information-part" aria-selected="false" disabled="disabled">
                                    <span class="bs-stepper-circle">10</span>
                                    <span class="bs-stepper-label">SEO</span>
                                 </button>
                              </div>
                           </div>
                           <div class="col-6 col-md-3">
                              <div class="line"></div>
                              <div class="step" data-target="#finish">
                                 <button type="button" class="step-trigger" role="tab" aria-controls="information-part" aria-selected="false" disabled="disabled">
                                    <span class="bs-stepper-circle">11</span>
                                    <span class="bs-stepper-label">Finish</span>
                                 </button>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="bs-stepper-content">
                        <!-- your steps content here -->
                        <div id="basic-part" class="content active dstepper-block" role="tabpanel" aria-labelledby="logins-part-trigger">
                           <div class="row justify-content-center">
                              <div class="col-xl-12">

                                 <div class="form-group row mb-3">
                                    <label class="col-md-2 col-form-label" for="product_title"><?php echo get_phrase('product_title'); ?> <span class="required">*</span> </label>
                                    <div class="col-md-10">
                                       <input type="text" class="form-control" id="product_title" name="prd_name" placeholder="<?php echo get_phrase('enter_product_title'); ?>">
                                    </div>
                                 </div>
                                 <div class="form-group row mb-3">
                                    <label class="col-md-2 col-form-label" for="prd_cat"><?php echo get_phrase('product_category'); ?></label>
                                    <div class="col-md-10">
                                       <select class="form-control" name="prd_cat" required>
                                          <option value="">Select Category</option>
                                          <?php foreach ($all_category as $category): ?>
                                             <option value="<?php echo $category->prd_cat_id; ?>"><?php echo $category->prd_cat_name; ?></option>
                                          <?php endforeach; ?>
                                       </select>
                                    </div>
                                 </div>
                                 <div class="form-group row mb-3">
                                    <label class="col-md-2 col-form-label" for="short_description"><?php echo get_phrase('short_description'); ?></label>
                                    <div class="col-md-10">
                                       <textarea name="prd_short_description" rows="10" id="short_description" class="form-control text-editor"></textarea>
                                    </div>
                                 </div>
                                 <div class="form-group row mb-3">
                                    <label class="col-md-2 col-form-label" for="product_title"><?php echo get_phrase('advance_payment'); ?> <span class="required">*</span> </label>
                                    <div class="col-md-10">
                                       <input type="text" class="form-control" name="advance_payment" placeholder="<?php echo get_phrase('enter_advance_payment_percantage'); ?>">
                                    </div>
                                 </div>
                                 <div class="form-group row mb-3">
                                    <label class="col-md-2 col-form-label" for="product_title"><?php echo get_phrase('Special FB Group'); ?> </label>
                                    <div class="col-md-10">
                                       <input type="text" class="form-control" name="special_fb_group" placeholder="Enter Special Facebook Group Link">
                                    </div>
                                 </div>
                                 <div class="form-group row mb-3">
                                    <label class="col-md-2 col-form-label" for="product_title"><?php echo get_phrase('Special Whatsapp Group'); ?> </label>
                                    <div class="col-md-10">
                                       <input type="number" class="form-control" name="special_whatsapp_group" placeholder="Enter Special Whatsapp Group Number">
                                    </div>
                                 </div>
                              </div>
                           </div>


                           <button type="button" class="btn btn-primary" onclick="stepper.next()">Next</button>
                        </div>
                        <!-- end col -->
                     </div>
                     <div id="additional-part" class="content" role="tabpanel" aria-labelledby="information-part-trigger">
                        <div class="row justify-content-center">
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="requirements"><?php echo get_phrase('Demo'); ?></label>
                                 <div class="col-md-10">
                                    <div class="form-group row mb-3">

                                       <div class="col-md-12">
                                          <textarea name="demo" id="description" class="form-control text-editor"></textarea>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="product_title"><?php echo get_phrase('frontend_ demo_Url'); ?> <span class="required">*</span> </label>
                                 <div class="col-md-10">
                                    <input type="text" class="form-control" name="front_demo_url" placeholder="<?php echo get_phrase('enter_frontend_demo_url'); ?>">
                                 </div>
                              </div>
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="product_title"><?php echo get_phrase('Product Demo Video'); ?> </label>
                                 <div class="col-md-10">
                                    <input type="text" class="form-control" name="video_demo" placeholder="<?php echo get_phrase('Enter product Video Demo'); ?>">
                                 </div>
                              </div>
                           </div>
                        </div>
                        <button type="button" class="btn btn-primary" onclick="stepper.previous()">Previous</button>
                        <button type="button" class="btn btn-primary" onclick="stepper.next()">Next</button>
                     </div>
                     <div id="shiping-part" class="content" role="tabpanel" aria-labelledby="information-part-trigger">
                        <div class="row justify-content-center">

                           <div class="col-md-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="product_title">Product Main Price  <span class="required">*</span> </label>
                                 <div class="col-md-10">
                                    <input type="number" class="form-control" name="prd_main_price" placeholder="<?php echo get_phrase('enter_product_main_price'); ?>" required>
                                 </div>
                              </div>
                           </div>
                           <div class="col-md-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="product_title">Product Discount Price </label>
                                 <div class="col-md-10">
                                    <input type="number" class="form-control" name="prd_dis_price" placeholder="<?php echo get_phrase('enter_product_discount_price'); ?>">
                                 </div>
                              </div>
                           </div>
                           <div class="col-md-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="product_title">Product DBA Price </label>
                                 <div class="col-md-10">
                                    <input type="number" class="form-control" name="prd_dba_price" placeholder="<?php echo get_phrase('enter_product_dba_price'); ?>">
                                 </div>
                              </div>
                           </div>


                        </div>
                        <button type="button" class="btn btn-primary" onclick="stepper.previous()">Previous</button>
                        <button type="button" class="btn btn-primary" onclick="stepper.next()">Next</button>
                     </div>
                     <div id="pricing" class="content" role="tabpanel" aria-labelledby="information-part-trigger">
                        <div class="row justify-content-center">
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="requirements"><?php echo get_phrase('Description'); ?></label>
                                 <div class="col-md-10">
                                    <div class="form-group row mb-3">

                                       <div class="col-md-12">
                                          <textarea name="description" id="description" class="form-control text-editor"></textarea>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="requirements"><?php echo get_phrase('technical_features'); ?></label>
                                 <div class="col-md-10">
                                    <div class="form-group row mb-3">

                                       <div class="col-md-12">
                                          <textarea name="technical_features" id="description" class="form-control text-editor"></textarea>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="requirements"><?php echo get_phrase('Products Features'); ?></label>
                                 <div class="col-md-10">
                                    <div class="form-group row mb-3">
                                       <div class="col-md-12">
                                          <textarea name="product_features" class="form-control text-editor"></textarea>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="requirements"><?php echo get_phrase('Products Benefits'); ?></label>
                                 <div class="col-md-10">
                                    <div class="form-group row mb-3">
                                       <div class="col-md-12">
                                          <textarea name="product_benefits" class="form-control text-editor"></textarea>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="requirements"><?php echo get_phrase('Products Terms & Condition'); ?></label>
                                 <div class="col-md-10">
                                    <div class="form-group row mb-3">
                                       <div class="col-md-12">
                                          <textarea name="terms_and_condition" class="form-control text-editor"></textarea>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <!-- end col -->
                        </div>
                        <!-- end row -->
                        <button type="button" class="btn btn-primary" onclick="stepper.previous()">Previous</button>
                        <button type="button" class="btn btn-primary" onclick="stepper.next()">Next</button>
                     </div>

                     <div id="media" class="content" role="tabpanel" aria-labelledby="information-part-trigger">
                        <div class="row justify-content-center">

                           <!-- end col -->
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="product_overview_url"><?php echo get_phrase('video_or_Image'); ?></label>
                                 <div class="col-md-10">
                                    <select class="form-control" name="video_or_image">
                                       <option value="0">Image</option>
                                       <option value="1">Video</option>
                                    </select>
                                 </div>
                              </div>
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="product_overview_url"><?php echo get_phrase('product_Video_iframe'); ?></label>
                                 <div class="col-md-10">
                                    <textarea class="form-control" name="defaul_video"></textarea>
                                 </div>
                              </div>
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="product_overview_url"><?php echo get_phrase('product_image'); ?></label>
                                 <div class="col-md-10">
                                    <input type="file" class="form-control" name="prd_image">
                                 </div>
                              </div>
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="product_overview_url"><?php echo get_phrase('PDF brochure'); ?></label>
                                 <div class="col-md-10">
                                    <input type="file" class="form-control" name="brochure">
                                 </div>
                              </div>
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="product_overview_url"><?php echo get_phrase('Product Adv Popup Image'); ?></label>
                                 <div class="col-md-10">
                                    <input type="file" class="form-control" name="prd_adv_pop_img">
                                 </div>
                              </div>
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="product_overview_url"><?php echo get_phrase('Whatsapp No'); ?></label>
                                 <div class="col-md-10">
                                    <input type="text" class="form-control" name="prd_whatsapp_link" placeholder="Enter Whatsapp No">
                                 </div>
                              </div>
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="testimonials_video"><?php echo get_phrase('Testimonials Video'); ?></label>
                                 <div class="col-md-10">
                                    <div id="appendtestimonials_video">
                                       <div class="d-flex mt-2">
                                          <div class="flex-grow-1 px-3">
                                             <div class="form-group">
                                                <input type="text" class="form-control" name="testimonials_video[]" id="testimonials_video" placeholder="<?php echo get_phrase('testimonials_video'); ?>">
                                             </div>

                                          </div>
                                          <div class="">
                                             <button type="button" class="btn btn-success btn-sm" name="button" onclick="appendtestimonials_video()"> <i class="fa fa-plus"></i> </button>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>

                        </div>
                        <!-- end row -->
                        <button type="button" class="btn btn-primary" onclick="stepper.previous()">Previous</button>
                        <button type="button" class="btn btn-primary" onclick="stepper.next()">Next</button>
                     </div>

                     <div id="front_img" class="content" role="tabpanel" aria-labelledby="information-part-trigger">
                        <div class="row ">
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="front_image"><?php echo get_phrase('Front Image'); ?></label>
                                 <div class="col-md-10">
                                    <div id="front_img_area">
                                       <div class="d-flex mt-2">
                                          <div class="flex-grow-1 px-3">
                                             <div class="form-group">
                                                <input type="file" class="form-control" name="front_image[]" id="front_image" placeholder="<?php echo get_phrase('price'); ?>">
                                             </div>

                                          </div>
                                          <div class="">
                                             <button type="button" class="btn btn-success btn-sm" name="button" onclick="appendFrontImage()"> <i class="fa fa-plus"></i> </button>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <button type="button" class="btn btn-primary" onclick="stepper.previous()">Previous</button>
                        <button type="button" class="btn btn-primary ml-1" onclick="stepper.next()">Next</button>
                     </div>

                     <div id="back_img" class="content" role="tabpanel" aria-labelledby="information-part-trigger">
                        <div class="row justify-content-center">
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="back_image"><?php echo get_phrase('Back Image'); ?></label>
                                 <div class="col-md-10">
                                    <div id="back_img_area">
                                       <div class="d-flex mt-2">
                                          <div class="flex-grow-1 px-3 d-inline-block">
                                             <div class="form-group">
                                                <input type="file" class="form-control" name="back_image[]" id="back_image">
                                             </div>
                                          </div>
                                          <div class="d-inline-block">
                                             <button type="button" class="btn btn-success btn-sm" name="button" onclick="appendBackImage()"> <i class="fa fa-plus"></i> </button>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <button type="button" class="btn btn-primary" onclick="stepper.previous()">Previous</button>
                        <button type="button" class="btn btn-primary" onclick="stepper.next()">Next</button>
                     </div>

                     <div id="thank_you" class="content" role="tabpanel" aria-labelledby="information-part-trigger">
                        <div class="row justify-content-center">
                           <!-- end col -->
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="meta_description"><?php echo get_phrase('Page Heading'); ?></label>
                                 <div class="col-md-10">
                                    <input name="thank_you_heading" class="form-control" placeholder="Enter Page Heading">
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="meta_description"><?php echo get_phrase('Page Sub Heading'); ?></label>
                                 <div class="col-md-10">
                                    <input name="thank_you_sub_heading" class="form-control" placeholder="Enter Page Sub Heading">
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="meta_description"><?php echo get_phrase('Youtube Video Link'); ?></label>
                                 <div class="col-md-10">
                                    <textarea name="thank_you_video" class="form-control" placeholder="Enter Page Iframe Link"></textarea>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="meta_description"><?php echo get_phrase('Page Description'); ?></label>
                                 <div class="col-md-10">
                                    <textarea name="thank_you_description" class="form-control text-editor" placeholder="Enter Page Description"></textarea>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="meta_description"><?php echo get_phrase('Bottom Heading'); ?></label>
                                 <div class="col-md-10">
                                    <input name="thank_you_des_1" class="form-control" placeholder="Enter Page Bottom Heading">
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="meta_description"><?php echo get_phrase('Bottom Sub Heading'); ?></label>
                                 <div class="col-md-10">
                                    <input name="thank_you_dec_2" class="form-control" placeholder="Enter Page Bottom Sub Heading">
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="meta_description"><?php echo get_phrase('Facebook Link'); ?></label>
                                 <div class="col-md-10">
                                    <input name="thank_you_fb" class="form-control" placeholder="Enter Page Facebook URL">
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="meta_description"><?php echo get_phrase('Whatsapp'); ?></label>
                                 <div class="col-md-10">
                                    <input name="thank_you_whatsapp" class="form-control" placeholder="Enter Page Whatsapp">
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="meta_description"><?php echo get_phrase('Youtube'); ?></label>
                                 <div class="col-md-10">
                                    <input name="thank_you_youtube" class="form-control" placeholder="Enter Page Youtube">
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="meta_description"><?php echo get_phrase('Telegram'); ?></label>
                                 <div class="col-md-10">
                                    <input name="thank_you_telegram" class="form-control" placeholder="Enter Page Telegram">
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="meta_description"><?php echo get_phrase('Head Code'); ?></label>
                                 <div class="col-md-10">
                                    <textarea name="thank_you_head_code" class="form-control" placeholder="Enter Page Head Code"></textarea>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <!-- end row -->
                        <button type="button" class="btn btn-primary" onclick="stepper.previous()">Previous</button>
                        <button type="button" class="btn btn-primary" onclick="stepper.next()">Next</button>
                     </div>

                     <div id="check_out" class="content" role="tabpanel" aria-labelledby="information-part-trigger">
                        <div class="row justify-content-center">
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label"><?php echo get_phrase('Checkout Page Heading'); ?> <span class="required">*</span></label>
                                 <div class="col-md-10">
                                    <input name="checkout_heading" class="form-control" placeholder="Enter Checkout Page Heading" required>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label"><?php echo get_phrase('Checkout Page Sub-Heading'); ?> <span class="required">*</span></label>
                                 <div class="col-md-10">
                                    <input name="checkout_sub_heading" class="form-control" placeholder="Enter Checkout Page Sub-Heading" required>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label"><?php echo get_phrase('Checkout Page Video Or image'); ?> <span class="required">*</span></label>
                                 <div class="col-md-10">
                                    <select onchange="checkout_video_or_image_status(this.value)" name="checkout_video_or_image" class="form-control" required>
                                       <option value="1">Video</option>
                                       <option value="2">Image</option>
                                    </select>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12" id="iframe">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label"><?php echo get_phrase('Checkout Page Video'); ?> <span class="required">*</span></label>
                                 <div class="col-md-10">
                                    <textarea name="checkout_iframe" id="checkout_iframe" class="form-control" placeholder="Enter Checkout Page Youtube Link" required></textarea>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12" id="image">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label"><?php echo get_phrase('Checkout Page Image'); ?> <span class="required">*</span></label>
                                 <div class="col-md-10">
                                    <input type="file" name="checkout_image" id="checkout_image" class="form-control">
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label"><?php echo get_phrase('Checkout Page Description'); ?></label>
                                 <div class="col-md-10">
                                    <textarea name="checkout_description" class="form-control"></textarea>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label"><?php echo get_phrase('Checkout Page Money back Sub-Heading'); ?> <span class="required">*</span></label>
                                 <div class="col-md-10">
                                    <input name="checkout_money_sub_heading" class="form-control" placeholder="Enter Checkout Page Money back Sub-Heading" required>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label"><?php echo get_phrase('Checkout Page Money back Heading'); ?> <span class="required">*</span></label>
                                 <div class="col-md-10">
                                    <input name="checkout_money_heading" class="form-control" placeholder="Enter Checkout Page Money back Heading" required>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label"><?php echo get_phrase('Checkout Page Money back Description'); ?> <span class="required">*</span></label>
                                 <div class="col-md-10">
                                    <textarea name="checkout_money_description" class="form-control" placeholder="Enter Checkout Page Money back Description" required></textarea>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label"><?php echo get_phrase('Checkout Page Money Back Image'); ?> <span class="required">*</span></label>
                                 <div class="col-md-10">
                                    <input type="file" name="checkout_money_image" class="form-control" required>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label"><?php echo get_phrase('Checkout Page head Code'); ?> <span class="required">*</span></label>
                                 <div class="col-md-10">
                                    <textarea placeholder="Enter Head Code" name="checkout_head_code" class="form-control"></textarea>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="outcomes"><?php echo get_phrase('Plans'); ?></label>
                                 <div class="col-md-10">
                                    <div id="plans_area">
                                       <div class="d-flex mt-2">
                                          <div class="flex-grow-1 px-3">
                                             <div class="form-group">
                                                <input type="text" class="form-control" name="checkout_plans_title[]" placeholder="<?php echo get_phrase('Plans Title'); ?>">
                                             </div>
                                             <div class="form-group">
                                                <textarea type="text" class="form-control" name="checkout_plans_description[]" placeholder="<?php echo get_phrase('Plans Description'); ?>"></textarea>
                                             </div>
                                          </div>
                                          <div class="">
                                             <button type="button" class="btn btn-success btn-sm" name="button" onclick="appendPlans()"> <i class="fa fa-plus"></i> </button>
                                          </div>
                                       </div>

                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <!-- end row -->
                        <button type="button" class="btn btn-primary" onclick="stepper.previous()">Previous</button>
                        <button type="button" class="btn btn-primary" onclick="stepper.next()">Next</button>
                     </div>

                     <div id="seo" class="content" role="tabpanel" aria-labelledby="information-part-trigger">
                        <div class="row justify-content-center">
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="website_keywords"><?php echo get_phrase('meta_title'); ?></label>
                                 <div class="col-md-10">
                                    <input type="text" class="form-control" name="meta_title" placeholder="Enter Meta Title" />
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="website_keywords"><?php echo get_phrase('meta_keywords'); ?></label>
                                 <div class="col-md-10">
                                    <input type="text" class="form-control" name="meta_keywords" placeholder="Enter Meta Keywords" />
                                 </div>
                              </div>
                           </div>
                           <!-- end col -->
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="meta_description"><?php echo get_phrase('meta_description'); ?></label>
                                 <div class="col-md-10">
                                    <textarea name="meta_description" class="form-control"></textarea>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-12">
                              <div class="form-group row mb-3">
                                 <label class="col-md-2 col-form-label" for="meta_description"><?php echo get_phrase('head_code'); ?></label>
                                 <div class="col-md-10">
                                    <textarea name="header_code" class="form-control"></textarea>
                                 </div>
                              </div>
                           </div>

                           <!-- end col -->
                        </div>
                        <!-- end row -->
                        <button type="button" class="btn btn-primary" onclick="stepper.previous()">Previous</button>
                        <button type="button" class="btn btn-primary" onclick="stepper.next()">Next</button>
                     </div>
                     <div id="finish" class="content" role="tabpanel" aria-labelledby="information-part-trigger">
                        <div class="row">
                           <div class="col-12">
                              <div class="text-center">
                                 <h2 class="mt-0"><i class="mdi mdi-check-all"></i></h2>
                                 <h3 class="mt-0"><?php echo get_phrase("thank_you"); ?> !</h3>
                                 <p class="w-75 mb-2 mx-auto"><?php echo get_phrase('you_are_just_one_click_away'); ?></p>
                                 <div class="mb-3 mt-3">
                                    <button type="submit" class="btn btn-primary text-center"><?php echo get_phrase('submit'); ?></button>
                                 </div>
                              </div>
                           </div>
                           <!-- end col -->
                        </div>
                        <!-- end row -->
                        <input type="hidden" name="added_by" value="<?php echo user()->id ?>">
                        <button type="button" class="btn btn-primary" onclick="stepper.previous()">Previous</button>
                     </div>
                  </div>
               </div>
            </div>
            <?php echo form_close(); ?>
            <div id="blank_plans_field">
               <div class="d-flex mt-2">
                  <div class="flex-grow-1 px-3">
                     <div class="form-group">
                        <input type="text" class="form-control" name="checkout_plans_title[]" placeholder="<?php echo get_phrase('Plans Title'); ?>">
                     </div>
                     <div class="form-group">
                        <textarea type="text" class="form-control" name="checkout_plans_title[]" placeholder="<?php echo get_phrase('Plans Description'); ?>"></textarea>
                     </div>
                  </div>
                  <div class="">
                     <button type="button" class="btn btn-danger btn-sm" style="margin-top: 0px;" name="button" onclick="removePlans(this)"> <i class="fa fa-minus"></i> </button>
                  </div>
               </div>
            </div>

            <div id="blank_outcome_field">
               <div class="d-flex mt-2">
                  <div class="flex-grow-1 px-3">
                     <div class="form-group">
                        <input type="text" class="form-control" name="price[]" id="outcomes" placeholder="<?php echo get_phrase('Package MRP'); ?>">
                     </div>
                     <div class="form-group">
                        <input type="text" class="form-control" name="dis_price[]" id="outcomes" placeholder="<?php echo get_phrase('Discount Price'); ?>">
                     </div>
                     <div class="form-group">
                        <input type="text" class="form-control" name="web_price[]" id="outcomes" placeholder="<?php echo get_phrase('Website Price'); ?>">
                     </div>
                     <div class="form-group">
                        <input type="text" class="form-control" name="and_price[]" id="outcomes" placeholder="<?php echo get_phrase('Android App Price'); ?>">
                     </div>
                     <div class="form-group">
                        <input type="text" class="form-control" name="ios_price[]" id="outcomes" placeholder="<?php echo get_phrase('IOS App Price'); ?>">
                     </div>
                     <div class="form-group">
                        <select type="text" class="form-control" name="source_code[]" id="outcomes">
                           <option value="">Source Code</option>
                           <option value="0">No</option>
                           <option value="1">Yes</option>
                        </select>
                     </div>
                     <div class="form-group">
                        <select type="text" class="form-control" name="hosting[]" id="outcomes">
                           <option value="">Hosting Service</option>
                           <option value="0">Standerd</option>
                           <option value="1">VPS</option>
                        </select>
                     </div>
                     <div class="form-group">
                        <input type="text" class="form-control" name="hosting_space[]" placeholder="<?php echo get_phrase('Hosting Space'); ?>">
                     </div>
                     <div class="form-group">
                        <input type="text" class="form-control" name="dba_price[]" placeholder="<?php echo get_phrase('DBA Price'); ?>">
                     </div>
                  </div>
                  <div class="">
                     <button type="button" class="btn btn-danger btn-sm" style="margin-top: 0px;" name="button" onclick="removeOutcome(this)"> <i class="fa fa-minus"></i> </button>
                  </div>
               </div>
            </div>

            <div id="blank_testimonials_field">
               <div class="d-flex mt-2">
                  <div class="flex-grow-1 px-3">
                     <div class="form-group">
                        <input type="text" class="form-control" name="testimonials_video[]" id="testimonials_video" placeholder="Enter testimonials video Url">
                     </div>
                  </div>
                  <div class="">
                     <button type="button" class="btn btn-danger btn-sm" style="margin-top: 0px;" name="button" onclick="removetestimonials_video(this)"> <i class="fa fa-minus"></i> </button>
                  </div>
               </div>
            </div>
            <div id="blank_front_img_field">
               <div class="d-flex mt-2">
                  <div class="flex-grow-1 px-3">
                     <div class="form-group">
                        <input type="file" class="form-control" name="front_image[]" id="front_image">
                     </div>
                  </div>
                  <div class="">
                     <button type="button" class="btn btn-danger btn-sm" style="margin-top: 0px;" name="button" onclick="removeFrontImage(this)"> <i class="fa fa-minus"></i> </button>
                  </div>
               </div>
            </div>
            <div id="blank_back_img_field">
               <div class="d-flex mt-2">
                  <div class="flex-grow-1 px-3">
                     <div class="form-group">
                        <input type="file" class="form-control" name="back_image[]" id="back_image">
                     </div>
                  </div>
                  <div class="">
                     <button type="button" class="btn btn-danger btn-sm" style="margin-top: 0px;" name="button" onclick="removeBackImage(this)"> <i class="fa fa-minus"></i> </button>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- /.content -->
</div>
</section>
<script src="<?php echo admin_css() ?>plugins/bs-stepper/js/bs-stepper.min.js"></script>
<script type="text/javascript">
   // BS-Stepper Init
   document.addEventListener('DOMContentLoaded', function() {
      window.stepper = new Stepper(document.querySelector('.bs-stepper'))
   });
</script>
<script type="text/javascript">
   var blank_outcome = jQuery('#blank_outcome_field').html();
   var blank_requirement = jQuery('#blank_requirement_field').html();
   var blank_plans_field = jQuery('#blank_plans_field').html();
   jQuery(document).ready(function() {
      jQuery('#blank_outcome_field').hide();
      jQuery('#blank_requirement_field').hide();
      jQuery('#blank_plans_field').hide();
   });

   function appendOutcome() {
      jQuery('#outcomes_area').append(blank_outcome);
   }

   function removeOutcome(outcomeElem) {
      jQuery(outcomeElem).parent().parent().remove();
   }

   function appendPlans() {
      jQuery('#plans_area').append(blank_plans_field);
   }

   function removePlans(outcomeElem) {
      jQuery(outcomeElem).parent().parent().remove();
   }
   var front_outcome = jQuery('#blank_front_img_field').html();
   jQuery(document).ready(function() {
      jQuery('#blank_front_img_field').hide();
   });

   function appendFrontImage() {
      jQuery('#front_img_area').append(front_outcome);
   }

   function removeFrontImage(outcomeElem) {
      jQuery(outcomeElem).parent().parent().remove();
   }
   var back_outcome = jQuery('#blank_back_img_field').html();
   jQuery(document).ready(function() {
      jQuery('#blank_back_img_field').hide();
   });

   function appendBackImage() {
      jQuery('#back_img_area').append(back_outcome);
   }

   function removeBackImage(outcomeElem) {
      jQuery(outcomeElem).parent().parent().remove();
   }
   var blank_testimonials_field = jQuery('#blank_testimonials_field').html();
   jQuery(document).ready(function() {
      jQuery('#blank_testimonials_field').hide();
   });

   function appendtestimonials_video() {
      jQuery('#appendtestimonials_video').append(blank_testimonials_field);
   }

   function removetestimonials_video(outcomeElem) {
      jQuery(outcomeElem).parent().parent().remove();
   }

   function checkout_video_or_image_status(e) {
      if (e == 1) {
         $('#iframe').show();
         $('#image').hide();
         $('#checkout_iframe').attr('required', true);
         $('#checkout_image').attr('required', false);
      } else {
         $('#iframe').hide();
         $('#image').show();
         $('#checkout_iframe').attr('required', false);
         $('#checkout_image').attr('required', true);
      }
   }
</script>
<style media="screen">
   body {
      overflow-x: hidden;
   }

   #image {
      display: none;
   }
</style>