1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / ststephensauh / www / admin / application / views / familymembers /
Filename : listmembers.php
back
<!--modal Content Start -->
<?php
$sno=0;
?>


  <div  class="modal col-12" id="myModal3">
    <div class="modal-dialog modal-lg ">
      <div class="modal-content modal-lg">

        <div class="modal-body">
          <form id="formfamview" action="<?php echo base_url(); ?>familymembers/famsave" method="post"
            enctype="multipart/form-data">
            <input type="hidden" id="id" name="id" value="<?php echo $id ?>" />
            <input type="hidden" id="fid" name="fid" value="<?php echo $fid ?>" />
            <div id="newpost">
              <div class="member-details">
                <!-- <div class="row">
                      <div class="col-md-12">
                        <h3>Member Details</h3>
                      </div>
                    </div> -->
                <div id="memberdet">


                </div>

              </div>
            </div>
            <div class="col-12 fav-sec mt-4 view-member-sec">
              <div style = "overflow-x: scroll;" class="table-responsive">
                <table id='tab' class="table table-bordered ">
                  <thead>
                    <tr>
                      <th style= "width:500px !important;" >No</th>
                      <th style= "padding-left:100px;padding-right:100px;width:500px !important;">Dependent</th>
                      <th style= "padding-left:10px;padding-right:100px;width:10px !important;">Designation</th>
                      <th style= "padding-left:50px;padding-right:100px;width:50px !important;">Bloodgroup</th>
                      <th style= "padding-left:80px;padding-right:80px;width:500px !important;">Dependency</th>
                      <th style= "padding-left:80px;padding-right:80px;width:500px !important;">Image</th>
                      <th style= "padding-left:80px;padding-right:80px;width:800px !important;">CPR No</th>
                      <th scope="col">Date of Birth</th>
                     
                      <th style= "padding-left:80px;padding-right:80px;width:800px !important;">Contact Number</th>
                    </tr>
                  </thead>
                  <tbody>


                    <tr id="add">
                      <td>
                      <input class="form-control"  type="text" id="rowid" name="rowid[]" style="width:50px"  />  
                      <input class="form-control" type="hidden" id="no" name="no[]" />
                      </td>
                      <td><input class="form-control" type="text" id="dependent" name="dependent[]"></td>

                      <td><input class="form-control" type="text" id="designations" name="designations[]"></td>

                      <td><input class="form-control" type="text" id="bloodgroup" name="bloodgroup[]"></td>
                      <td>
                        <select id="dependency" name="dependency[]">
                          <option value="">Select</option>
                        </select>
                      </td>
                      <td>  <input type="file" name="file" id="file">
                            <input type="hidden" name="file_id" id="file_id" value="" /><br /></td>
                      <td><input class="form-control" type="number" id="cprno" name="cprno[]"></td>
                      <td><input class="form-control" type="date" id="ddateofbirth" name="ddateofbirth[]"></td>
                      <td><input class="form-control" type="number" id="contactnos" name="contactnos[]"></td>
                      <td></td>

                      <!-- //<td> <button id="bt" value="Add row" onclick="addRow()">Add</button></td> -->
                    </tr>


                  <tbody id="rowm">

                  </tbody>

                </table>

              </div>
              <div class="row">
                <div class="col-6 mb-5  submit-btn-1">
                <button id="btnsaved" type='submit' title='Save'> Submit </button>

                </div>
                <div class="col-6 mb-5 submit-btn-11">
                <button data-toggle="tooltip" id="butnn" type="button" title="Add To save" href="#">
                    ADD</span>
                  </button>

                </div>
              </div>

            </div>

        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
        </div>

      </div>

    </div>
  </div>

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

</div>


<!--modal Content end -->
</div>
</div>

