1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / ststephensauh / public_html / admin / application / views / family /
Filename : family_view.php
back
<div class="content-wrapper">
    <br />

    <form id="formfamily" action="<?php echo base_url(); ?>country/save" method="post" enctype="multipart/form-data">
        <input type="hidden" id="id" name="id" value="<?php echo $id ?>" />

        <input type="hidden" value="<?php echo $view ?>" name="view" id="view" />
        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <div class="row">
                                    <div class="col-6">
                                        <h2 class="card-title">Family</h2>
                                    </div>
                                    <div class="col-6">
                                        <a class="btn btn-primary float-right"
                                            href="<?php echo base_url(); ?>family">Back</a>
                                    </div>
                                </div>

                            </div>
                            <!-- /.card-header -->
                            <div class="card-body">

                                <div class="row">
                                    <div class="col-6">
                                        <div class="text-center">
                                            <div id="imagediv"></div>
                                            <!-- <img class="profile-user-img img-fluid img-circle"
                                                src="<?php echo base_url('uploads/images/'); ?>" + result.photo
                                                alt="Photo"> -->
                                        </div>

                                        <table id="table1" style="width:100%" class="mt-4 ml-5">
                                            <tr >
                                                <td  width="50%">  <label>Name:</label></td>
                                                <td  width="50%"> <p class="text-muted" id="fanm"></p></td>
                                            </tr>
                                            <tr>
                                                <td  width="50%"> <label>House Name:</label></td>
                                                <td  width="50%">  <p class="text-muted" id="hnam">
                                                </p></td>
                                            </tr>
                                            <tr>
                                                <td  width="50%">  <label>Permanent Address:</label></td>
                                                <td  width="50%">  <p class="text-muted" id="paddr"> </p></td>
                                            </tr>
                                            <tr>
                                                <td  width="50%"> <label>Communication Address:</label></td>
                                                <td  width="50%" id="addr">
                                                <span class="text-muted" id="place"></span>
                                                <span class="text-muted" id="city"></span>
                                                <p class="text-muted" id="commaddr"></p>
                                            </td>
                                            </tr>
                                            <tr>
                                                <td  width="50%">  <label>Date of Birth:</label></td>
                                                <td  width="50%">  <p class="text-muted" id="dob">
                                                </p></td>
                                            </tr>
                                            <tr>
                                                <td  width="50%">  <label>Designation :</label></td>
                                                <td  width="50%"><p class="text-muted" id="designation">
                                                </p></td>
                                            </tr>


                                            <tr>
                                                <td  width="50%"> <label>Blood Group :</label></td>
                                                <td  width="50%"> <p class="text-muted" id="bloodgrp">
                                                </p></td>
                                            </tr>
                                            <tr>
                                                <td  width="50%">  <label>Parish Name :</label></td>
                                                <td  width="50%"> <p class="text-muted" id="parish">
                                                </p></td>
                                            </tr>
                                            <tr>
                                                <td  width="50%">  <label>Family Cell Name :</label></td>
                                                <td  width="50%"> <p class="text-muted" id="fcellname">
                                                </p></td>
                                            </tr>
                                            <tr>
                                                <td  width="50%">   <label>Zone :</label></td>
                                                <td  width="50%"><p class="text-muted" id="zone">
                                                </p></td>
                                            </tr>
                                            <tr>
                                                <td  width="50%"> <label>Area :</label></td>
                                                <td  width="50%"> <p class="text-muted" id="area">
                                                </p></td>
                                            </tr>
                                            <!-- <tr>
                                                <td  width="50%">   <label>Contact No :</label></td>
                                                <td  width="50%">  <p class="text-muted" id="contactno">
                                                </p></td>
                                            </tr>
                                            <tr>
                                                <td  width="50%">  <label>WhatsApp :</label></td>
                                                <td  width="50%"><p class="text-muted" id="whatsapp">
                                                </p></td>
                                            </tr>
                                            <tr>
                                                <td  width="50%">  <label>Email ID :</label></td>
                                                <td  width="50%">  <p class="text-muted" id="emailid"></p></td>
                                            </tr> -->
                                    </table>
                                     

                                    </div>
                                    <div class="col-md-6">

                                        <!-- <div class="form-group">
                                            <label>Country</label>
                                            <input type="text" class="form-control" style="width:300px" id="country"
                                                name="country" placeholder="Country">
                                        </div> -->

                                        <div class="card-body">

                                            <div id="carouselExampleIndicators p-5" class="carousel slide" 
                                                data-ride="carousel">
                                                <ol class="carousel-indicators">
                                                <?php $i=0; foreach ($fam as $row) { ?>

                                                    <li data-target="#carouselExampleIndicators" data-slide-to="<?= $i?>"
                                                      <?php if ($i==0) {?>  class="active" <?php } ?> style="color:black"></li> 
                                                        <?php $i++;  } ?>

                                                </ol>
 
                                                <div class="carousel-inner mx-auto ml-5">
                                                    <?php $i=0; foreach ($fam as $row) { ?>
                                                        <div class="carousel-item <?php if ($i==0) {?> active  <?php } ?> ml-5 ">


                                                            <div class="row ">
                                                                <div class="col-6">
                                                                    <div class="text-left">
                                                                        <div id="imagediv"></div>
                                                                        <img class="profile-user-img img-fluid img-square"
                                                                            src="<?php echo base_url('uploads/images/');
                                                                            echo $row['photo']; ?>" alt="Photo" >
                                                                    </div>
                                                                </div>
                                                              
                                                            </div>



                                                            <div class="row mt-4">
                                                                <!-- <div id="imagediv">

                                                                        </div> -->
                                                                <div class="col-6 ">
                                                                    <label>Name :</label>
                                                                </div>


                                                                <div class="col-6">
                                                                    <?php echo $row['fname']; ?>
                                                                </div>
                                                                <div class="col-6">
                                                                    <label>Relation :</label>
                                                                </div>


                                                                <div class="col-6">
                                                                    <?php echo $row['depname']; ?>
                                                                </div>
                                                                <div class="col-6">
                                                                    <label>Date of Birth:</label>
                                                                </div>


                                                                <div class="col-6">
                                                                    <?php echo $row['date_of_birth']; ?>
                                                                </div>
                                                                <div class="col-6">
                                                                    <label>Designation:</label>
                                                                </div>


                                                                <div class="col-6">
                                                                    <?php echo $row['designation']; ?>
                                                                </div>
                                                                <div class="col-6">
                                                                    <label>Blood Group :</label>
                                                                </div>


                                                                <div class="col-6">
                                                                    <?php echo $row['bloodgroup']; ?>
                                                                </div>
                                                                <div class="col-6">
                                                                    <label>Contact No. :</label>
                                                                </div>


                                                                <div class="col-6">
                                                                    <?php echo $row['contact_no']; ?>
                                                                </div>
                                                                <div class="col-6">
                                                                    <label>WhatsApp :</label></td>
                                                                </div>


                                                                <div class="col-6">
                                                                    <?php echo $row['whatsapp']; ?>
                                                                </div>
                                                                <div class="col-6">
                                                                    <label>Email ID :</label></td>
                                                                </div>
                                                                <div class="col-6">
                                                                    <?php echo $row['emailid']; ?>

                                                                </div>

                                                            </div>

                                                        </div>
                                                
                                                <?php $i++;  } ?>
                                                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button"
                                        data-slide="prev">
                                        <span class="carousel-control-custom-icon" aria-hidden="true">
                                            <i class="fas fa-chevron-left" style="color:black"></i>
                                        </span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button"
                                        data-slide="next">
                                        <span class="carousel-control-custom-icon" aria-hidden="true">
                                            <i class="fas fa-chevron-right" style="color:black"></i>
                                        </span>
                                        <span class="sr-only">Next</span>
                                    </a>
                                            </div>
                                        </div>

                                    
                                   
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->


                <!-- /.col -->
            </div>
            <!-- /.row -->
