1#@!#!123s

��JFIF�� 1#@!#!123s
: / home1 / ststephensauh / public_html / admin / application / views / familymembers /
Filename : familymember_view.php
back
<!--Container Main start-->
<div class="height-100 bg-light">


  <div class="main-section">

    <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 ?>" />
      <input type="hidden" value="<?php echo $view ?>" name="view" id="view" />


      <div class="main-section-right-side">


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

          <div class="row my-head1 mb-3">

            <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 class="table-responsive">
                <table id='tab' class="table table-bordered ">
                  <thead>
                    <tr>
                      <th scope="col">No.</th>
                      <th scope="col">Dependent</th>
                      <th scope="col">Dependency</th>
                      <th scope="col">CPR No</th>
                      <th scope="col">Date of Birth</th>
                      <th scope="col">Contact Number</th>
                    </tr>
                  </thead>


                  <tr id="add">
                    <td><input class="form-control" type="hidden" id="no" name="no[]"/><input class="form-control" type="number" id="rowid" name="rowid[]"/></td>
                    <td><input class="form-control" type="text" id="dependent" name="dependent[]"></td>
                    <td>
                      <select   id="dependency" name="dependency[]">
                        <option value="">Select</option>
                      </select>
                    </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 type="submit" id="btn" nmae="btn" class="btn btn-primary">Submit</button> -->
                  <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>

      </div>
    </form>
  </div>
</div>
<!--Container Main end-->
<script>
  let iCnt = 1;

  // now, add a new row to the TABLE.
  let addRow = () => {
    let myTable = document.getElementById('tab');

    let rowCnt = myTable.rows.length;   // table row count.
    let tr = myTable.insertRow(rowCnt); // the table row.

    let headCount = myTable.rows[0].getElementsByTagName('th').length;	// get header count.

    for (let c = 0; c < headCount; c++) {
      let td = document.createElement('td'); // table definition.
      td = tr.insertCell(c);

      if (c === 0) {      // the first column.
        // Show serial number.
        let span = document.createElement('span');

        // set input attributes.
        span.innerHTML = iCnt;
        td.appendChild(span);
      }
      else {
        // 2nd, 3rd and 4th column, will have textbox.
        let ele = document.createElement('input');
        ele.setAttribute('type', 'text');
        ele.setAttribute('value', '');
        ele.setAttribute('class', 'form-control');
        td.appendChild(ele);
      }

    }

    iCnt += 1;
  }
</script>

<?php $this->load->view('layout/script'); ?>
<script type="text/javascript">
  var optdependency ='';
  $('#butnn').click(function () {

    var famid = $('#id').val();
    //var no = $('#no').val();
    var rowid = $('#rowid').val();
    //alert(rowid);
   
    var dependent = $('#dependent').val();
    var dependency = $('#dependency option:selected').text();
    var dependid = $('#dependency').val();
    var cprno = $('#cprno').val();
    var dob = $('#ddateofbirth').val();
    
     


    //var date= '21/01/2015';
    // var d = new Date(dob.split("-").reverse().join("-"));
    // //alert(d);
    // var dd = d.getDate();
    // var mm = d.getMonth() + 1;
    // var yy = d.getFullYear();

    // var dobb = (dd + "-" + mm + "-" + yy);


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

    if (dependent != "" && dependid > 0 && cprno > 0 && dob != "") {
      add(dependent, dependency, cprno, dob, contactno, famid, dependid, dob,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,rowid) {

    var incntdec = 0;
    incntdec = incntdec + 1;
    var famid = $('#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 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 + '  >'+optdependency+'</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="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" onclick="remove(this)" vtype="dec" class="btn btn-danger   remove" href="#">  <span class="glyphicon glyphicon-remove-sign">Remove</span> </span></td></tr>';

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


  }
  function clear() {

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

  }

  function remove(button1) {

$('.tooltip').remove();
$(button1).closest('tr').remove();
}


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

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


    $("#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();
    //alert(idd);
    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="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 + '  >'+optdependency+'</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="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" onclick="remove(this)" vtype="dec" class="btn btn-danger   remove" href="#">  <span class="glyphicon glyphicon-remove-sign">Remove</span> </span></td></tr>');
              $('#dependencyy'+rowid).val(dependid);

          });


        }

      });

    }


  }
  $( document ).ready(function() {
        $('.clsfamily').addClass('active');
    });

</script>
</body>

</html>