</ul>
<!--Container Main start-->
<div class="view-member-section">
<div class="height-100 bg-light">
  <div id="datacheck" style="display:none">
  </div>
  <div class="main-section">
    <div class="main-section-right-side">
      <div class="my-account-section">
        <div class="row my-head1 mb-3">
          <div class="col-md-8  search-field">
            <form>
              <div class="form-group ">
                <div class="input-group">
                  <label>Search</label>
                  <input required="" class="form-control" name="searchname" type="text" id="searchname">
                </div>
              </div>
            </form>
          </div>
          <div class="col-md-4 d-md-flex mt-3 mt-sm-0 justify-content-end">

            <button data-bs-toggle="modal" data-bs-target="#myModal1" class="btn btn-primary btn-1 me-4">Add
              Member</button>
            <!-- <a href="<?php echo base_url(); ?>familymembers/create" type="submit" class="btn btn-primary btn-1 me-4">Add
              Member</a> -->



            <div class="modal" id="myModal1">
              <div class="modal-dialog modal-lg family-modal-1">
                <div class="modal-content">

                  <div class="modal-body">
                    <div id="newpost">
                      <div class="member-details add-member-bg nw-stl">
                        <div class="row">
                          <div class="col-md-12">
                            <h3>Add Member</h3>
                          </div>
                        </div>
                        <div class="row">

                          <div class="col-md-6 col-sm-12 col-12">
                            <div class="member-details-left-side add-member">
                              <div class="accnt-frm nw-st ">
                                <form id="formfamlymem" action="<?php echo base_url(); ?>familymembers/save"
                                  method="post" enctype="multipart/form-data">
                                  <input type="hidden" name="famlid" id="" value="" />


                                  <div class="form-group d-flex mb-2">
                                    <div class="col-12">
                                      <div class="row">
                                        <div class="col-5">
                                          <label><strong>Member Name</strong> </label>
                                        </div>
                                        <div class="col-7">
                                          <input required="" type="text" required="" class="form-control"
                                            id="membername" name="membername" data-validation="required"
                                            placeholder="Member Name">
                                        </div>
                                      </div>

                                    </div>

                                  </div>

                                  <div class="form-group d-flex mb-2">
                                    <div class="col-12">
                                      <div class="row">
                                        <div class="col-5">
                                          <label><strong>Dependency</strong> </label>
                                        </div>
                                        <div class="col-7">
                                          <select name="dependency" id="depend">
                                            <option value="">Select</option>
                                          </select>
                                        </div>
                                      </div>

                                    </div>

                                  </div>

                                  <div class="form-group d-flex mb-2">
                                    <div class="col-12">
                                      <div class="row">
                                        <div class="col-5">
                                          <label><strong>Designation</strong> </label>
                                        </div>
                                        <div class="col-7">
                                          <input required="" type="text" class="form-control" id="designation"
                                            name="designation" data-validation="required" placeholder="Designation">
                                        </div>
                                      </div>
                                    </div>
                                  </div>

                                  <div class="form-group d-flex mb-2">
                                    <div class="col-12">
                                      <div class="row">
                                        <div class="col-5">
                                          <label><strong>CPR No</strong> </label>
                                        </div>
                                        <div class="col-7">
                                          <input required="" type="text" class="form-control" id="cprno" name="cprno"
                                            data-validation="required" placeholder=" CPR No">
                                        </div>
                                      </div>
                                    </div>
                                  </div>

                                  <div class="form-group d-flex mb-2">
                                    <div class="col-12">
                                      <div class="row">
                                        <div class="col-5">
                                          <label><strong>Photo</strong> </label>
                                        </div>
                                        <div class="col-7">
                                          <input class="form-control" type="file" name="file" id="file">
                                          <input type="hidden" name="file" id="file_id" value="" /><br />
                                        </div>

                                      </div>
                                      <div id="imagediv"></div>
                                    </div>
                                  </div>
                                  <div class="form-group d-flex mb-2">
                                    <div class="col-12">
                                      <div class="row">
                                        <div class="col-5">
                                          <label><strong>Location</strong> </label>
                                        </div>
                                        <div class="col-7">
                                        <select name="location" id="location">
                                            <option value="">Select</option>
                                          </select>
                                        </select>
                                        </div>
                                      </div>
                                    </div>
                                  </div>



                              </div>
                            </div>

                          </div>
                          <div class="col-md-6 mt-sm-6 mt-md-0">
                            <div class="member-details-left-side add-member">
                              <div class="accnt-frm  nw-st">

                                <div class="form-group d-flex mb-2">
                                  <div class="col-12">
                                    <div class="row">
                                      <div class="col-5">
                                        <label><strong>Date of Birth</strong> </label>
                                      </div>
                                      <div class="col-7">
                                        <input required="" type="date" class="form-control" id="dob" name="dob"
                                          data-validation="required" placeholder="Date of Birth">
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div class="form-group d-flex mb-2">
                                  <div class="col-12">
                                    <div class="row">
                                      <div class="col-5">
                                        <label><strong>Blood Group</strong> </label>
                                      </div>
                                      <div class="col-7">
                                        <select id="bloodgroup" name="bloodgroup" data-validation="required">
                                          <option value="">Select</option>
                                          <option value="A+">A+</option>
                                          <option value="A-">A-</option>
                                          <option value="B+">B+</option>
                                          <option value="B-">B-</option>
                                          <option value="O+">O+</option>
                                          <option value="O-">O-</option>
                                          <option value="AB+">AB+</option>
                                          <option value="AB-">AB-</option>
                                        </select>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div class="form-group d-flex mb-2">
                                  <div class="col-12">
                                    <div class="row">
                                      <div class="col-5">
                                        <label><strong>Email</strong> </label>
                                      </div>
                                      <div class="col-7">
                                        <input required="" type="text" class="form-control" id="emailid" name="emailid"
                                          data-validation="required" placeholder="Email">
                                      </div>
                                    </div>
                                  </div>
                                </div>

                                <div class="form-group d-flex mb-2">
                                  <div class="col-12">
                                    <div class="row">
                                      <div class="col-5">
                                        <label><strong>Password</strong> </label>
                                      </div>
                                      <div class="col-7">
                                        <input required="" type="text" class="form-control" id="password" name="password"
                                          data-validation="required" placeholder="Password">
                                      </div>
                                    </div>
                                  </div>
                                </div>


                                <div class="form-group d-flex mb-2">
                                  <div class="col-12">
                                    <div class="row">
                                      <div class="col-5">
                                        <label><strong>Contact Number</strong> </label>
                                      </div>
                                      <div class="col-7">
                                        <input type="text" required="" class="form-control" id="contactno"
                                          name="contactno" data-validation="required" placeholder="Contact Number">

                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div class="form-group d-flex mb-2">
                                  <div class="col-12">
                                    <div class="row">
                                      <div class="col-5">
                                        <label><strong>Whatsapp</strong> </label>
                                      </div>
                                      <div class="col-7">
                                        <input required="" type="text" class="form-control" id="whtasapp"
                                          name="whtasapp" data-validation="required" placeholder="Whatsapp">
                                      </div>
                                    </div>
                                  </div>
                                </div>

                                <div class="form-group d-flex mb-2">
                                  <div class="col-12">
                                    <div class="row">
                                      <div class="col-5">
                                        <label><strong>Prayer Group</strong> </label>
                                      </div>
                                      <div class="col-7">
                                      <select name="prayergroup" id="prayergroup">
                                            <option value="">Select</option>
                                          </select>
                                      </div>
                                    </div>
                                  </div>
                                </div>


                              </div>
                            </div>
                          </div>
                          <div class="col-md-12 col-sm-12 col-12">
                            <div class="member-details-left-side add-member">
                              <div class="accnt-frm  nw-st">

                                <div class="form-group d-flex mb-2">
                                  <div class="col-12">
                                    <div class="row">
                                      <div class="col-2">
                                        <label><strong>Local address</strong> </label>
                                      </div>
                                    </div>
                                    <div class="row">

                                      <div class="col-2">
                                        <input type="text" required="" class="form-control" id="locflat2" name="locflat"
                                          data-validation="required" placeholder="Flat">

                                      </div>
                                      <div class="col-2">
                                        <input type="text" required="" class="form-control" id="locbuilding"
                                          name="locbuilding" data-validation="required" placeholder="Building">

                                      </div>
                                      <div class="col-2">
                                        <input type="text" required="" class="form-control" id="locroad" name="locroad"
                                          data-validation="required" placeholder="Road">

                                      </div>
                                      <div class="col-2">
                                        <input type="text" required="" class="form-control" id="locblock"
                                          name="locblock" data-validation="required" placeholder="Block">

                                      </div>
                                      <div class="col-2">
                                        <input type="text" required="" class="form-control" id="loccity" name="loccity"
                                          data-validation="required" placeholder="City">

                                      </div>
                                      <div class="col-2">
                                        <select name="loccountry" id="loccountry" class="form-control"
                                          data-validation="required">
                                          <option value="">Select</option>
                                        </select>
                                      </div>
                                    </div>
                                  </div>
                                </div>


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

                          <div class="col-md-12 col-sm-12 col-12">
                            <div class="member-details-left-side add-member">
                              <div class="accnt-frm  nw-st">


                                <div class="form-group d-flex mb-2">
                                  <div class="col-12">
                                    <div class="row">
                                      <div class="col-3">
                                        <label><strong>Permanent address</strong> </label>
                                      </div>
                                    </div>
                                    <div class="row">

                                      <div class="col-2">
                                        <input type="text" required="" class="form-control" id="perhouse"
                                          name="perhouse" data-validation="required" placeholder="House">

                                      </div>
                                      <div class="col-2">
                                        <input type="text" required="" class="form-control" id="perplace"
                                          name="perplace" data-validation="required" placeholder="Place">

                                      </div>
                                      <div class="col-2">
                                        <input type="text" required="" class="form-control" id="perparish"
                                          name="perparish" data-validation="required" placeholder="Parish">

                                      </div>
                                      <div class="col-2">
                                        <input type="text" required="" class="form-control" id="perdistrict"
                                          name="perdistrict" data-validation="required" placeholder="District">

                                      </div>
                                      <div class="col-2">
                                        <select name="percountry" id="percountry" class="form-control"
                                          data-validation="required">
                                          <option value="">Select</option>
                                        </select>
                                      </div>
                                    </div>
                                  </div>
                                </div>


                              </div>
                            </div>
                          </div>
                          <div class="col-md-12 col-sm-12 col-12">
                            <div class="member-details-left-side add-member">
                              <div class="accnt-frm  nw-st">


                                <div class="form-group d-flex mb-2">
                                  <div class="col-12">
                                    <div class="row">
                                      <div class="col-2">
                                        <label><strong>Note</strong> </label>
                                      </div>
                                    </div>
                                    <div class="row">

                                      <div class="col-12">
                                        <textarea class="form-control" id="note" style="width:160% height:170%"
                                          name="note"></textarea>

                                      </div>

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


                              </div>
                            </div>
                          </div>
                          <div class="member-details-left-side add-member">
                            <div class="accnt-frm  nw-st">


                              <div class="form-group d-flex mb-2">
                                <div class="col-12">
                                  <div class="row">
                                    <div class="col-5">

                                    </div>
                                    <div class="col-7">

                                      <button type="submit" id="btn" nmae="btn" class="btn btn-primary">Submit</button>

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

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

                      </div>


                    </div>

                  </div>

                  <!-- Modal footer -->
                  <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
                  </div>

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



          </div>
        </div>

        <div class="col-12 fav-sec">
          <div class="table-responsive">
            <table id="user_data" class="table table-bordered">
              <thead>
                <tr>
                  <th scope="col">ID</th>
                  <th scope="col">Name</th>
                  <th scope="col">House Name</th>
                  <th scope="col">Parish Name</th>
                  <th scope="col"> </th>
                </tr>
              </thead>
              <tbody id="fambody">
                <tr>
                  <ul class="edit-menus">
                    <div class="modal" id="myModal">
                      <div class="modal-dialog modal-lg">
                        <form id="updatefammem" action="<?php echo base_url(); ?>familymembers/save" method="post"
                          enctype="multipart/form-data">
                          <input type="hidden" name="famlid" id="famlid" value="" />
                          <div class="modal-content">

                            <div class="modal-body">

                              <div class="my-account-section">

                                <div class="my-head1">
                                  <h1> Edit Profile </h1>
                                </div>

                                <div class="pro-details1 d-flex align-items-start align-items-sm-center gap-4">
                                  <!-- <img src="img/person.jpg" class="img-fluid" alt="img"> -->
                                  <div id="imagesdiv"></div>

                                  <div class="per-pic">
                                    <div class="d-flex ">
                                      <input class="form-control" type="file" name="file" id="filess">
                                      <input type="hidden" name="file_id" id="file_id" value="" /><br />
                                      <!-- <button>Edit Photo</button>
                                      <button>Remove</button> -->
                                    </div>
                                    Allowed JPG, GIF or PNG. Max size of 800K
                                  </div>

                                </div>

                                <div class="accnt-frm accnt-frm1 mt-5">
                                  <form>
                                    <div class="form-group d-flex mb-3">
                                      <div class="col-6">

                                        <input required="" type="text" required="" class="form-control" id="memname"
                                          name="membername" data-validation="required" placeholder="Member Name">
                                      </div>
                                      <div class="col-6">
                                        <select name="dependency" id="dependncy">
                                          <option value="">Select</option>
                                        </select>
                                      </div>
                                    </div>
                                    <div class="form-group d-flex mb-3">
                                      <div class="col-6">

                                        <input required="" type="text" class="form-control" id="desigtn"
                                          name="designation" data-validation="required" placeholder="Designation">
                                      </div>
                                      <div class="col-6">

                                        <input required="" type="text" class="form-control" id="cprnum" name="cprno"
                                          data-validation="required" placeholder=" CPR No">
                                      </div>
                                    </div>
                                    <div class="form-group d-flex mb-3">
                                      <div class="col-6">
                                        <input required="" type="date" class="form-control" id="dobirth" name="dob"
                                          data-validation="required" placeholder="Date of Birth">

                                      </div>
                                      <div class="col-6">
                                        <select name="bloodgroup" id="bloodgroup">
                                          <option value="A+">A+</option>
                                          <option value="A-">A-</option>
                                          <option value="B+">B+</option>
                                          <option value="B-">B-</option>
                                          <option value="O+">O+</option>
                                          <option value="O-">O-</option>
                                          <option value="AB+">AB+</option>
                                          <option value="AB-">AB-</option>
                                        </select>
                                      </div>
                                    </div>
                                    <div class="form-group d-flex mb-3">
                                      <div class="col-6">

                                        <input required="" type="text" class="form-control" id="mememail" name="emailid"
                                          data-validation="required" placeholder="Email">
                                      </div>

                                      <div class="col-6">