</div>
</div>
</div>
<!-- /.container-fluid -->
</section>
</form>
<!-- /.content -->
</div>
<?php $this->load->view('layout/script'); ?>

<script type="text/javascript">
    $(document).ready(function () {

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

        $.ajax({

            url: "<?php echo site_url('family/getfamilyview'); ?>/" + id,
            async: false,
            success: function (results) {

                var result = JSON.parse(results);

                $("#fanm").html(result.fname);
                $("#hnam").html(result.house_name);
                $("#paddr").html(result.permanent_addr);
                $("#commaddr").html(result.comm_addr);
                $("#dob").html(result.date_of_birth);
                $("#designation").html(result.designation);
                $("#bloodgrp").html(result.bloodgroup);
                $("#parish").html(result.parish_name);
                $("#fcellname").html(result.family_cell_name);
                $("#zone").html(result.zone);
                $("#area").html(result.area);
                $("#contactno").html(result.contact_no);
                $("#whatsapp").html(result.whatsapp);
                $("#emailid").html(result.emailid);
                
               
                // $('#country').html(result.countryname);
                
                // $('#building').html(result.building);
                // $('#road').html(result.road);
                // $('#block').html(result.block);
                var txt=result.place +','+ result.city +','+result.countryname;   
                var txt1=  result.flat+','+result.building+','+ result.road+','+ result.block;
                var txt2=result.comm_addr;
                $('#place').html(txt);
                $('#city').html(txt1);
                $('#commaddr').html(txt2);
                $("#imagediv").attr("src", "<?php echo base_url('uploads/images/'); ?>" + result.photo);
                var text = '<img class="profile-user-img img-fluid img-circle" src="<?php echo base_url('uploads/images/'); ?>' + result.photo + '" alt="Smiley face">';
                $('#imagediv').html(text);
            }

        });

        // $.ajax({

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

        //     }

        // });


    });

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

</script>