<?php include 'includes/header.php'; ?>
<style>
  .form-anf-modal .close-btn {
    padding: 6px 30px;
  }
</style>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<body>


  <div id="wrapper" class="active">
    <!-- Sidebar -->
    <?php include 'includes/sidebar.php'; ?>
   <div id="page-content-wrapper">
      <div class="page-content inset">

        <div class="main">
         <div class="heading-banner">
            <div class="card-header card-header-warning">
              <div class="row captured-data">
                <div class="col-md-12">
                  <h1>Name of the Company</h1>
                </div>
                <div class="col-md-6">
                  <h5>Section 185</h5>
                </div>
                <div class="col-md-6">
                  <h5>Preparation Date: 11 August 2021</h5>
                </div>
                <div class="col-md-6">
                  <h5>Made By: <span>name of the maker</span></h5>
                </div>
                <div class="col-md-6">
                  <h5>Checked By: <span>name of the Checker</span></h5>
                </div>
              </div>
            </div>
          </div>
          <!-- End Navbar -->
          <div class="content wizard-formdiv">
            <div class="container-fluid">

              <div class="row">
                <div class="col-md-12">
                  <div class="card">
                    <div class="card-body">
                      <form id="regForm" action="">

                        <div class="tab">
                          <div class="row">
                            <div class="col-md-6">
                              <h5 class="form-headings">Basic Details:</h5>
                            </div>
                            <!-- <div class="col-md-6">
                 <h5 class="cut-off-date">Date: <span>11 August 2021</span></h5>
               </div> -->
                          </div>
                          <div class="row">
                            <!--<div class="col-md-6">-->
                            <!--  <label for="name">Name of the Company <span class="mandatory-star">*</span></label>-->
                            <!--  <select>                -->
                            <!--    <option value="">Select</option>-->
                            <!--    <option value="">Option 1</option>-->
                            <!--    <option value="">Option 2</option>               -->
                            <!--  </select>-->
                            <!--</div>-->
                            <div class="col-md-6">
                              <label for="company-name">Type of Company <span class="mandatory-star">*</span></label>
                              <select id="company-select" class="js-states form-control" onchange="changeFunc();">
                                <option value="">Select</option>
                                <option value="private-company">Private Company</option>
                                <option value="listed">Listed Company</option>
                                <option value="unlisted">Unlisted Public Company</option>
                                <option value="gov">Government Company (E.g. PSU's)</option>
                                <option value="nidhi">Nidhi Company</option>
                                <option value="foreign">Foreign Company (incl. Branches and Liasion Office)</option>
                                <option value="non-banking">Non-Banking Finance Company</option>
                                <option value="banking">Banking Company</option>
                                <option value="non-profit">Not for Profit Organisation </option>
                                <option value="others">Others</option>
                              </select>
                            </div>
                            <div class="col-md-6" style="display: none" id="hidden-input">
                              <label for="company-name">Other Company Name <span class="mandatory-star">*</span></label>
                              <input type="text">
                            </div>
                            <!--</div>-->
                            <!--<div class="row">-->

                            <!--</div>-->
                            <!--<div class="row">-->
                            <div class="col-md-6">
                              <label for="name">Financial Year <span class="mandatory-star">*</span></label>
                              <select id="finan-year" class="js-states form-control" onchange="changeFunc();">
                                <option value="Select Financial Year">Select</option>
                                <option value="2015-2016">2015-2016</option>
                                <option value="2016-2017">2016-2017</option>
                                <option value="2017-2018">2017-2018</option>
                                <option value="2018-2019">2018-2019</option>
                                <option value="2019-2020">2019-2020</option>
                                <option value="2020-2021">2020-2021</option>
                                <option value="2021-2022">2021-2022</option>
                                <option value="2022-2023">2022-2023</option>
                                <option value="2023-2024">2023-2024</option>
                                <option value="2024-2025">2024-2025</option>
                                <option value="2025-2026">2025-2026</option>
                                <option value="2026-2027">2026-2027</option>
                                <option value="2027-2028">2027-2028</option>
                                <option value="2028-2029">2028-2029</option>
                                <option value="2029-2030">2029-2030</option>
                                <option value="2030-2031">2030-2031</option>
                                <option value="2031-2032">2031-2032</option>
                                <option value="2032-2033">2032-2033</option>
                                <option value="2033-2034">2033-2034</option>
                                <option value="2034-2035">2034-2035</option>
                                <option value="2035-2036">2035-2036</option>

                              </select>
                            </div>
                            <div class="col-md-6 pr7">
                              <label for="company-name">Cut-off Date for Checking the Compliance <span
                                  class="mandatory-star">*</span></label>
                              <!-- <input type="date" id="date" name="date"> -->
                              <input id="datepicker">

                            </div>
                            <!--</div>-->
                            <!--<div class="row">-->
                            <div class="col-md-6">
                              <label for="name">Wether the Company undertakes lending operations in its ordinary course
                                of buisness? (Main object Clause of the Company should consist of lending activity)
                              </label>
                              <select id="object-clause" onchange="changeFuncdd();">
                                <option value="">Select</option>
                                <option value="yes">Yes</option>
                                <option value="">No</option>
                              </select>
                            </div>
                            <div class="col-md-6" style="display: none" id="hidden-dd">
                              <label for="name">Whether interest is charged at a rate not less than the rate of
                                prevailing yield of one year, three years, five years or ten years Government security
                                closest to the tenor of the loan
                              </label>
                              <select>
                                <option value="">Select</option>
                                <option value="">Yes</option>
                                <option value="">No</option>
                              </select>

                            </div>
                          </div>



                        </div>
                        <div class="tab">
                          <!--borrowing details div-->

                          <div class="row">
                            <div class="col-md-6">
                              <h5 class="form-headings">Borrowing Details:</h5>
                            </div>
                            <!-- <div class="col-md-6">
               <h5 class="cut-off-date">Date: <span>11 August 2021</span></h5>
             </div> -->
                          </div>
                          <div class="row">
                            <div class="col-md-6">
                              <label for="name">Borrowings from Banks <span class="mandatory-star">*</span></label>
                              <input type="number" id="bank-borrowings" name="bank-borrowings" min="1" max="30">
                            </div>
                            <div class="col-md-6">
                              <label for="name">Borrowings from NBFC <span class="mandatory-star">*</span></label>
                              <input type="number" id="bank-borrowings" name="bank-borrowings" min="1" max="30">
                            </div>
                            <div class="col-md-6">
                              <label for="name">Borrowings from any other Financial institution <span
                                  class="mandatory-star">*</span></label>
                              <input type="number" id="bank-borrowings" name="bank-borrowings" min="1" max="30">
                            </div>

                            <div class="col-md-6">
                              <label for="name">Borrowings from Indian Company <span
                                  class="mandatory-star">*</span></label>
                              <input type="number" id="bank-borrowings" name="bank-borrowings" min="1" max="30">
                            </div>
                            <div class="col-md-6">
                              <label for="name">Borrowings from LLP<span class="mandatory-star">*</span></label>
                              <input type="number" id="bank-borrowings" name="bank-borrowings" min="1" max="30">
                            </div>
                            <div class="col-md-6">
                              <label for="name">Borrowings from Foreign company <span
                                  class="mandatory-star">*</span></label>
                              <input type="number" id="bank-borrowings" name="bank-borrowings" min="1" max="30">
                            </div>
                          </div>

                          <div class="tb-div">
                            <h5 class="total-value">Total Borrowings: <b>50</b></h5>
                          </div>

                          <!--paid up share capital div-->
                          <div class="row">
                            <div class="col-md-6">
                              <h5 class="form-headings">Paid up Share Capital (as on cut-off date):</h5>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-6">
                              <label for="name">Equity Share Capital <span class="mandatory-star">*</span></label>
                              <input type="number" id="bank-borrowings" name="bank-borrowings" min="1" max="30">
                            </div>
                            <div class="col-md-6">
                              <label for="name">Preference share capital <span class="mandatory-star">*</span></label>
                              <input type="number" id="bank-borrowings" name="bank-borrowings" min="1" max="30">
                            </div>

                          </div>

                          <div class="row">
                            <div class="col-md-6">
                              <h5 class="total-value-pc">Total Paid Up Share capital: <b>50</b></h5>
                            </div>
                            <div class="col-md-6">
                              <h5 class="total-value-tpc">Twice of Paid up Capital: <b>50</b></h5>
                            </div>
                          </div>


                          <div class="row">
                            <div class="col-md-6">
                              <h5 class="form-headings">Shareholding Details (as on Cut-of date):</h5>
                            </div>

                          </div>

                          <div class="row">
                            <div class="col-md-6">
                              <label for="name">Whether there is any default in repayment of the above borrowings?<br />
                                (as on cut-off date)
                              </label>
                              <select>
                                <option value="">Select</option>
                                <option value="">Yes</option>
                                <option value="">No</option>
                              </select>
                            </div>
                            <div class="col-md-6">
                              <label for="name">Whether the shareholders include any Body Corporate i.e. a Company,
                                Limited Liability Partnership or Foreign Company?</label>
                              <select class="sh-box" id="share-holding" onchange="changeFuncsh();">
                                <option value="">Select</option>
                                <option value="yes">Yes</option>
                                <option value="">No</option>
                              </select>
                            </div>
                            <div class="col-md-6" style="display: none" id="hidden-shareholding">
                              <label for="company-name" class="stn">Specify the names <span
                                  class="mandatory-star">*</span></label>
                              <input type="text">
                            </div>
                          </div>





                        </div>
                        <div class="tab">
                          <!--Details of the following div-->
                          <div class="row">
                            <div class="col-md-6">
                              <h5 class="form-headings">Details of the following :</h5>
                            </div>
                          </div>
                          <div class="row">

                            <div class="col-md-6">
                              <div class="inner">
                                <div class="position-relative form-group triple-dot">
                                  <label for="hold_comp">Holding Companies<span class="mandatory-star">*</span></label>
                                  <input type="text" data-role="tagsinput" name="hold_comp"
                                    class="form-control  tagsinput tagsinput1" maxlength="10">
                                  <!-- <select class="dynamic-option-create-createTag" data-role="tagsinput" name="hold_comp">
                </select> -->
                                </div>
                              </div>
                              <a href="#" class="dot-btn" data-toggle="modal" data-target="#add-more-tags"><i
                                  class="fa fa-ellipsis-h" aria-hidden="true"></i></a>
                            </div>

                            <div class="col-md-6">
                              <label for="name">Subsidiary Companies <span class="mandatory-star">*</span></label>
                              <input type="text" data-role="tagsinput" name="" class="form-control">
                            </div>
                          </div>

                          <div class="row">
                            <div class="col-md-6">
                              <label for="name">Wholly Owned Subidiary Companies <span
                                  class="mandatory-star">*</span></label>
                              <input type="text" id="" name="">
                            </div>
                            <a href="#" class="dot-btn" data-toggle="modal" data-target="#add-more-tags"><i
                                  class="fa fa-ellipsis-h" aria-hidden="true"></i></a>
                            <div class="col-md-6">
                              <label for="name">Managing Director <span class="mandatory-star">*</span><span
                                  class="small-text">(as per Form DIR 12)</span></label>
                              <input type="text" id="" name="">
                            </div>
                          </div>

                          <div class="row">
                            <div class="col-md-6">
                              <label for="name">Whole time directors <span class="mandatory-star">*</span><span
                                  class="small-text">(as per Form DIR 12)</span></label>
                              <input type="text" id="" name="">
                            </div>
                            <div class="col-md-6">
                              <label for="name">Director of an Company <span class="mandatory-star">*</span><span
                                  class="small-text">(other than covered in Point iv. And v. above)</span></label>
                              <input type="text" id="" name="">
                            </div>
                          </div>

                          <div class="row">
                            <div class="col-md-6">
                              <label for="name">Relative of directors <span class="mandatory-star">*</span></label>
                              <input type="text" id="" name="">
                            </div>
                            <div class="col-md-6">
                              <label for="name">Partner of directors in any firm <span
                                  class="mandatory-star">*</span><span class="small-text">(incl. LLP)</span></label>
                              <input type="text" id="" name="">
                            </div>
                          </div>

                          <div class="row">
                            <div class="col-md-6">
                              <label for="name">Firm in which Director is a Partner <span
                                  class="mandatory-star">*</span><span class="small-text">(incl. LLP)</span></label>
                              <input type="text" id="" name="">
                            </div>
                            <div class="col-md-6">
                              <label for="name">Firm in which relative of Director is a Partner <span
                                  class="mandatory-star">*</span><span class="small-text">(incl. LLP)</span></label>
                              <input type="text" id="" name="">
                            </div>

                          </div>

                          <div class="row">
                            <div class="col-md-6">
                              <label for="name">Private Companies in which Director is a Director <span
                                  class="mandatory-star">*</span></label>
                              <input type="text" id="" name="">
                            </div>
                            <div class="col-md-6">
                              <label for="name">Private Companies in which Director is a Member <span
                                  class="mandatory-star">*</span></label>
                              <input type="text" id="" name="">
                            </div>
                          </div>

                          <div class="row">
                            <div class="col-md-6">
                              <label for="name">Director of Holding Company <span
                                  class="mandatory-star">*</span></label>
                              <input type="text" id="" name="">
                            </div>
                          </div>

                          <div class="row">
                            <div class="col-md-6">
                              <label class="mh">Companies / LLPs wherein director either singly or jointly with other
                                directors of lending company has 25% or more voting power of the borrowing Company/LLP?
                                <span class="mandatory-star">*</span></label>
                              <input type="text" id="" name="">
                            </div>
                            <div class="col-md-6">
                              <label for="name">Companies / LLPs wherein any of the board of directors or managing
                                directors or manager or the partners of borrowing company / LLP are working as per the
                                instructions of the board of directors or any directors of lending company.
                                <span class="mandatory-star">*</span></label>
                              <input type="text" id="" name="">
                            </div>
                          </div>


                        </div>

                        <!--party wise details-->
                        <div class="tab">
                          <div class="row">
                            <div class="col-md-7">
                              <h5 class="form-headings">Party-wise details of transactions enetered as on cut-off date:
                              </h5>
                            </div>
                            <!-- <div class="col-md-5">
           <h5 class="cut-off-date">Date: <span>11 August 2021</span></h5>
         </div> -->
                          </div>


                          <div class="row part-wise-accord">
                            <div class="col-md-12">
                              <div id="accordion" class="panel-group">
                                <div class="panel">
                                  <div class="panel-heading">
                                    <h4 class="panel-title">
                                      <a href="#panelBodyOne" class="accordion-toggle" data-toggle="collapse"
                                        data-parent="#accordion">Given Loan To</a>
                                    </h4>
                                  </div>
                                  <div id="panelBodyOne" class="panel-collapse collapse show">
                                    <div class="panel-body">
                                      <div class="row">
                                        <div class="col-md-5">
                                          <label for="name">User Input <span class="mandatory-star">*</span></label>
                                          <select id="user-input" class="js-states form-control">
                                            <option value="">Select</option>
                                            <option value="option-1">Option 1</option>
                                            <option value="option-2">Option 2</option>
                                          </select>
                                        </div>
                                        <div class="col-md-5">
                                          <label for="name">Relations </label>
                                          <input type="text" id="" name="">
                                        </div>
                                        <div class="col-md-2">
                                          <a href="#" class="accord-ambtn">
                                            <!-- <i class="fa fa-plus" aria-hidden="true"></i> -->
                                            Add More </a>
                                        </div>
                                      </div>

                                      <div class="row">
                                        <div class="col-md-12">
                                          <div class="container table-responsive dash-table-stats">
                                            <table class="table table-bordered table-hover">
                                              <thead class="thead-dark">
                                                <tr>
                                                  <th scope="col">User Input</th>
                                                  <th scope="col">Relations</th>
                                                  <th scope="col">Action</th>
                                                </tr>
                                              </thead>
                                              <tbody>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Holding Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Subsidiary Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Wholly Owned Subidiary Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Holding Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>

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


                                    </div>
                                  </div>
                                </div>
                                <div class="panel">
                                  <div class="panel-heading">
                                    <h4 class="panel-title">
                                      <a href="#panelBodyTwo" class="accordion-toggle collapsed" data-toggle="collapse"
                                        data-parent="#accordion">Loan Represented as Book debt </a>
                                    </h4>
                                  </div>
                                  <div id="panelBodyTwo" class="panel-collapse collapse">
                                    <div class="panel-body">
                                      <div class="row">
                                        <div class="col-md-5">
                                          <label for="name">User Input <span class="mandatory-star">*</span></label>
                                          <select>
                                            <option value="">Select</option>
                                            <option value="">Option 1</option>
                                            <option value="">Option 2</option>
                                          </select>
                                        </div>
                                        <div class="col-md-5">
                                          <label for="name">Relations </label>
                                          <input type="text" id="" name="">
                                        </div>
                                        <div class="col-md-2">
                                          <a href="#" class="accord-ambtn">Add More 
                                            <!-- <i class="fa fa-plus" aria-hidden="true"></i> -->
                                          </a>
                                        </div>
                                      </div>

                                      <div class="row">
                                        <div class="col-md-12">
                                          <div class="container table-responsive dash-table-stats">
                                            <table class="table table-bordered table-hover">
                                              <thead class="thead-dark">
                                                <tr>
                                                  <th scope="col">User Input</th>
                                                  <th scope="col">Relations</th>
                                                  <th scope="col">Action</th>
                                                </tr>
                                              </thead>
                                              <tbody>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Holding Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Subsidiary Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Wholly Owned Subidiary Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Holding Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>

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


                                    </div>
                                  </div>
                                </div>
                                <div class="panel">
                                  <div class="panel-heading">
                                    <h4 class="panel-title">
                                      <a href="#panelBodyThree" class="accordion-toggle collapsed"
                                        data-toggle="collapse" data-parent="#accordion">Guarantee Given in respect of
                                        Loan taken by </a>
                                    </h4>
                                  </div>
                                  <div id="panelBodyThree" class="panel-collapse collapse">
                                    <div class="panel-body">
                                      <div class="row">
                                        <div class="col-md-5">
                                          <label for="name">User Input <span class="mandatory-star">*</span></label>
                                          <select>
                                            <option value="">Select</option>
                                            <option value="">Option 1</option>
                                            <option value="">Option 2</option>
                                          </select>
                                        </div>
                                        <div class="col-md-5">
                                          <label for="name">Relations </label>
                                          <input type="text" id="" name="">
                                        </div>
                                        <div class="col-md-2">
                                          <a href="#" class="accord-ambtn">Add More 
                                            <!-- <i class="fa fa-plus" aria-hidden="true"></i> -->
                                          </a>
                                        </div>
                                      </div>

                                      <div class="row">
                                        <div class="col-md-12">
                                          <div class="container table-responsive dash-table-stats">
                                            <table class="table table-bordered table-hover">
                                              <thead class="thead-dark">
                                                <tr>
                                                  <th scope="col">User Input</th>
                                                  <th scope="col">Relations</th>
                                                  <th scope="col">Action</th>
                                                </tr>
                                              </thead>
                                              <tbody>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Holding Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Subsidiary Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Wholly Owned Subidiary Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Holding Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>

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


                                    </div>
                                  </div>
                                </div>
                                <div class="panel">
                                  <div class="panel-heading">
                                    <h4 class="panel-title">
                                      <a href="#panelBodyFour" class="accordion-toggle collapsed" data-toggle="collapse"
                                        data-parent="#accordion">Security Provided to </a>
                                    </h4>
                                  </div>
                                  <div id="panelBodyFour" class="panel-collapse collapse">
                                    <div class="panel-body">
                                      <div class="row">
                                        <div class="col-md-5">
                                          <label for="name">User Input <span class="mandatory-star">*</span></label>
                                          <select>
                                            <option value="">Select</option>
                                            <option value="">Option 1</option>
                                            <option value="">Option 2</option>
                                          </select>
                                        </div>
                                        <div class="col-md-5">
                                          <label for="name">Relations </label>
                                          <input type="text" id="" name="">
                                        </div>
                                        <div class="col-md-2">
                                          <a href="#" class="accord-ambtn">Add More 
                                            <!-- <i class="fa fa-plus" aria-hidden="true"></i> -->
                                          </a>
                                        </div>
                                      </div>

                                      <div class="row">
                                        <div class="col-md-12">
                                          <div class="container table-responsive dash-table-stats">
                                            <table class="table table-bordered table-hover">
                                              <thead class="thead-dark">
                                                <tr>
                                                  <th scope="col">User Input</th>
                                                  <th scope="col">Relations</th>
                                                  <th scope="col">Action</th>
                                                </tr>
                                              </thead>
                                              <tbody>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Holding Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Subsidiary Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Wholly Owned Subidiary Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td>OneRoof Technologies LLP</td>
                                                  <td>Holding Companies</td>
                                                  <td>
                                                    <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip"
                                                        title="" data-original-title="Remove"></i></a>
                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>

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


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

                        </div>

                        <div class="buttons-section">
                          <div class="step-titles pull-left">
                            <span class="step">
                              <p>Step 1</p>
                            </span>
                            <span class="step">
                              <p>Step 2</p>
                            </span>
                            <span class="step">
                              <p>Step 3</p>
                            </span>
                            <span class="step">
                              <p>Step 4</p>
                            </span>
                          </div>
                          <div class="pull-right">
                            <button type="button" id="drftBtn" onclick="nextPrev(-1)">Save as Draft</button>
                            <button type="button" id="prevBtn" onclick="nextPrev(-1)">
                              Previous
                            </button>

                            <button type="button" id="nextBtn" onclick="nextPrev(1)">Next</button>
                          </div>
                        </div>
                      </form>
                    </div>
                  </div>
                </div>

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



          <footer class="footer">
            <div class="container-fluid">
              <p>GBCA & Associates, Chartered Accountants. © 2021 All Rights Reserved. Powered by OneRoof Technologies
                LLP.</p>
            </div>
          </footer>
        </div>


      </div>
    </div>



  </div>

  <?php include 'includes/footer.php'; ?>


<!-- menu toggle new -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
  $('.collapseToggle').on('click', function() {
	$(".sidebar").toggleClass('sidebar--Collapse');
	$('.main').toggleClass('main--slide');	$('#toggleIcon').toggleClass('rotate');
});
</script>
<!-- menu toggle new -->

  <!-- <script>
    $("#menu-toggle").click(function (e) {
      e.preventDefault();
      $("#wrapper").toggleClass("active");
    });
  </script> -->
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> -->
    <!-- Select2 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
    <script>
      $("#company-select").select2({
          placeholder: "Select",
          allowClear: true
      });
      $("#finan-year").select2({
          placeholder: "Select",
          allowClear: true
      });
      $("#user-input").select2({
          placeholder: "Select",
          allowClear: true
      });
    </script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
  <script>
    $(function () {
      $("#datepicker").datepicker();
    });
  </script>

</body>

</html>