bb_sign/app/Views/client_branch_list.php

<!-- ============================================================== -->
<!-- Start Page Content here -->
<!-- ============================================================== -->

<div class="content-page">
    <!-- Start Content-->
    <div class="container-fluid">
            
            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box page-title-box-alt">
                        <h4 class="page-title">Client Branch List</h4>
                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class=""> <a href="#" id="add_branch_model_open" data-toggle="modal" data-target="#bike_make_login-modal" class="btn btn-primary waves-effect"> 
                                        Add Branch
                                </a>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page title -->  
 
 
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">

                
                        <table id="datatable-buttons" class="table table-striped dt-responsive nowrap w-100">
                            <thead>
                                <tr>
                                <th>Branch Name</th>
                            <th>GST</th>
                            <th>Address</th>
                            <th>City</th>
                            <th>State</th>
                            <th>Postal Code</th>
                            <th>Contact</th>
                            <th>Active</th>
                            <!-- <th>User List</th> -->
                            <th>Action</th>
                                </tr>
                            </thead>
                            
                            <tr>
                                <td></td>
                            </tr>
                        
                            <tbody>

                            </tbody>
                        </table>
                        
                    </div> <!-- end card body-->
                </div> <!-- end card -->
            </div><!-- end col-->
        </div>



    </div> <!-- container -->

</div> <!-- content -->

    
<div id="bike_make_login-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="text-center mt-2 mb-4">
                    <h4>Add Branch - </h4>
                </div>
                <form id="model_form_data" class="px-4">

                    <input type="text" id="business_id" value="" hidden>
                    <input type="text" id="branch_id"  hidden>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="branchname">Branch Name</label>
                                <input class="form-control" name="branch_name" type="text" id="branch_name" required="" placeholder="Branch Name">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="gstno">GST No</label>
                                <input class="form-control" name="gst_no" type="text" id="gst_no" required="" placeholder="GST No" pattern="[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[0-9]{1}[Z]{1}[0-9A-Z]{1}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="email">Email</label>
                                <input class="form-control" name="email" type="email" id="email" required="" placeholder="Email">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="contact1">Contact 1</label>
                                <input class="form-control" name="contact_1" type="text" id="contact_1" required="" minlength="6" maxlength="16" placeholder="Contact 1">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="contact2">Contact 2</label>
                                <input class="form-control" name="contact_2" type="text" id="contact_2" required="" minlength="6" maxlength="16" placeholder="Contact 2">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="address">Address</label>
                                <input class="form-control" name="address" type="text" id="address" required="" placeholder="Address">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="city">City</label>
                                <input class="form-control" name="city" type="text" id="city" required="" placeholder="City">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="state">State</label>
                                <input class="form-control" name="state" type="text" id="state" required="" placeholder="State">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="pincode">Country</label>
                                <input class="form-control" name="country" type="text" id="country" required="" placeholder="Country">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="pincode">Pin Code</label>
                                <input class="form-control" name="postal_code" type="text" id="postal_code" required="" placeholder="Postal Code">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="statecode">State Code</label>
                                <input class="form-control" name="state_code" type="text" id="state_code" required="" placeholder="State Code">
                            </div>
                        </div>
                    </div>

                    <div class="form-group text-center">
                        <button class="btn btn-rounded btn-primary" type="submit" onclick="submitBranch(this)">Submit</button>
                    </div>

                </form>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->