1#@!#!123s

��JFIF�� 1#@!#!123s
: / home1 / ststephensauh / www / admin / application / views / familymembers /
Filename : create.php
back

  <!--Container Main start-->
  <div class="height-100 bg-light">


    <div class="main-section">




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


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

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

          </div>

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

                <div class="col-md-6 col-sm-6 col-12">
                  <div class="member-details-left-side add-member">
                    <div class="accnt-frm  nw-st">
                      <form id="formfamily" action="<?php echo base_url(); ?>familymembers/save" 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="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="dependency"  >
                                  <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>
                  </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>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>
                  </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="locflat" 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-2">
                              <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">
                            <?php if ($view != 'view') { ?>
                              <button type="submit" id="btn" nmae="btn" class="btn btn-primary">Submit</button>
                            <?php } ?>
                          </div>
                        </div>
                      </div>
                    </div>
                    </form>
                  </div>
                </div>


              </div>

            </div>


          </div>


        </div>



      </div>
    </div>
    <!--Container Main end-->
    <!-- <script>
      var button = document.getElementById('button');

      button.onclick = function () {
        var div = document.getElementById('newpost');
        if (div.style.display !== 'none') {
          div.style.display = 'none';
        }
        else {
          div.style.display = 'block';
        }
      };
    </script> -->
   

<?php $this->load->view('layout/script'); ?>
<script type="text/javascript">
 
  $(document).ready(function () {

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

    //   }
    // });

    load();

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

      }
    });

    $.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);

      }
    });

    $("#formfamily").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 = $(formfamily).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';
        }
      });

    });

   
    
  });

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

    if (id > 0) {
      var st = 0;
      var dis = 0;
      $.ajax({

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

          $("#membername").val(result.fname);
          $("#designation").val(result.designation);
          $("#bloodgroup").val(result.bloodgroup);
          $("#dob").val(result.date_of_birth);
          $("#contactno").val(result.contact_no);
          $("#whtasapp").val(result.whatsapp);
          $("#emailid").val(result.emailid);
          $("#cprno").val(result.cpr_no);
          $("#dependency").val(result.dependency);

         $("#file_id").val(result.photo);
          $("#locflat").val(result.locflat);
          $("#locbuilding").val(result.locbuilding);
          $("#locroad").val(result.locroad);
          $("#locblock").val(result.locblock);
          $("#loccity").val(result.loccity);
          $("#loccountry").val(result.loccountry);
          $("#perhouse").val(result.perhouse);
          $("#perplace").val(result.perplace);
          $("#perparish").val(result.perparish);
          $("#perdistrict").val(result.perdistrict);
          $("#percountry").val(result.percountry);
          $("#note").val(result.note);

          $("#imagediv").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">';
          $('#imagediv').html(text);
        }

      });

    }

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

</script>
</body>

</html>