<input required="" type="text" class="form-control" id="mempassword" name="password"
  data-validation="required" placeholder="Password">
</div>


                                    
                                      <!-- <div class="col-6">
                                      <select name="locations" id="locations">
                                            <option value="">Select</option>
                                          </select>
                                      </div> -->

                                    </div>
                                    <div class="form-group d-flex mb-3">
                                      <div class="col-6">

                                      <select name="prayergroup" id="prayergroups">
                                            <option value="">Select</option>
                                          </select>
                                      </div>
                                      <div class="col-6">

                                      <select name="location" id="locations">
                                            <option value="">Select</option>
                                          </select>
                                      </div>
                                      <!-- <div class="col-6">
                                      
                                      </div> -->

                                    </div>
                                    <div class="form-group d-flex mb-3">
                                      <div class="col-6">

                                        <input required="" type="text" class="form-control" id="whatasapp"
                                          name="whtasapp" data-validation="required" placeholder="Whatsapp">
                                      </div>
										  <div class="col-6">

                                        <input type="text" required="" class="form-control" id="conno" name="contactno"
                                          data-validation="required" placeholder="Contact Number">
                                      </div>

                                    </div>
                                    <!-- <div class="form-group d-flex mb-3">
                                      <div class="col-6">

                                      <select name="prayergroups" id="prayergroups">
                                            <option value="">Select</option>
                                          </select>
                                      </div> 

                                    </div> -->

                                


                                    <div class="form-group d-flex mb-3">
                                      <div class="col-md-6 text-start">
                                        <label><strong>Local address</strong> </label>
                                      </div>
                                    </div>
                                    <div class="form-group d-flex mb-3">
                                      <div class="col-6">
                                        <input type="text" required="" class="form-control" id="locflat1" name="locflat"
                                          data-validation="required" placeholder="Flat">
                                      </div>
                                      <div class="col-6">
                                        <input type="text" required="" class="form-control" id="locbuilding1"
                                          name="locbuilding" data-validation="required" placeholder="Building">
                                      </div>
                                    </div>
                                    <div class="form-group d-flex mb-3">
                                      <div class="col-6">
                                        <input type="text" required="" class="form-control" id="locroad1" name="locroad"
                                          data-validation="required" placeholder="Road">
                                      </div>
                                      <div class="col-6">
                                        <input type="text" required="" class="form-control" id="locblock1"
                                          name="locblock" data-validation="required" placeholder="Block">
                                      </div>
                                    </div>
                                    <div class="form-group d-flex mb-3">
                                      <div class="col-6">
                                        <input type="text" required="" class="form-control" id="loccity1" name="loccity"
                                          data-validation="required" placeholder="City">
                                      </div>
                                      <div class="col-6">
                                        <select name="loccountry" id="loccountry1" class="form-control"
                                          data-validation="required">
                                          <option value="">Select</option>
                                        </select>
                                      </div>
                                    </div>


                                    <div class="form-group d-flex mb-3">
                                      <div class="col-6 text-start">
                                        <label><strong>Permanent address</strong> </label>
                                      </div>
                                    </div>
                                    <div class="form-group d-flex mb-3">
                                      <div class="col-md-4">
                                        <input type="text" required="" class="form-control" id="perhouse1"
                                          name="perhouse" data-validation="required" placeholder="House">
                                      </div>
                                      <div class="col-md-4">
                                        <input type="text" required="" class="form-control" id="perplace1"
                                          name="perplace" data-validation="required" placeholder="Place">
                                      </div>
                                      <div class="col-md-4">
                                        <input type="text" required="" class="form-control" id="perparish1"
                                          name="perparish" data-validation="required" placeholder="Parish">
                                      </div>
                                    </div>
                                    <div class="form-group d-flex mb-3">

                                      <div class="col-md-6">
                                        <input type="text" required="" class="form-control" id="perdistrict1"
                                          name="perdistrict" data-validation="required" placeholder="District">
                                      </div>
                                      <div class="col-md-6">
                                        <select name="percountry" id="percountry1" class="form-control"
                                          data-validation="required">
                                          <option value="">Select</option>
                                        </select>
                                      </div>
                                    </div>


                                    <div class="form-group d-flex mb-3">
                                      <div class="col-12">
                                        <textarea class="form-control" id="note1" style="width:160% height:170%"
                                          name="note"></textarea>
                                      </div>

                                    </div>



                                    <button type="submit" class="btn btn-primary btn-1">Save Changes</button>
                                  </form>
                                </div>




                              </div>

                            </div>

                            <!-- Modal footer -->
                            <div class="modal-footer">
                              <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
                            </div>

                          </div>
                        </form>
                      </div>
                    </div>
                  </ul>



                  </td>
                </tr>

                <tr>





                  </td>
                </tr>



              </tbody>
            </table>
          </div>
          <div id="memberdet">


          </div>


        </div>


        <div class="member-details d-none other-members">
          <div class="row d-none " id="otherdet">
            <div class="col-md-12">
              <h3>Other Members</h3>
            </div>
          </div>

          <div class="owl-carousel owl-theme owl-carousel2 ">


          </div>
        </div>

      </div>


    </div>
  </div>




  <?php $this->load->view('layout/script'); ?>
  <script type="text/javascript" language="javascript">
   
    $(document).on("click", ".btn-edit", function () {
      var idd = $(this).attr('id');
      $('#famlid').val(idd);
      $.ajax({
        url: "<?php echo base_url('familymembers/edit/'); ?>" + idd,
        async: false,
        success: function (results) {
          //alert(results.loccountryy);
          var result = JSON.parse(results);
          $("#memname").val(result.fname);
          $("#desigtn").val(result.designation);
          $("#bloodgroup").val(result.bloodgroup);
          $("#dobirth").val(result.date_of_birth);
          $("#conno").val(result.contact_no);
          $("#whatasapp").val(result.whatsapp);
          $("#mememail").val(result.emailid);
          $("#mempassword").val(result.password);
          $("#cprnum").val(result.cpr_no);
          $("#dependncy").val(result.dependency);
          $("#locations").val(result.location);
          $("#prayergroups").val(result.prayergroup);

          // $("#file_id").val(result.photo);
          $("#locflat1").val(result.locflat);
          $("#locflat2").val(result.locflat);
          
          $("#locbuilding1").val(result.locbuilding);
          $("#locroad1").val(result.locroad);
          $("#locblock1").val(result.locblock);
          $("#loccity1").val(result.loccity);
          $("#loccountry1").val(result.loccountry);
          $("#perhouse1").val(result.perhouse);
          $("#perplace1").val(result.perplace);
          $("#perparish1").val(result.perparish);
          $("#perdistrict1").val(result.perdistrict);
          $("#percountry1").val(result.percountry);
           
          $("#note1").val(result.note);

          $("#imagesdiv").attr("src", "<?php echo base_url('uploads/images/'); ?>" + result.photo);
          var text = '<img style="height:100px;width: 100px;" src="<?php echo base_url('uploads/images/'); ?>' + result.photo + '" alt="Smiley face" height="42" width="42">';
          $('#imagesdiv').html(text);

        }

      });
    });
    var txtdep = '';
    $(document).ready(function () {

      $('#file').change(function () {
      var data = new FormData();
      var file = document.getElementById("file").files[0];
      if (file !== undefined) {
        data.append("document", file);
        $.ajax({
          url: "<?php echo site_url('familymembers/saveimage'); ?>",
          type: 'POST',
          data: data,
          processData: false,
          contentType: false, // send it here
          success: function (result) {
            if (result !== "") {
              $('#file_id').val(result);
              // var text = '<img style="height:100px;width: 100px;" src="<?php echo site_url('uploads/images/'); ?>' + result + '" alt="Smiley face" height="42" width="42">';
              // $('#imagediv').html(text);
            }
          }
        });

      }
    });
      

      $.ajax({
        async: false,
        url: "<?php echo site_url('familymembers/getdependency'); ?>",
        success: function (result) {
          $('#dependency').html(result);
          txtdep = result;
        }
      });

      $.ajax({
        async: false,
        url: "<?php echo site_url('familymembers/getcountry'); ?>",
        success: function (result) {
          $('#loccountry').html(result);
          $('#loccountry1').html(result);
          $('#percountry').html(result);
          $('#loccountry2').html(result);
          $('#percountry1').html(result);

        }
      });

      


      $("#updatefammem").submit(function (e) {

        e.preventDefault(); // avoid to execute the actual submit of the form.

        var form = $(this);
        var actionUrl = form.attr('action');
        var data = new FormData();
        var file = document.getElementById("filess").files[0];

        data.append("file", file);
        var other_data = $(updatefammem).serializeArray();
        $.each(other_data, function (key, input) {
          data.append(input.name, input.value);
        });
        $.ajax({
          type: "POST",
          url: actionUrl,
          data: data, // send it here

          // serializes the form's elements.
          processData: false,
          contentType: false,
          success: function (data) {
            window.location.href = '<?php echo base_url(); ?>familymembers';
          }
        });

      });

      var dataTable = $('#user_data').DataTable({
        "processing": true,
        "serverSide": true,
        "searching": false,
        "lengthMenu": false,
        "lengthChange": false,
        "order": [],
        "ajax": {
          url: "<?php echo base_url() . 'familymembers/listmembers'; ?>",
          type: "POST",
          "data": function (data) {
            data.data = $('#searchname').val();

          }

        }
      });

      $("#searchname").keyup(function () {
        dataTable.ajax.reload();
      });
      var table = $('#user_data').DataTable();

      $('#fambody').on('click', 'tr', function () {

        var data = table.row(this).data();
        var text = data[0];
        $('#datacheck').html(text);
        var id = $('#familyid').val();
        // var getId = $('#fam_id').val(data[1]);
         // console.log(data);
         
        getmember(id);
      });

    });



    function deleteFun(id) {
      if (confirm('Are you sure?') == true) {
        $.ajax({

          url: "<?php echo base_url() . 'familymembers/delete'; ?>/" + id,
          method: "post",
          dataType: "json",
          data: { id: id },
          success: function (data) {

            $('#user_data').DataTable().ajax.reload();
          }
        })
      }
    }

    function getmember(id) {
      
      $.ajax({

        async: false,
        url: "<?php echo base_url() . 'familymembers/getfmembers'; ?>/" + id,
        success: function (results) {

          var result = JSON.parse(results);
          //console.log(result);
          
          var text = '<div id="newpost">' +
            '<div class="member-details">' +
            ' <div class="row">' +
            '<div class="col-md-12">' +
            ' <h3>Member Details</h3>' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-md-2 col-sm-4 col-12">' +
            '<div class="col-md-2 col-sm-4 col-12" id="imagediv"></div>' +
            '<img  class="img-fluid" style="height:160px;width: 160px;" src="<?php echo base_url('uploads/images/'); ?>' + result.fam.photo + '">' +
            '</div>' +
            '<div class="col-md-5 col-sm-8 col-12">' +
            '<div class="member-details-left-side">' +
            '<div class="accnt-frm ">' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Member Name </strong> </label>' +
            '</div>' +
            '<div class="col-7">' +

            '<span id="fnames">:' + result.fam.fname + '</span>' +
            '</div>' +
            '</div>' +

            '</div>' +

            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Dependency </strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="depend">:' + result.fam.dependency + '</span> ' +
            '</div>' +
            '</div>' +

            '</div>' +

            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Designation</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="designation">:' + result.fam.designation + '</span> ' +
            '</div>' +
            '</div>' +

            '</div>' +

            '</div>' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>CPR No</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="cpr_no">:' + result.fam.cpr_no + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>DOB</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="dob">:' + result.fam.date_of_birth + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +


            '</div>' +
            '</div>' +
            '<div class="member-details-right-side">' +

            '</div>' +
            '</div>' +
            '<div class="col-md-5 mt-sm-3 mt-md-0">' +
            '<div class="member-details-left-side">' +
            '<div class="accnt-frm ">' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Blood Group</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            ' <span id="cpr_no">:' + result.fam.cpr_no + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Email</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="cpr_no">:' + result.fam.emailid + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Contact Number</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="cpr_no">:' + result.fam.contact_no + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Whatsapp</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="cpr_no">:' + result.fam.whatsapp + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +


            '</div>' +
            '</div>' +
            '<div class="member-details-right-side">' +

            '</div>' +
            '</div>' +
            '</div>' +
            '<div class="note-area">' +

            '<span id="cpr_no">' + result.fam.note + '</span> ' +



            '</div>' +
            '</div>' +


            '</div>';

          $('#memberdet').html(text);
          // $("#imagediv").attr("src", "<?php echo base_url('uploads/images/'); ?>" + result.fam.photo);
          // var imgphotos = '<img style="height:170px;width: 160px;" src="<?php echo base_url('uploads/images/'); ?>' + result.fam.photo + '"  >';
          // $('#imagediv').html(imgphotos);
          //$('#otherdet').hide();

          var textss = '';
          $.each(result.mem, function (i, itemsingle) {
            
            textss = textss + '<div><div class=" ">' +
              '<div class="accnt-frmj ">' +

              '<div class="form-group d-flex mb-2">' +
              '<div class="col-12">' +
              '<div class="row">' +
              '<div class="col-4">' +
              '<label><strong>Name</strong> </label>' +
              '</div>' +
              '<div class="col-8">' +
              '<span id="name">:' + itemsingle.dependent + '</span> ' +
              '</div>' +
              '</div>' +
              '</div>' +

              '</div>' +

              '<div class="form-group d-flex mb-2">' +
              '<div class="col-12">' +
              '<div class="row">' +
              '<div class="col-4">' +
              '<label><strong>House</strong> </label>' +
              '</div>' +
              '<div class="col-8">' +
              '<span id="house">:' + itemsingle.perhouse + '</span> ' +
              '</div>' +
              '</div>' +
              '</div>' +
              '</div>' +
              '<div class="form-group d-flex mb-2">' +
              '<div class="col-12">' +
              '<div class="row">' +
              '<div class="col-4">' +
              '<label><strong>DOB</strong> </label>' +
              '</div>' +
              '<div class="col-8">' +
              '<span id="dob">:' + itemsingle.dob + '</span> ' +
              '</div>' +
              '</div>' +
              '</div>' +
              '</div>' +

              '<div class="form-group d-flex mb-2">' +
              '<div class="col-12">' +
              '<div class="row">' +
              '<div class="col-4">' +
              '<label><strong>Dependency</strong> </label>' +
              '</div>' +
              '<div class="col-8">' +
              '<span id="house">:' + itemsingle.dependname + '</span> ' +
              '</div>' +
              '</div>' +
              '</div>' +
              '</div>' +

              '<div class="form-group d-flex mb-2">' +
              '<div class="col-12">' +
              '<div class="row">' +
              '<div class="col-4">' +
              '<label><strong>CPR No</strong> </label>' +
              '</div>' +
              '<div class="col-8">' +
              '<span id="house">:' + itemsingle.cprno + '</span> ' +
              '</div>' +
              '</div>' +
              '</div>' +
              '</div>' +

              '<div class="form-group d-flex mb-2">' +
              '<div class="col-12">' +
              '<div class="row">' +
              '<div class="col-4">' +
              '<label><strong>Contact No.</strong> </label>' +
              '</div>' +
              '<div class="col-8">' +
              '<span id="house">:' + itemsingle.contactno + '</span> ' +
              '</div>' +
              '</div>' +
              '</div>' +
              '</div>' +

              '</div>' +
              '</div>' +
              '</div>' +

              '</div>';



          });

          $('.owl-carousel2').html(textss);
          var $owl = $('.owl-carousel');
          $owl.trigger('destroy.owl.carousel');
          $(".other-members").removeClass("d-none")
          $('.owl-carousel2').owlCarousel({
            loop: false,
            margin: 10,

            responsive: {
              0: {
                items: 1
              },
              1000: {
                items: 3
              },
              1200: {
                items: 4
              }
            },

          });


        }
      });

    }



    var optdependency = '';
    $('#butnn').click(function () {

      var famid = $('#id').val();
      //var no = $('#no').val();
      var rowid = $('#rowid').val();

      var designation = $('#designations').val();
      var bloodgroup = $('#bloodgroup').val();
      var dependent = $('#dependent').val();
      var dependency = $('#dependency option:selected').text();
      var dependid = $('#dependency').val();
      var cprno = $('#cprno').val();
      var photo_file = $('#file').val();
        var file_id = $('#file_id').val();
        //alert(file_id);
      var dob = $('#ddateofbirth').val();

      var contactno = $('#contactnos').val();

      if (dependent != "" && dependid > 0 && cprno > 0 && dob != "") {
        add(dependent, dependency, cprno, dob, contactno, famid, dependid, dob,file_id,rowid,designation,bloodgroup);
      }
      else {
        alert("Enter fields ");
      }

      // add(dependent, dependency, cprno, dob, contactno, famid, no, dependid, dobb);

    });


    function add(dependent, dependency, cprno, dob, contactno, famid, dependid, dob,rowid,optdependency,file_id) {
      //alert(file_id);
      var rowid = 0;
      rowid = rowid+1;
      $('#file_id').val('');
      var famid = $('#id').val();
      var text = '<tr><td><input type="hidden" name="index[]" value=0 /><input type="hidden" name="inids[]" value=0><input type="text" id="rowsid" required="" class="form-control rowserial" name="rowsid[]" value=' + rowid + '></td>' +
        '<td> <input required="" class="form-control" type="text" name="dependents[]" value="' + dependent + '"  id="dependent">' +
        '<input type="hidden" name="dependid[]" id="dependid[]" value=' + dependid + ' ></td>' +
        '<td> <select id="dependencyy' + rowid + '" name="dependencyy[]" value=' + dependid + '  >' + txtdep + '</select></td>' +
        '<td><input type="hidden"  id="file" name="file[]" value="' + file_id + '" class="note_file  form-control"  /> <input class="form-control" type="file" name="file" id="file"><input type="hidden" name="file" id="file_id" value="" /><br /> <a tp="new" target="_blank" href="<?php echo site_url('uploads/images/'); ?>' + file_id + '" >' + file_id + ' </a></td>' +
        '<td><input required="" name="cprnos[] " value="' + cprno + '" class="form-control" type="text" id="cprno"></td>' +
        '<td><input required="" type="text" id="dobs" name="dobs[]" value="' + dob + '" class="form-control"/></td>' +
        '<td><input required="" name="contactnoss[]" value="' + contactno + '" class="form-control" type="text" id="contactnoss"></td>' +
        '<td><span  data-toggle="tooltip"  id="button1" title="Remove"   vtype="dec" class="btn btn-danger    clsremove" href="#">  <span class="glyphicon glyphicon-remove-sign">Remove</span> </span></td></tr>';

      $('#rowm').append(text);
      clear();
      loadserialno();
      $('#dependencyy' + rowid).val(dependid);


    }

    $(document).on('click', '.clsremove', function () {
      var rowdid = $(this).attr('attrid');
      var famid = $(this).attr('familyid');
      // alert(rowdid); alert(famid);
      $.ajax({

        url: "<?php echo base_url() . 'Familymembers/depdelete'; ?>/" + rowdid + '/' + famid,
        method: "post",
        dataType: "json",
        success: function (data) {
          alert("Remove successfully");
        }
      });

      $('.tooltip').remove();
      $(this).closest('tr').remove();

    });
    
    function loadserialno(){

      $(".feeid1").each(function() {

feeid = ($(this).val());

});
    }

    function clear() {

      $('#no').val("");
      $('#dependent').val("");
      $('#dependency').val("");
      $('#cprno').val("");
      $('#ddateofbirth').val("");
      $('#contactnos').val("");
      $('#rowid').val("");
      $('#file').val("");
      $('#file_id').val("");
     


    }




    $(document).ready(function () {

      $(document).on("click",".btn-view",function() {
          var id = $(this).attr('id');
          $('#id').val(id);
      });
      $.ajax({
        async: false,
        url: "<?php echo site_url('familymembers/getdependency'); ?>",
        success: function (result) {
          $('#dependency').html(result);
          $('#dependencyy').html(result);
          optdependency = result;

        }
      });

      $.ajax({
        async: false,
        url: "<?php echo site_url('familymembers/getlocation'); ?>",
        success: function (result) {
          $('#location').html(result);
           $('#locations').html(result);
          optdependency = result;

        }
      });

      $.ajax({
        async: false,
        url: "<?php echo site_url('familymembers/getprayergroup'); ?>",
        success: function (result) {
          $('#prayergroup').html(result);
           $('#prayergroups').html(result);
           optdependency = result;
        }
      });

      fameditt();
      load();



      $("#formfamview").submit(function (e) {

        e.preventDefault(); // avoid to execute the actual submit of the form.

        var form = $(this);
        var actionUrl = form.attr('action');

        $.ajax({
          type: "POST",
          url: actionUrl,
          data: form.serialize(), // serializes the form's elements.
          success: function (data) {
            window.location.href = '<?php echo base_url(); ?>familymembers';
          }
        });

      });
    });


    function load() {
      var id = $("#id").val();
      var eid = $("#enq").val();
      var view = $("#view").val();
      var type = $("#type").val();

      $.ajax({

        url: "<?php echo site_url('familymembers/getfamview'); ?>/" + id,
        async: false,
        success: function (results) {
          var result = JSON.parse(results);
          //alert(result);

          var text = '<div id="newpost">' +
            '<div class="member-details">' +
            ' <div class="row">' +
            '<div class="col-md-12">' +
            ' <h3>Member Details</h3>' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-md-2 col-sm-4 col-12">' +
            '<div class="col-md-2 col-sm-4 col-12" id="imagediv"></div>' +
            //  '<img src="<?php echo base_url('uploads/images/'); ?>" '+ result.photo +'class="img-fluid">' +
            '</div>' +
            '<div class="col-md-5 col-sm-8 col-12">' +
            '<div class="member-details-left-side">' +
            '<div class="accnt-frm ">' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Member Name </strong> </label>' +
            '</div>' +
            '<div class="col-7">' +

            '<span id="fnames">:' + result.fname + '</span>' +
            '</div>' +
            '</div>' +

            '</div>' +

            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Dependency </strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="depend">:' + result.dependency + '</span> ' +
            '</div>' +
            '</div>' +

            '</div>' +

            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Designation</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="designation">:' + result.designation + '</span> ' +
            '</div>' +
            '</div>' +

            '</div>' +

            '</div>' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>CPR No</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="cpr_no">:' + result.cpr_no + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>DOB</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="dob">:' + result.date_of_birth + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Blood Group</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            ' <span id="cpr_no">:' + result.bloodgroup + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Email</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="dob">:' + result.emailid + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Contact Number</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="dob">:' + result.contact_no + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Whatsapp</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="dob">:' + result.whatsapp + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +


            '</div>' +
            '</div>' +
            '<div class="member-details-right-side">' +

            '</div>' +
            '</div>' +
            '<div class="col-md-5 mt-sm-3 mt-md-0">' +
            '<div class="member-details-left-side">' +
            '<div class="accnt-frm ">' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +

            '<label><strong>Local address</strong> </label>' +

            '</div>' +
            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +

            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Flat</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.locflat + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Building</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.locbuilding + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Road </strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.locroad + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Block</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.locblock + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>City</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.loccity + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Country</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.loccountry + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +

            '<label><strong>Permanent address</strong> </label>' +

            '</div>' +
            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>House </strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.perhouse + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Place </strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.perplace + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Parish</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.perparish + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>District</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.perdistrict + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Country</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.percountry + '</span> ' +
            '</div>' +
            '</div>' +

            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '<div class="member-details-right-side">' +

            '</div>' +
            '</div>' +
            '</div>' +
            '<div class="note-area">' +
            '<span id="cpr_no">' + result.note + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>';

          $('#memberdets').html(text);
          $("#imagediv").attr("src", "<?php echo base_url('uploads/images/'); ?>" + result.photo);
          var imgphoto = '<img style="height:140px;width: 160px;" src="<?php echo base_url('uploads/images/'); ?>' + result.photo + '"   >';
          $('#imagediv').html(imgphoto);



        }

      });


    }

    function fameditt() {

      var idd = $("#id").val();

      if (idd > 0) {

        $('#rowm').html('');

        $.ajax({
          async: false,
          url: "<?php echo site_url('Familymembers/getdependet'); ?>/" + idd,
          success: function (results) {
            var result = JSON.parse(results);
            console.log(result);


            $.each(result, function (i, itemsingle) {

              // var no = itemsingle.member_id;

              var dependent = itemsingle.dependent;
              var dependid = itemsingle.dependency;
              var dependency = itemsingle.depname;
              var cprno = itemsingle.cprno;
              var dob = itemsingle.dob;
              var contactno = itemsingle.contactno;
              var inid = itemsingle.member_id;
              var rowid = itemsingle.rowid;

              $("#rowm").append('<tr><td><input hidden="text" name="index[]" value=0 /><input type="hidden" name="inids[]" value=' + inid + ' /><input required="" type="text" id="rowsid" class="form-control " name="rowsid[]" value=' + rowid + ' ></td>' +
                '<td> <input required="" class="form-control" type="text" name="dependents[]" value=' + dependent + '  id="dependent">' +
                '<input type="hidden" name="dependid[]" id="dependid[]" value=' + dependid + ' /></td>' +
                '<td> <select id="dependencyy' + rowid + '" name="dependencyy[]" value=' + dependid + '  >' + txtdep + '</select></td>' +
                // '<td> <input required="" class="form-control" type="text" name="dependency[]" value=' + dependency + '  id="dependency"></td>' +
                '</td>' +
                '<td><input required="" name="cprnos[] " value=' + cprno + ' class="form-control" type="text" id="cprno"></td>' +
                '<td><input required="" type="date" id="dobs" name="dobs[]" value=' + dob + ' class="form-control"/></td>' +
                '<td><input required="" name="contactnoss[]" value=' + contactno + ' class="form-control" type="text" id="contactnoss"></td>' +
                '<td><span attrid = "' + rowid + '" familyid= "' + idd + '" data-toggle="tooltip"  id="button1" title="Remove"   vtype="dec" class="btn btn-danger   clsremove" href="#">  <span class="glyphicon glyphicon-remove-sign">Remove</span> </span></td></tr>');
              $('#dependencyy' + rowid).val(dependid);

            });


          }

        });

      }


    }



    var optdependency = '';

    $('#butnn').click(function () {

      var famid = $('#id').val();
      //var no = $('#no').val();
      var rowid = $('#rowid').val();
      var file_id = $('#file_id').val();

      var dependent = $('#dependent').val();
      var dependency = $('#dependency option:selected').text();
      var dependid = $('#dependency').val();
      var cprno = $('#cprno').val();
      var dob = $('#ddateofbirth').val();
      var contactno = $('#contactnos').val();


      if (dependent != "" && dependid > 0 && cprno > 0 && dob != "") {
        add(dependent, dependency, cprno, dob, contactno, famid, dependid, dob,file_id, rowid);
      }
      else {
        alert("Enter fields ");
      }

      // add(dependent, dependency, cprno, dob, contactno, famid, no, dependid, dobb);

    });


    function add(dependent, dependency, cprno, dob, contactno, famid, dependid, dob,photo, rowid,designation,bloodgroup) {

      // alert(2);
      //rowid = rowid + 1;
      var famid = $('#id').val();
      $('#file_id').val('');
      var text = '<tr><td><input type="hidden" name="index[]" value=0 /><input type="hidden" name="inids[]" value=0><input type="number" id="rowsid" required="" class="form-control" name="rowsid[]" value=' + rowid + '></td>' +
        '<td> <input required="" class="form-control" type="text" name="dependents[]" value="' + dependent + '"  id="dependent">' +
        '<input type="hidden" name="dependid[]" id="dependid[]" value=' + dependid + ' ></td>' +

        '<td> <input required="" class="form-control" type="text" name="designationrow[]" value="' + designation + '"  id="designation">' +
        '</td>' +

        '<td> <input required="" class="form-control" type="text" name="bloodgrouprow[]" value="' + bloodgroup + '"  id="bloodgroup">' +
        '</td>' +


        '<td> <select id="dependencyy' + rowid + '" name="dependencyy[]" value=' + dependid + '  >' + txtdep + '</select></td>' +
        '<td><input type="hidden"  id="file" name="file[]" value="' + photo + '" class="note_file  form-control"  /> <a tp="new" target="_blank" href="<?php echo base_url().'uploads/images/'; ?>' + photo + '" >' + photo + ' </a></td>' +
        '<td><input required="" name="cprnos[] " value="' + cprno + '" class="form-control" type="text" id="cprno"></td>' +
        '<td><input required="" type="text" id="dobs" name="dobs[]" value="' + dob + '" class="form-control"/></td>' +
        '<td><input required="" name="contactnoss[]" value="' + contactno + '" class="form-control" type="text" id="contactnoss"></td>' +
        '<td><span  data-toggle="tooltip"  id="button1" title="Remove"   vtype="dec" class="btn btn-danger    clsremove" href="#">  <span class="glyphicon glyphicon-remove-sign">Remove</span> </span></td></tr>';

      $('#rowm').append(text);
      clear();
      $('#dependencyy' + rowid).val(dependid);


    }

    $(document).on('click', '.clsremove', function () {
      var rowdid = $(this).attr('attrid');
      var famid = $(this).attr('familyid');
      // alert(rowdid); alert(famid);
      $.ajax({

        url: "<?php echo base_url() . 'Familymembers/depdelete'; ?>/" + rowdid + '/' + famid,
        method: "post",
        dataType: "json",
        success: function (data) {
          alert("Remove successfully");
        }
      });
      $('.tooltip').remove();
      $(this).closest('tr').remove();

    });


    function clear() {

      $('#no').val("");
      $('#dependent').val("");
      $('#dependency').val("");
      $('#cprno').val("");
      $('#ddateofbirth').val("");
      $('#contactnos').val("");
      $('#rowid').val("");


    }




    $(document).ready(function () {


      $.ajax({
        async: false,
        url: "<?php echo site_url('familymembers/getcountry'); ?>",
        success: function (result) {
          $('#loccountry').html(result);

        }
      });

      $.ajax({
        async: false,
        url: "<?php echo site_url('familymembers/getcountry'); ?>",
        success: function (result) {
          $('#percountry').html(result);

        }
      });

      $("#formfamlymem").submit(function (e) {

        e.preventDefault(); // avoid to execute the actual submit of the form.

        var form = $(this);
        var actionUrl = form.attr('action');
        var data = new FormData();
        var file = document.getElementById("file").files[0];

        data.append("file", file);
        var other_data = $(formfamlymem).serializeArray();
        $.each(other_data, function (key, input) {
          data.append(input.name, input.value);
        });
        $.ajax({
          type: "POST",
          url: actionUrl,
          data: data, // send it here

          // serializes the form's elements.
          processData: false,
          contentType: false,
          success: function (data) {
            window.location.href = '<?php echo base_url(); ?>familymembers';
          }
        });

      });



    });


    $.ajax({
      async: false,
      url: "<?php echo site_url('familymembers/getdependency'); ?>",
      success: function (result) {
        $('#dependency').html(result);
        $('#dependencyy').html(result);
        $('#dependncy').html(result);
        $('#depend').html(result);
        optdependency = result;

      }
    });
    fameditt();
    load();



    $("#formfamview").submit(function (e) {

      e.preventDefault(); // avoid to execute the actual submit of the form.

      var form = $(this);
      var actionUrl = form.attr('action');

      $.ajax({
        type: "POST",
        url: actionUrl,
        data: form.serialize(), // serializes the form's elements.
        success: function (data) {
          window.location.href = '<?php echo base_url(); ?>familymembers';
        }
      });

    });



    function load() {
      var id = $("#id").val();
      var eid = $("#enq").val();
      var view = $("#view").val();
      var type = $("#type").val();

      $.ajax({

        url: "<?php echo site_url('familymembers/getfamview'); ?>/" + id,
        async: false,
        success: function (results) {
          var result = JSON.parse(results);
          //alert(result);

          var text = '<div id="newpost">' +
            '<div class="member-details">' +
            ' <div class="row">' +
            '<div class="col-md-12">' +
            ' <h3>Member Details</h3>' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-md-2 col-sm-4 col-12">' +
            '<div class="col-md-2 col-sm-4 col-12" id="imagediv"></div>' +
            //  '<img src="<?php echo base_url('uploads/images/'); ?>" '+ result.photo +'class="img-fluid">' +
            '</div>' +
            '<div class="col-md-5 col-sm-8 col-12">' +
            '<div class="member-details-left-side">' +
            '<div class="accnt-frm ">' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5" >' +
            '<label><strong>Member Name </strong> </label>' +
            '</div>' +
            '<div class="col-7">' +

            '<span id="fnames">:' + result.fname + '</span>' +
            '</div>' +
            '</div>' +

            '</div>' +

            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Dependency </strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="depend">:' + result.dependency + '</span> ' +
            '</div>' +
            '</div>' +

            '</div>' +

            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Designation</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="designation">:' + result.designation + '</span> ' +
            '</div>' +
            '</div>' +

            '</div>' +

            '</div>' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>CPR No</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="cpr_no">:' + result.cpr_no + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>DOB</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="dob">:' + result.date_of_birth + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Blood Group</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            ' <span id="cpr_no">:' + result.bloodgroup + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Email</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="dob">:' + result.emailid + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Contact Number</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="dob">:' + result.contact_no + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-5">' +
            '<label><strong>Whatsapp</strong> </label>' +
            '</div>' +
            '<div class="col-7">' +
            '<span id="dob">:' + result.whatsapp + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +


            '</div>' +
            '</div>' +
            '<div class="member-details-right-side">' +

            '</div>' +
            '</div>' +
            '<div class="col-md-5 mt-sm-3 mt-md-0">' +
            '<div class="member-details-left-side">' +
            '<div class="accnt-frm ">' +

            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +

            '<label><strong>Local address</strong> </label>' +

            '</div>' +
            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +

            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Flat</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.locflat + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Building</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.locbuilding + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Road </strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.locroad + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Block</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.locblock + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>City</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.loccity + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Country</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.loccountry + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +

            '<label><strong>Permanent address</strong> </label>' +

            '</div>' +
            '</div>' +
            '<div class="form-group d-flex mb-2">' +
            '<div class="col-12">' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>House </strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.perhouse + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Place </strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.perplace + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Parish</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.perparish + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>District</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.perdistrict + '</span> ' +
            '</div>' +
            '</div>' +
            '<div class="row">' +
            '<div class="col-1"></div>' +
            '<div class="col-4">' +
            '<label><strong>Country</strong> </label>' +
            '</div>' +
            '<div class="col-5">' +
            '<span id="dob">:' + result.percountry + '</span> ' +
            '</div>' +
            '</div>' +

            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '<div class="member-details-right-side">' +

            '</div>' +
            '</div>' +
            '</div>' +
            '<div class="note-area">' +
            '<span id="cpr_no">' + result.note + '</span> ' +
            '</div>' +
            '</div>' +
            '</div>';

          $('#memberdet').html(text);
          $("#imagediv").attr("src", "<?php echo base_url('uploads/images/'); ?>" + result.photo);
          var imgphoto = '<img style="height:140px;width: 160px;" src="<?php echo base_url('uploads/images/'); ?>' + result.photo + '"   >';
          $('#imagediv').html(imgphoto);



        }

      });


    }

    function fameditt() {

      var idd = $("#id").val();

      if (idd > 0) {

        $('#rowm').html('');

        $.ajax({
          async: false,
          url: "<?php echo site_url('Familymembers/getdependet'); ?>/" + idd,
          success: function (results) {
            var result = JSON.parse(results);
            console.log(result);


            $.each(result, function (i, itemsingle) {

              // var no = itemsingle.member_id;

              var dependent = itemsingle.dependent;
              var dependid = itemsingle.dependency;
              var dependency = itemsingle.depname;
              var cprno = itemsingle.cprno;
              var dob = itemsingle.dob;
              var contactno = itemsingle.contactno;
              var inid = itemsingle.member_id;
              var rowid = itemsingle.rowid;
              var photo=itemsingle.photo;

              $("#rowm").append('<tr><td><input hidden="text" name="index[]" value=0 /><input type="hidden" name="inids[]" value=' + inid + ' /><input required="" type="number" id="rowsid"class="form-control numeric" name="rowsid[]" value=' + rowid + ' ></td>' +
                '<td> <input required="" class="form-control" type="text" name="dependents[]" value=' + dependent + '  id="dependent">' +
                '<input type="hidden" name="dependid[]" id="dependid[]" value=' + dependid + ' /></td>' +
                '<td> <select id="dependencyy' + rowid + '" name="dependencyy[]" value=' + dependid + '  >' + txtdep + '</select></td>' +
                '<td><input type="hidden"  id="file" name="file[]" value=' + photo + ' class="note_file  form-control"  /><input class="form-control" type="file" name="file1" id="file1"><input type="hidden" name="file" id="file_id" value="" /><br /> <a tp="new" target="_blank" href="<?php echo site_url('uploads/images/'); ?>' + photo + '" >' + photo + ' </a></td>' +
                '<td><input required="" name="cprnos[] " value=' + cprno + ' class="form-control" type="text" id="cprno"></td>' +
                '<td><input required="" type="date" id="dobs" name="dobs[]" value=' + dob + ' class="form-control"/></td>' +
                '<td><input required="" name="contactnoss[]" value=' + contactno + ' class="form-control" type="text" id="contactnoss"></td>' +
                '<td><span attrid = "' + rowid + '" familyid= "' + idd + '" data-toggle="tooltip"  id="button1" title="Remove"   vtype="dec" class="btn btn-danger   clsremove" href="#">  <span class="glyphicon glyphicon-remove-sign">Remove</span> </span></td></tr>');
              $('#dependencyy' + rowid).val(dependid);

            });


          }

        });

      }


    }





  </script>

  </body>
  <style>
    .other-members {
      font-size: 14px;
    }
  </style>

  </html>