File: /var/www/html/nt/home.php
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex align-items-center justify-content-center">
<div class="container" data-aos="fade-up">
<div class="row justify-content-center" data-aos="fade-up" data-aos-delay="150">
<div class="col-xl-10 col-lg-12">
<h1>West Bengal Industrial Development Corporation</h1>
<h2>an undertaking of Industry, Commerce and Enterprises Department Government of West Bengal</h2>
</div>
</div>
<div class="row gy-4 justify-content-center align-items-center" data-aos="zoom-in" data-aos-delay="250">
<div class="col-xl-9 col-md-12">
<div class="form_area">
<form class="row" id="payment_form" method="post" action="<?= base_url("submit-application-form");?>" enctype="multipart/form-data" autocomplete="off">
<input type="hidden" value="Razorpay" id="payment_mode" />
<div class="col-xl-12 col-lg-12">
<h3><img src="<?= base_url();?>public/frontend_assets/assets2/img/edit.png" width="26" alt="" class="me-2"> Land Revenue & Cess Payment System</h3>
<hr>
</div>
<div class="col-xl-12 col-lg-12">
<?php if ($this->session->flashdata('success_msg')) : ?>
<div class="alert alert-success">
<a href="" class="close" data-dismiss="alert" aria-label="close" title="close" style="position: absolute;right: 15px;font-size: 30px;color: red;top: 5px;">x</a>
<?= $this->session->flashdata('success_msg') ?>
</div>
<?php endif ?>
<?php if ($this->session->flashdata('error_msg')) : ?>
<div class="alert alert-danger">
<a href="" class="close" data-dismiss="alert" aria-label="close" title="close" style="position: absolute;right: 15px;font-size: 30px;color: red;top: 5px;">x</a>
<?= $this->session->flashdata('error_msg') ?>
</div>
<?php endif ?>
</div>
<div class="col-lg-12">
<div class="mb-3">
<label>Name of Entity <span class="color-red">*</span></label>
<input type="text" class="form-control" placeholder="Enter Name of Entity" name="entity_name" id="entity_name" required>
<span id="entity_nameError" style="color: red;"></span>
</div>
</div>
<div class="col-lg-12">
<div class="mb-3">
<label class="d-block">Is the occupied unit within an Industrial park? <span class="color-red">*</span></label><!--Text massage-->
<div class="form-check form-check-inline">
<input class="form-check-input unit_within_industrial_park" type="radio" name="unit_within_industrial_park" id="inlineRadio1" value="Yes" checked="checked">
<label class="form-check-label organisation_item" for="inlineRadio1">Yes</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input unit_within_industrial_park" type="radio" name="unit_within_industrial_park" id="inlineRadio2" value="No">
<label class="form-check-label private_item" for="inlineRadio2">No </label>
</div>
</div>
</div>
<div class="col-lg-12 park_show">
<div class="mb-3">
<label>Name of Industrial Park <span class="color-red">*</span></label>
<div class="select_sec">
<select name="industrial_park_id" id="industrial_park_id" class="form-control">
<option value="">Select Industrial Park</option>
<?php
if(!empty($industrialParks)){
foreach($industrialParks as $row){
?>
<option value="<?= $row['industrial_park_id'];?>"><?= $row['park_name'];?></option>
<?php
}
}
?>
</select>
</div>
</div>
</div>
<div class="col-lg-12 detail_show" style="display: none;">
<div class="mb-3">
<label>Provide details of the occupied unit <span class="color-red">*</span></label>
<input type="text" class="form-control" placeholder="Provide details of the occupied unit" name="unit_without_ind_park_detail" id="unit_without_ind_park_detail">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label>Memo/Reference Number <span class="color-red">*</span></label>
<input type="text" class="form-control" placeholder="Enter Memo/Reference Number" name="memo_reference_no" id="memo_reference_no" required>
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label>Date <span class="color-red">*</span></label>
<input type="text" class="form-control" name="memo_date" id="memo_date" readonly="" required>
</div>
</div>
<div class="col-lg-12">
<div class="mb-3">
<label>Amount (in Indian Rupees) <small class="text-warning">Please tender exactly the same amount that is written in the above mention memo.</small><span class="color-red">*</span></label>
<input type="text" class="form-control" placeholder="Enter Amount" name="amount" id="amount" required>
<span id="amountError" style="color: red;"></span>
</div>
</div>
<div class="col-lg-12">
<div class="mb-3">
<label><input type="checkbox" name="termsCheck" required> I accept <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#terms-and-conditions">terms and conditions</a> <span class="color-red">*</span></label>
</div>
<div class="mb-3">
<button type="button" class="btn btn-green" id="show_preview" data-bs-toggle="modal" data-bs-target="#entity-form">Submit</button>
<!--<button type="submit" class="btn btn-green" id="pay_form_submit_btn">Submit</button>-->
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- End Hero -->
<!-- Modal -->
<div class="modal fade" id="entity-form" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel"><img src="<?= base_url();?>public/frontend_assets/assets2/img/preview_img.png" width="26" alt="" class="me-2"> Preview Details</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body entity-form-data">
<div class="row">
<div class="col-lg-5">
<label>Name of Entity </label>
</div>
<div class="col-lg-7">
: <span id="ent_name"></span>
</div>
</div>
<div class="col-md-12"><hr></div>
<div class="row">
<div class="col-lg-5">
<label>Is the occupied unit within Industrial park </label>
</div>
<div class="col-lg-7">
: <span id="uwip"></span>
</div>
</div>
<div class="col-md-12"><hr></div>
<div class="row">
<div class="col-lg-5">
<label id="uwipv"> </label>
</div>
<div class="col-lg-7">
: <span id="uwipv_value"> </span>
</div>
</div>
<div class="col-md-12"><hr></div>
<div class="row">
<div class="col-lg-5">
<label>Memo/Reference Number </label>
</div>
<div class="col-lg-7">
: <span id="mrn"></span>
</div>
</div>
<div class="col-md-12"><hr></div>
<div class="row">
<div class="col-lg-5">
<label>Date </label>
</div>
<div class="col-lg-7">
: <span id="mrd"></span>
</div>
</div>
<div class="col-md-12"><hr></div>
<div class="row">
<div class="col-lg-5">
<label>Amount </label>
</div>
<div class="col-lg-7">
: <span id="amt"></span>
</div>
</div>
</div>
<div class="modal-footer entity-form-data">
<button type="button" class="get-started-btn" data-bs-dismiss="modal">Back to Edit</button>
<button type="button" class="btn btn-green" id="pay_form_submit_btn">Proceed to Pay</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<script type="text/javascript">
$(function() {
$('#pay_form_submit_btn').click(function(e) {
e.preventDefault();
$("#payment_form").submit();
});
});
</script>