<link href="<?php echo base_url() ?>back_end_resource/profile/admin_map_style.css" rel="stylesheet" type="text/css">

<?php
$person_role1 = $this->session->userdata('person_role');
$person_role = $this->session->userdata('person_role');
?>
<script>
    var educational_description = 0;
</script>
<input type="hidden" id="baseUrl" value="<?php echo base_url(); ?>">
<input type="hidden" id="profileUrl" value="<?php echo $profile_url; ?>">
<div class="col-sm-9">
    <div class="row ">
        <div class="col-sm-12 padding-zero">
            <div class="col-sm-12" >
                <div class="col-sm-12 gray_ttc" style="padding: 10px">
                    <div class="col-sm-2 ">
                        <?php if ($person_info->person_image != NULL) { ?>
                            <img src="<?php echo base_url() . 'content-library/' . $person_info->url . '/' . $person_info->person_image_thumb; ?>" style="width: 150px">
                        <?php } else {
                            ?>
                            <img src="<?php echo base_url() . 'image/no_profile_picture.png'; ?>" style="width: 150px">
                        <?php }
                        ?>
                    </div>
                    <div class="col-sm-5 ">
                        <div class="col-sm-12 ">
                            <div class="col-sm-4 ">Name</div>
                            <div class="col-sm-8 "><a href="<?php echo base_url() . $person_info->url; ?>/profile"><?php echo $person_info->person_first_name . ' ' . $person_info->person_last_name; ?></a></div>
                        </div>
                        <div class="col-sm-12 "><br>   </div>
                        <div class="col-sm-12 ">
                            <div class="col-sm-4 ">Email</div>
                            <div class="col-sm-8 "><?php echo $person_info->person_email ?></div>
                        </div>
                        <div class="col-sm-12 "><br>   </div>
                        <div class="col-sm-12 ">
                            <div class="col-sm-4 ">Mobile</div>
                            <div class="col-sm-8 "><?php echo $person_info->person_contact_number ?></div>
                        </div>
                        <div class="col-sm-12 "><br>   </div>
                        <div class="col-sm-12 ">
                            <div class="col-sm-4 ">Link</div>
                            <div class="col-sm-8 "><a href='<?php echo base_url() . 'super-admin-profile/user-link/' . $person_info->url ?>/'><?php echo $total_friends ?></a></a></div>
                        </div>
                        <div class="col-sm-12 "><br>   </div>

                    </div>

                    <div class="col-sm-5 ">
                        <div class="col-sm-12 ">
                            <div class="col-sm-4 ">URL</div>
                            <div class="col-sm-8 "><?php echo $person_info->url; ?></div>
                        </div>
                        <div class="col-sm-12 "><br>   </div>
                        <div class="col-sm-12 ">
                            <div class="col-sm-4 ">Role</div>
                            <div class="col-sm-8 "><?php
                                if ($person_info->person_role == 6) {
                                    echo 'Super Admin';
                                } else if ($person_info->person_role == 1) {
                                    echo 'Admin';
                                } else if ($person_info->person_role == 2) {
                                    echo 'Account Officer';
                                } else if ($person_info->person_role == 3) {
                                    echo 'Resource Person';
                                } else if ($person_info->person_role == 4) {
                                    echo 'Organization';
                                } else if ($person_info->person_role == 5) {
                                    echo 'Student';
                                }
                                ?></div>
                        </div>
                        <div class="col-sm-12 "><br>   </div>
                        <div class="col-sm-12 ">
                            <div class="col-sm-4 ">Status</div>
                            <div class="col-sm-8 "><?php
                                if ($person_info->person_status == 1) {
                                    echo 'Active';
                                } elseif ($person_info->person_status == 0) {
                                    echo 'Inactive';
                                } else {
                                    echo 'Archive';
                                }
                                ?></div>
                        </div>
                        <div class="col-sm-12 "><br>   </div>
                        <div class="col-sm-12 ">
                            <div class="col-sm-4 "> Used Storage  </div>
                            <div class="col-sm-8 "><?php
                                $full_url = 'content-library/' . $person_info->url . '/';

                                function dirSize($directory) {
                                    $size = 0;
                                    foreach (new RecursiveIteratorIterator(new RecursiveDirectoryIterator($directory)) as $file) {
                                        $size+=$file->getSize();
                                    }
                                    return $size;
                                }

                                $size_bytes = dirSize($full_url);
                                $size_mb = $size_bytes / (1024 * 1024);
                                if (round($size_mb) <= 1) {
                                    echo 'Less Than 1 MB';
                                } else {
                                    echo round($size_mb) . ' MB';
                                }
                                ?>/1 GB</div>
                        </div>
                        <div class="col-sm-12 "><br>   </div>
                    </div>


                    <!-- Tab Section Start -->
                    <div class="tab-bg col-sm-12" style="margin: 0px 0px 0px 0px; padding: 0px 0px;">
                        <div class="col-sm-12">
                            <div class="course-detail-tab margin-zero">
                                <ul id="tabs" class="nav nav-tabs responsive" data-tabs="tabs">
                                    <li id="tabAbout" class="active"><a href="#About" data-toggle="tab">About</a></li>
                                    <li id="tabSkill"><a href="#Skill" data-toggle="tab">Skill</a></li>
                                    <li id="tabCourse"><a href="#Course" data-toggle="tab">Course</a></li>                                    
                                    <li id="tabResource"><a href="#Resource" data-toggle="tab">Resource</a></li>
                                </ul>
                                <!--   Tab content start    -->
                                <div id="my-tab-content" class="tab-content responsive">
                                    <!-- About tab content start -->
                                    <div class="tab-pane active" id="About">                                    
                                        <div class="tab-content panel-body">                            
                                            <div class="row ">
                                                <!--   Color Blocks of About Section Start    -->
                                                <div id="aboutBlocks" class="col-sm-12"> 
                                                    <div class="color_blocks" >
                                                        <div class="container_16">                                                    
                                                            <div class="subject_toggle flip-container army">
                                                                <a href="javascript:void(0)" class="flipper" id="profileCurrentCity">
                                                                    <div class="front">
                                                                        <span>Current City<br><br> <i class="fa fa-map-marker fa-2x"></i></span>
                                                                    </div>
                                                                    <div class="back" id="currentLocation" style="padding: 20px"><br></div>
                                                                </a>
                                                            </div>
                                                            <div class="subject_toggle flip-container plum">
                                                                <a href="javascript:void(0)" class="flipper" id="profileTravel">
                                                                    <div class="front">
                                                                        <span>Travels<br><br><i class="fa fa-globe fa-2x"></i></span>
                                                                    </div>
                                                                    <div class="back" ><br>
                                                                        <h5 style="padding: 20px"><span>Click to View Travel Location</span></h5>            
                                                                    </div>
                                                                </a>
                                                            </div>
                                                            <div class="subject_toggle flip-container purple">
                                                                <a href="javascript:void(0)" class="flipper" id="profileConnectivity">
                                                                    <div class="front">
                                                                        <span>Connectivity<br><br><i class="fa fa-user-circle-o fa-2x"></i></span>
                                                                    </div>
                                                                    <div class="back" ><br>
                                                                        <h5 style="padding: 20px"><span>Click to View Connectivity Suggestion</span></h5>
                                                                    </div>

                                                                </a>
                                                            </div>
                                                            <div class="subject_toggle flip-container orange">
                                                                <a href="javascript:void(0)" class="flipper" id="profileMyLink">
                                                                    <div class="front">
                                                                        <span>My Link<br><br><i class="fa fa-link fa-2x"></i></span>

                                                                    </div>
                                                                    <div class="back" ><br>
                                                                        <h5 style="padding: 20px"><span>Click to View Linked Users</span></h5>                                                        
                                                                    </div>
                                                                </a>
                                                            </div>
                                                            <div class="subject_toggle flip-container teal">
                                                                <a href="javascript:void(0)" class="flipper" id="profileEducation">
                                                                    <div class="front">
                                                                        <span>Education<br><br> <i class="fa fa-university fa-2x"></i></span>

                                                                    </div>
                                                                    <div class="back" style="padding: 15px;" ><br>
                                                                        <h5 style="padding: 5px">Click To View Education Detail</h5>                                                        
                                                                    </div>
                                                                </a>
                                                            </div>
                                                            <div class="subject_toggle flip-container yellow">
                                                                <a href="javascript:void(0)" class="flipper" id="profileInterest">
                                                                    <div class="front">
                                                                        <span>Interest<br><br> <i class="fa fa-snowflake-o  fa-2x"></i></span>
                                                                    </div>
                                                                    <div class="back text-center" style="padding: 15px;"><br>
                                                                        <h5 style="padding: 5px">Click To View Person's Interest</h5>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                            <div class="subject_toggle flip-container green">
                                                                <a href="javascript:void(0)" class="flipper" id="profilePersonalInfo">
                                                                    <div class="front">
                                                                        <span>Personal Information<br><br> <i class="fa fa-info-circle  fa-2x"></i></span>
                                                                    </div>
                                                                    <div class="back" style="padding-top: 15px; padding-left: 20px"><br>
                                                                        <h5 style="padding: 5px">Click To View Personal Info</h5>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                            <div class="subject_toggle flip-container blue">
                                                                <a href="javascript:void(0)" class="flipper" id="profileChangePassword">
                                                                    <div class="front">
                                                                        <span style="width: 120px">Change Password<br><br> <i class="fa fa-cog  fa-2x"></i></span>
                                                                    </div>
                                                                    <div class="back" style="padding-top: 15px; padding-left: 20px"><br>
                                                                        <h5 style="padding: 5px">Click To Change Password</h5>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>                                            
                                                </div>
                                                <!--   Color Blocks of About Section End     -->

                                                <!--    Content of about section blocks   Start  -->
                                                <div id="aboutCurrentCity" class="col-sm-12" style="display: none;">
                                                    <?php echo $current_city; ?>
                                                </div>

                                                <div id="aboutTravel" class="col-sm-12" style="display: none;">
                                                    <?php echo $travels; ?>
                                                </div>

                                                <div id="aboutConnectivity" class="col-sm-12" style="display: none;">
                                                    <?php echo $connectivity; ?>
                                                </div>

                                                <div id="aboutMyLink" class="col-sm-12" style="display: none;">
                                                    <?php echo $my_link; ?>
                                                </div>

                                                <div id="aboutEducation" class="col-sm-12" style="display: none;">
                                                    <div class="col-sm-12 white" style="padding: 0">
                                                        <div class="col-sm-12 text-left" style="padding: 5px 0 0 20px">
                                                            <span><i class="fa fa-university fa-2x">&nbsp;&nbsp;&nbsp;</i>Education</span>

                                                            <span  class="pull-right" id="add_education_btn" style="display: block;padding-right:20px ">
                                                                <a href="javascript:void(0)" onclick="addEducationForm('<?php echo base_url() . 'admin/add-education-form/' . $person_info->person_id ?>')">
                                                                    <i class="fa fa-plus-square" title="Add Education"></i>
                                                                </a>
                                                            </span>
                                                        </div>


                                                        <!--Add Education form-->
                                                        <div class="col-sm-12" id="add_education_form" style="display:none"></div>                      
                                                        <!--View Education-->
                                                        <div class="col-sm-12 text-left gray" style="padding: 5px 0 0 20px" id="view_education_details">
                                                            <?php
                                                            foreach ($user_education_details as $e_value) {
                                                                ?>
                                                                <div class="col-sm-12" id="<?php echo 'education_form_view' . $e_value->person_education_details_id; ?>">
                                                                    <h4>
                                                                        <a href="javascript:void(0)"><?php echo $e_value->education_institute_name; ?></a>
                                                                        <span id="Assessment_update_btn" style="padding-left: 20px;">
                                                                            <a href="javascript:void(0)" onclick="viewEditEducation('<?php echo base_url() . 'admin/edit-education-form/' . $e_value->person_education_details_id; ?>', '<?php echo $e_value->person_education_details_id ?>')"><i class="fa fa-edit" title="Update Person Education Form"> </i></a>
                                                                            <a href="javascript:void(0)" id="deleteEducation<?php echo $e_value->person_education_details_id; ?>"><i class="fa fa-trash" title="Delete"> </i></a>
                                                                        </span>
                                                                    </h4>
                                                                    <span id="view_educational_description"><?php echo $e_value->educational_description; ?></span><br>
                                                                    <span><?php
                                                                        if (strtotime($e_value->start_time_period)) {
                                                                            echo date('Y', strtotime($e_value->start_time_period));
                                                                        }
                                                                        ?>
                                                                    </span> –<span> 
                                                                        <?php
                                                                        if ($e_value->person_current_education_instute == 1) {
                                                                            echo ' At Present Time';
                                                                        } else {
                                                                            if (strtotime($e_value->end_time_period)) {
                                                                                echo date('Y', strtotime($e_value->end_time_period));
                                                                            }
                                                                        }
                                                                        ?></span>

                                                                </div>
                                                                <div class="col-sm-12"><br></div>
                                                                <div class="modal fade" style="" id="deleteEducationModal<?php echo $id = $e_value->person_education_details_id; ?>" tabindex="-1" role="dialog" aria-labelledby="changeRole" aria-hidden="true">
                                                                    <?php
                                                                    $id = $e_value->person_education_details_id;
                                                                    $message = "Are You Sure To Delete Education Details ?";
                                                                    $this->cf->view_modal($id, $message);
                                                                    ?>
                                                                </div>
                                                            <?php } ?>
                                                        </div>
                                                    </div>
                                                </div>

                                                <!--     Person Interest Section Start   -->
                                                <div id="aboutInterest" class="col-sm-12" style="display: none;">
                                                    <div class="col-sm-12 white" style="padding: 0">
                                                        <div class="col-sm-12 text-left" style="padding: 5px 0 0 20px">
                                                            <span><i class="fa fa-snowflake-o fa-2x">&nbsp;&nbsp;&nbsp;</i>Interests</span>
                                                            <?php if ($interest_field_info_all) { ?>
                                                                <span class="col-sm-2 pull-right">
                                                                    <a href="javascript:void(0)" onclick="editPersonInterestForm('<?php echo base_url() . 'super_admin_profile/edit_person_interest_form/' . $person_info->person_id; ?>')" >
                                                                        <span  class="" ><i class="fa fa-pencil" title="Update Personal Interest Infromation"> </i> </span></a>
                                                                </span>
                                                            <?php } else { ?>
                                                                <span  class="form-group  pull-right" style="padding-right: 20px">
                                                                    <a class="" href="javascript:void(0)" onclick="editPersonInterestForm('<?php echo base_url() . 'super_admin_profile/edit_person_interest_form/' . $person_info->person_id; ?>')"><i class="fa fa-plus-square" title="Add Interest"></i></a>
                                                                </span>
                                                            <?php } ?>
                                                        </div>

                                                    </div>

                                                    <div class="col-sm-12 text-left gray" style="padding: 5px 0 0 20px" id="view_interest">
                                                        <span class="col-sm-12"><br></span>
                                                        <?php if ($interest_field_info_all) { ?>
                                                            <div class="col-sm-12 text-left gray" style="padding: 5px 0 0 20px">
                                                                <span><?php
                                                                    foreach ($interest_field_info_all as $v_interest_field_info_all) {
                                                                        if ($v_interest_field_info_all) {
                                                                            echo '<span class="btn btn-success" style="margin-left: 5px; margin-bottom: 10px">' . $v_interest_field_info_all->field_of_interest_name . '</span>';
                                                                        }
                                                                    }
                                                                    ?>
                                                                </span><br></br>
                                                            </div>
                                                        <?php } ?>
                                                        <div class="col-sm-12"><br><br></div>
                                                    </div>
                                                </div>
                                                <!--     Person Interest Section End   -->

                                                <!-- Personal Info Section Start -->
                                                <div id="aboutpersonalInfo" class="col-sm-12" style="display: none;">
                                                    <div class="col-sm-12 white" style="padding: 0">
                                                        <div class="col-sm-12 text-left" style="padding: 5px 0 0 20px">
                                                            <span><i class="fa fa-info-circle fa-2x">&nbsp;&nbsp;&nbsp;</i>Personal Details</span>                                            
                                                            <span class="col-sm-2 pull-right">
                                                                <a href="javascript:void(0)" 
                                                                   onclick="editPersonDetailForm('<?php echo base_url() . 'super_admin_profile/edit_person_detail_form/' . $person_info->person_id ?>')">
                                                                    <span><i class="fa fa-pencil" title="Update Personal Infromation"></i>
                                                                    </span>
                                                                </a>
                                                            </span>  
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-12 col-xs-12 gray">
                                                        <span id="personal_information_form"  style="display: none"></span> 
                                                        <span id="personal_information" style="display: block;">   
                                                            <span class="col-sm-12 col-xs-12 form-group"> 
                                                                <span class="col-sm-4 padding-zero text-left">Join TT</span>
                                                                <span class="col-sm-4 padding-zero text-left" id="view_join_tt_date"><?php echo date('d F Y', strtotime($person_info->person_join_tt)) ?></span> 
                                                                <span class="col-sm-4"></span>
                                                            </span>

                                                            <?php
                                                            if ($person_info->person_email) {
                                                                ?>

                                                                <span class="col-sm-12 col-xs-12 form-group"> 
                                                                    <span class="col-sm-4 padding-zero text-left">Email Address</span>
                                                                    <span class="col-sm-4 padding-zero text-left" id="view_contact"><?php echo $person_info->person_email; ?></span>
                                                                    <span class="col-sm-4 text-left" id="email">
                                                                        <?php
                                                                        switch ($person_feature_details->person_email_view_status) {
                                                                            case 1:
                                                                                ?>
                                                                                <a href="javascript:void(0)" style="color: red"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_talha_user/email/2/' . $person_feature_details->person_id; ?>', 'email')" >
                                                                                    <i class="fa fa-users" title="Public"></i>
                                                                                </a>
                                                                                <?php
                                                                                break;
                                                                            case 2:
                                                                                ?>
                                                                                <a href="javascript:void(0)"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_link/email/3/' . $person_feature_details->person_id; ?>', 'email')" >
                                                                                    <img src="<?php echo base_url() ?>image/dashboard-tt-icon.png" title="TalhaTraining" alt="TalhaTraining">
                                                                                </a>
                                                                                <?php
                                                                                break;
                                                                            case 3:
                                                                                ?>
                                                                                <a href="javascript:void(0)"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_only_me/email/5/' . $person_feature_details->person_id; ?>', 'email')" >
                                                                                    <i class="fa fa-link" title="My Link"></i>
                                                                                </a>
                                                                                <?php
                                                                                break;
                                                                            case 5:
                                                                                ?>
                                                                                <a href="javascript:void(0)" style="color: green"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_public/email/1/' . $person_feature_details->person_id; ?>', 'email')" >
                                                                                    <i class="fa fa-user" title="Only Me"></i>
                                                                                </a>
                                                                                <?php
                                                                                break;
                                                                        }
                                                                        ?>
                                                                    </span>
                                                                </span>
                                                            <?php } ?>

                                                            <?php
                                                            if ($person_info->person_contact_number) {
                                                                ?>

                                                                <span class="col-sm-12 col-xs-12 form-group"> 
                                                                    <span class="col-sm-4 padding-zero text-left">Contact Number</span>
                                                                    <span class="col-sm-4 padding-zero text-left" id="view_contact"><?php echo $person_info->person_contact_number ?></span>

                                                                    <span class="col-sm-4 padding-zero text-left" id="contact">
                                                                        <?php
                                                                        switch ($person_feature_details->person_contact_number_view_status) {
                                                                            case 1:
                                                                                ?>
                                                                                <a href="javascript:void(0)" style="color: red"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_talha_user/contact/2/' . $person_feature_details->person_id; ?>', 'contact')" >
                                                                                    <i class="fa fa-users" title="Public" style="padding-left: 18px"></i>
                                                                                </a>
                                                                                <?php
                                                                                break;
                                                                            case 2:
                                                                                ?>
                                                                                <a href="javascript:void(0)"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_link/contact/3/' . $person_feature_details->person_id; ?>', 'contact')" >
                                                                                    <img src="<?php echo base_url() ?>image/dashboard-tt-icon.png" title="TalhaTraining" alt="TalhaTraining" style="padding-left: 18px">
                                                                                </a>

                                                                                <?php
                                                                                break;
                                                                            case 3:
                                                                                ?>
                                                                                <a href="javascript:void(0)"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_only_me/contact/5/' . $person_feature_details->person_id; ?>', 'contact')" >
                                                                                    <i class="fa fa-link" title="My Link" style="padding-left: 18px"></i>
                                                                                </a>

                                                                                <?php
                                                                                break;
                                                                            case 5:
                                                                                ?>
                                                                                <a href="javascript:void(0)" style="color: green"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_public/contact/1/' . $person_feature_details->person_id; ?>', 'contact')" >
                                                                                    <i class="fa fa-user" title="Only Me" style="padding-left: 18px"></i>
                                                                                </a>
                                                                                <?php
                                                                                break;
                                                                        }
                                                                        ?>
                                                                    </span>
                                                                </span>
                                                            <?php } ?>


                                                            <span class="col-sm-12 col-xs-12 form-group"> 
                                                                <span class="col-sm-4 padding-zero text-left">Country</span>
                                                                <span class="col-sm-4 padding-zero text-left" id="view_country1"></span>
                                                                <span class="col-sm-4"></span>
                                                            </span>
                                                            <script>
                                                                var country = getCountryName('<?php echo $person_info->person_country; ?>');
                                                                document.getElementById('view_country1').innerHTML = country;
                                                            </script>


                                                            <span class="col-sm-12 col-xs-12 form-group"> 
                                                                <span class="col-sm-4 padding-zero text-left">City</span>
                                                                <span class="col-sm-4 padding-zero text-left" id="view_city"><?php echo $person_info->person_city; ?></span>
                                                                <span class="col-sm-4"></span>
                                                            </span>

                                                            <?php
                                                            if ($person_info->person_address) {
                                                                ?>

                                                                <span class="col-sm-12 col-xs-12 form-group"> 
                                                                    <span class="col-sm-4 padding-zero text-left">Address</span>
                                                                    <span class="col-sm-4 padding-zero text-left" id="view_address"><?php echo $person_info->person_address ?></span>
                                                                    <span class="col-sm-4 padding-zero text-left" id="address">
                                                                        <?php
                                                                        switch ($person_feature_details->person_address_view_status) {
                                                                            case 1:
                                                                                ?>
                                                                                <a href="javascript:void(0)" style="color: red"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_talha_user/address/2/' . $person_feature_details->person_id; ?>', 'address')" >
                                                                                    <i class="fa fa-users" title="Public" style="padding-left: 18px"></i>
                                                                                </a>

                                                                                <?php
                                                                                break;
                                                                            case 2:
                                                                                ?>
                                                                                <a href="javascript:void(0)"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_link/address/3/' . $person_feature_details->person_id; ?>', 'address')" >
                                                                                    <img src="<?php echo base_url() ?>image/dashboard-tt-icon.png" title="TalhaTraining" alt="TalhaTraining" style="padding-left: 18px">
                                                                                </a>

                                                                                <?php
                                                                                break;
                                                                            case 3:
                                                                                ?>
                                                                                <a href="javascript:void(0)"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_only_me/address/5/' . $person_feature_details->person_id; ?>', 'address')" >
                                                                                    <i class="fa fa-link" title="My Link" style="padding-left: 18px"></i>
                                                                                </a>

                                                                                <?php
                                                                                break;
                                                                            case 5:
                                                                                ?>
                                                                                <a href="javascript:void(0)" style="color: green"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_public/address/1/' . $person_feature_details->person_id; ?>', 'address')" >
                                                                                    <i class="fa fa-user" title="Only Me" style="padding-left: 18px"></i>
                                                                                </a>
                                                                                <?php
                                                                                break;
                                                                        }
                                                                        ?>
                                                                    </span>
                                                                </span>
                                                            <?php } ?>


                                                            <span class="col-sm-12 col-xs-12 form-group"> 
                                                                <span class="col-sm-4 padding-zero text-left">Gender</span>
                                                                <span class="col-sm-4 padding-zero text-left">
                                                                    <?php
                                                                    $gender = $person_info->person_gender;
                                                                    if ($gender == 1) {
                                                                        echo 'Male';
                                                                    } else if ($gender == 2) {
                                                                        echo 'Female';
                                                                    } else {
                                                                        echo 'Other';
                                                                    }
                                                                    ?></span>
                                                                <span class="col-sm-4 padding-zero text-left"></span>
                                                            </span>

                                                            <?php
                                                            if ($person_info->person_birthday) {
                                                                ?>

                                                                <span class="col-sm-12 col-xs-12 form-group"> 
                                                                    <span class="col-sm-4 padding-zero text-left">Birthday</span>
                                                                    <span class="col-sm-4 padding-zero text-left" id="view_birthday"><?php echo $person_info->person_birthday; ?></span>
                                                                    <span class="col-sm-4 padding-zero text-left" id="birthday">
                                                                        <?php
                                                                        switch ($person_feature_details->person_birthday_view_status) {
                                                                            case 1:
                                                                                ?>
                                                                                <a href="javascript:void(0)" style="color: red"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_talha_user/birthday/2/' . $person_feature_details->person_id; ?>', 'birthday')" >
                                                                                    <i class="fa fa-users" title="Public" style="padding-left: 18px"></i>
                                                                                </a>

                                                                                <?php
                                                                                break;
                                                                            case 2:
                                                                                ?>
                                                                                <a href="javascript:void(0)"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_link/birthday/3/' . $person_feature_details->person_id; ?>', 'birthday')" >
                                                                                    <img src="<?php echo base_url() ?>image/dashboard-tt-icon.png" title="TalhaTraining" alt="TalhaTraining" style="padding-left: 18px">
                                                                                </a>

                                                                                <?php
                                                                                break;
                                                                            case 3:
                                                                                ?>
                                                                                <a href="javascript:void(0)"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_only_me/birthday/5/' . $person_feature_details->person_id; ?>', 'birthday')" >
                                                                                    <i class="fa fa-link" title="My Link" style="padding-left: 18px"></i>
                                                                                </a>

                                                                                <?php
                                                                                break;
                                                                            case 5:
                                                                                ?>
                                                                                <a href="javascript:void(0)" style="color: green"
                                                                                   onclick="checkAction('<?php echo base_url() . 'profile/change_status_to_public/birthday/1/' . $person_feature_details->person_id; ?>', 'birthday')" >
                                                                                    <i class="fa fa-user" title="Only Me" style="padding-left: 18px"></i>
                                                                                </a>
                                                                                <?php
                                                                                break;
                                                                        }
                                                                        ?>
                                                                    </span>

                                                                </span>
                                                            <?php } ?>

                                                            <span class="col-sm-12 col-xs-12 form-group"> 
                                                                <span class="col-sm-4 padding-zero text-left">Link</span>
                                                                <span class="col-sm-4 padding-zero text-left"><a href='<?php echo base_url() . $person_info->url ?>/my-link'><?php echo $total_friends ?></a></span>
                                                                <span class="col-sm-4"></span>
                                                            </span>                                        
                                                        </span>
                                                    </div>

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

                                                <!-- Personal Info Section End -->

                                                <!--    Change Password Section Start  -->
                                                <div id="aboutChangePassword" class="col-sm-12" style="display: none;">
                                                    <div class="col-sm-12 white" style="padding: 0">
                                                        <div class="col-sm-12 text-left" style="padding: 5px 0 0 20px">
                                                            <span><i class="fa fa-cog fa-2x">&nbsp;&nbsp;&nbsp;</i>Change Password</span>
                                                        </div>                
                                                    </div>
                                                    <div class="col-sm-12 gray_ttc">
                                                        <div id="passwordChangeMessage"></div>
                                                        <div class="col-sm-8 col-xs-12 form-group" id="changePasswordForm"><br>
                                                            <div class="input-group">
                                                                <input type="password" id="current_password" class="form-control" placeholder="Enter  current password" aria-describedby="basic-addon1">
                                                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-lock"></i></span>
                                                            </div>                                            
                                                            <span class="col-sm-12" id="current_password_error"></span>
                                                            <br>

                                                            <div class="input-group">
                                                                <input type="password" class="form-control" id="new_password" oninput="" placeholder="Enter new password " aria-describedby="basic-addon1">
                                                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-lock"></i></span>
                                                            </div>                                            
                                                            <span class="col-sm-12" id="new_password_error"></span>
                                                            <br>

                                                            <div class="input-group">
                                                                <input type="password" id="confirm_password" oninput="" class="form-control" placeholder="Enter confirm password" aria-describedby="basic-addon1">
                                                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-lock"></i></span>
                                                            </div>                                            
                                                            <span class="col-sm-12" id="confirm_password_error"></span>
                                                            <br><br>
                                                            <div class="form-group col-sm-10">
                                                                <div class="form-group col-sm-2 col-sm-offset-3">
                                                                    <button type="submit" id="change_password_button" class=" btn btn-default">
                                                                        <i class="fa fa-save" title="Change Password"></i></button>
                                                                </div>
                                                                <div class="form-group col-sm-2">
                                                                    <button type="reset" id="cancel_password_button" class="btn btn-default">
                                                                        <i class="fa fa-times" title="Cancel"></i></button>
                                                                </div>
                                                            </div>
                                                        </div>

                                                    </div>                                    
                                                </div>
                                                <!--    Change Password Section Start  -->

                                                <!--    Content of about section blocks   end  -->
                                            </div>
                                        </div>
                                    </div>                                   
                                    <!-- About tab content end -->

                                    <!--    Skill tab content start -->
                                    <div class="tab-pane" id="Skill">                                    
                                        <div class="tab-content panel-body">
                                            <div class="row ">
                                                <!--    Color blocks of skill section start     -->
                                                <div id="skillBlocks" class="col-sm-12"> 
                                                    <div class="color_blocks" >
                                                        <div class="container_16">                                                    
                                                            <div class="subject_toggle flip-container orange">
                                                                <a href="javascript:void(0)" class="flipper" id="profileExp">
                                                                    <div class="front">
                                                                        <span>Experience<br><br> <i class="fa fa-sun-o fa-2x"></i></span>
                                                                    </div>
                                                                    <div class="back" id="currentLocation" style="padding: 20px"><br>
                                                                        <h5 style="padding: 15px"><span>Click to View Experience</span></h5>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                            <div class="subject_toggle flip-container teal">
                                                                <a href="javascript:void(0)" class="flipper" id="profileSelfAssessment">
                                                                    <div class="front">
                                                                        <span style="width: 120px;">Self-Assessment<br><br><i class="fa fa-star-half-o fa-2x"></i></span>
                                                                    </div>
                                                                    <div class="back" ><br>
                                                                        <h5 style="padding: 20px"><span>Click to View Self Assessment</span></h5>            
                                                                    </div>
                                                                </a>
                                                            </div>
                                                            <div class="subject_toggle flip-container purple">
                                                                <a href="javascript:void(0)" class="flipper" id="profileTtSkill">
                                                                    <div class="front">
                                                                        <span>TT Skill<br><br><i class="fa fa-trophy fa-2x"></i></span>
                                                                    </div>
                                                                    <div class="back" style="padding: 15px;"><br>
                                                                        <h5 style="padding: 20px"><span>Click to View TT Skill</span></h5>
                                                                    </div>

                                                                </a>
                                                            </div>
                                                            <div class="subject_toggle flip-container green">
                                                                <a href="javascript:void(0)" class="flipper" id="profileSkillOverview">
                                                                    <div class="front">
                                                                        <span style="width: 120px;">Skill Overview<br><br><i class="fa fa-flag-o fa-2x"></i></span>
                                                                    </div>
                                                                    <div class="back" ><br>
                                                                        <h5 style="padding: 20px"><span>Click to view skill overview</span></h5>            
                                                                    </div>
                                                                </a>
                                                            </div>
                                                            <div class="subject_toggle flip-container blue">
                                                                <a href="javascript:void(0)" class="flipper" id="profileLanguage">
                                                                    <div class="front">
                                                                        <span style="width: 120px;">Language<br><br><i class="fa fa-flag-o fa-2x"></i></span>
                                                                    </div>
                                                                    <div class="back" ><br>
                                                                        <h5 style="padding: 20px"><span>Click to View Language Skill</span></h5>            
                                                                    </div>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>                                            
                                                </div>
                                                <!--    Color blocks of skill section end     -->

                                                <!--    Content of skill section block start here   -->
                                                <div id="skillExperience" class="col-sm-12" style="display: none;">
                                                    <!-- -----------------------Person work Experience view------------ -->
                                                    <div class="col-sm-12 text-left">                                                                                <span><i class="fa fa-sun-o fa-2x">&nbsp;&nbsp;&nbsp;</i>Experience</span>
                                                        <span  class="form-group pull-right" id="add_work_experience_btn">
                                                            <!--Add Work Experience</span>-->
                                                            <a href="javascript:void(0)" onclick="addWorkExperiecneForm('<?php echo base_url() . 'super_admin_profile/add_work_exprience_form/' . $person_info->person_id ?>')"><i class="fa fa-plus-square" title="Add Work Experience"></i></a>
                                                        </span>
                                                    </div>
                                                    <div class="col-sm-12" style="display: none" id="add_new_work_experience"></div>
                                                    <div class="col-sm-12 text-left" style="padding: 5px 0 0 20px" id="work_experience_view">
                                                        <?php foreach ($user_work_details as $v_user_work_details) { ?>
                                                            <div class="col-sm-12 text-left gray" style="padding: 5px 0 0 20px" id="View_work_experience">
                                                                <div class="col-sm-12" id="<?php echo 'work_info' . $v_user_work_details->person_work_details_id ?>">    
                                                                    <span class="h4 col-sm-12">
                                                                        <span> <a href="javascript:void(0)"  id="jobExperience1Title" class="jobExperience1Title"><?php echo $v_user_work_details->designation ?></a></span>
                                                                        <span id="workEditBtn"> 
                                                                            <a href="javascript:void(0)" 
                                                                               id="<?php echo $v_user_work_details->person_work_details_id ?>" 
                                                                               onclick="viewEditWorkExperience('<?php echo base_url() ?>super_admin_profile/edit_work_experience/<?php echo $v_user_work_details->person_work_details_id; ?>', '<?php echo $v_user_work_details->person_work_details_id; ?>')">
                                                                                <span style="margin-left: 10px;"><i class="fa fa-pencil" title="Update Work Experience"></i></span></a></span>
                                                                    </span>
                                                                    <span class="col-sm-12" id="Experience1OrganizationName" class="Experience1OrganizationName"><?php echo $v_user_work_details->company_name ?></span>
                                                                    <span class="col-sm-12" id="Experience1_Duration">
                                                                        <span id="work_start_date" class="work_start_date">   <?php echo date('F Y', strtotime($v_user_work_details->job_start_date)) ?> </span>
                                                                        <?php
                                                                        $current_status = $v_user_work_details->work_currently_here;
                                                                        if ($current_status == 1) {
                                                                            echo ' At Present Time';
                                                                        } else {
                                                                            echo date('F Y', strtotime($v_user_work_details->job_end_date));
                                                                        }
                                                                        ?> 
                                                                        |
                                                                        <span id="company_office_address" class="company_office_address">
                                                                            <?php echo $v_user_work_details->company_address ?>
                                                                        </span>
                                                                    </span>
                                                                    <span class="col-sm-12"><br></span>
                                                                    <span class="col-sm-12">
                                                                        <p id="Experience1_Details" class="text-justify Experience1_Details"> 
                                                                            <?php echo $v_user_work_details->job_responsibility_details ?>
                                                                        </p>
                                                                    </span>

                                                                </div>
                                                            </div>
                                                        <?php } ?>
                                                    </div>
                                                </div>
                                                <div id="skillSelfAssessment" class="col-sm-12" style="display: none;">
                                                    <div class="col-sm-12 white" style="padding: 0px">
                                                        <div class="col-sm-12 text-left" style="padding: 10px 0 0 20px">
                                                            <span><i class="fa fa-star-half-o fa-2x">&nbsp;&nbsp;&nbsp;</i>Self Assessment</span>
                                                            <?php if (!$person_self_assessmet_skills) { ?>
                                                                <span  class="pull-right" style="padding-right: 10px">
                                                                    <a href="javascript:void(0)" onclick="UpdatePersonAssessmentForm('<?php echo base_url() . 'super_admin_profile/edit_self_assesment_form/' . $person_info->person_id; ?>')">
                                                                        <i class="fa fa-plus-square" title="Add Assessment Information"></i> 
                                                                    </a> 
                                                                </span>
                                                            <?php } else { ?>
                                                                <span class="pull-right" style="padding-right: 10px" id="Assessment_update_btn">
                                                                    <a href="javascript:void(0)" onclick="UpdatePersonAssessmentForm('<?php echo base_url() . 'super_admin_profile/edit_self_assesment_form/' . $person_info->person_id; ?>')" ><span><i class="fa fa-pencil" title="Update Person Assessment Information"> </i> </span></a>
                                                                </span>
                                                            <?php } ?>
                                                        </div>                                        
                                                        <div class="col-sm-12 gray" style="padding: 0">                                            
                                                            <div class="col-sm-12 text-left"  id="self_asssesment">                                                
                                                                <?php if ($person_self_assessmet_skills) { ?>
                                                                    <span class="col-sm-12" style="padding-top: 20px" id="View_Assessment_skill">
                                                                        <?php
                                                                        foreach ($person_self_assessmet_skills as $s_value) {
                                                                            echo '<span class="btn btn-success" style="margin-left: 5px; margin-bottom: 10px">' . $s_value->self_assessment_skills_name . '</span>';
                                                                        }
                                                                        ?>           
                                                                    </span>                                                     
                                                                <?php } ?>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div id="skillTtSkill" class="col-sm-12" style="display: none;">
                                                    <div class="col-sm-12 white" style="padding: 0">
                                                        <div class="col-sm-12 text-left" style="padding: 5px 0 0 20px">
                                                            <span><i class="fa fa-trophy fa-2x">&nbsp;&nbsp;&nbsp;</i>TT Skills</span>
                                                        </div>                                  
                                                        <?php if ($all_quiz) { ?> 
                                                            <div class="col-sm-12 text-left gray" style="padding-left: 20px">
                                                                <!--                <h4><a href="javascript:void(0)">Top Skills</a></h4>-->
                                                                <!------------------- top skill -------------------------------->
                                                                <div class="col-sm-12 padding-zero" >
                                                                    <div id ="top_skill" class="col-sm-12 gray_ttc text-left " style="border-bottom: 2px solid #8CC73F;padding-top: 10px;padding-bottom: 10px;font-weight: bold; display: none">
                                                                        <div class="col-sm-4" style="padding:10px 0">Quiz Name</div>
                                                                        <div class="col-sm-3" style="padding:10px 0">Mark</div>
                                                                        <div class="col-sm-3" style="padding:10px 0"> Time to Complete</div>         
                                                                        <div class="col-sm-2" style="padding:10px 0">Action</div>
                                                                    </div>
                                                                    <?php
                                                                    $i = 0;
                                                                    foreach ($all_quiz as $v_quiz) {
                                                                        ++$i;
                                                                        $quiz_id = $v_quiz->quiz_id;
                                                                        $quiz_status = $v_quiz->quiz_status;
                                                                        $url = $v_quiz->url;
                                                                        $quiz_pulication_status = $v_quiz->quiz_pulication_status;
                                                                        $quiz_result_permission = $quiz_result[$v_quiz->quiz_id]->quiz_result_permission;
                                                                        $quiz_result_status = $quiz_result[$v_quiz->quiz_id]->quiz_result_status;
                                                                        if ($this->session->person_role == 6 || $this->session->person_role == 1) {
                                                                            ?>
                                                                            <div class="<?php
                                                                            if ($i % 2 == 0) {
                                                                                echo 'row gray';
                                                                            } else {
                                                                                echo 'row white';
                                                                            }
                                                                            ?> col-sm-12 text-left" >
                                                                                <div class="col-sm-4" > <?php echo $v_quiz->quiz_name; ?></div>
                                                                                <div class="col-sm-3" style="padding:10px 0">
                                                                                    <div class="col-sm-2 text-left ">
                                                                                        <?php echo $quiz_result[$v_quiz->quiz_id]->quiz_total_marks; ?> &nbsp; 
                                                                                    </div>
                                                                                    <div class="col-sm-10 pull-left ">
                                                                                        <?php
                                                                                        if ($rank[$v_quiz->quiz_id] <= 5) {
                                                                                            echo "<button class='btn btn-success pull-left'>  Top " . 5 . "</button>";
                                                                                        } else if ($rank[$v_quiz->quiz_id] <= 10) {
                                                                                            echo "<button class='btn btn-success pull-left'>  Top " . 10 . "</button>";
                                                                                        } else if ($rank[$v_quiz->quiz_id] <= 25) {
                                                                                            echo "<button class='btn btn-success pull-left'>  Top " . 25 . "</button>";
                                                                                        }
                                                                                        ?>  
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-3" style="padding:10px 0">
                                                                                    <?php
                                                                                    $quiz_total_time = 0;
                                                                                    if ($v_quiz->quiz_random_static == 1) {
                                                                                        $quiz_total_time = ($quiz_questions[$v_quiz->quiz_id][0]->time_limit * 60) * $v_quiz->total_number_of_question;
                                                                                    } else {
                                                                                        foreach ($quiz_questions[$v_quiz->quiz_id] as $value) {
                                                                                            $quiz_total_time += $value->time_limit;
                                                                                        }
                                                                                        $quiz_total_time = $quiz_total_time * 60;
                                                                                    }
                                                                                    echo $this->cf->sec2view($quiz_result[$v_quiz->quiz_id]->quiz_finish_time) . ' / ' . $this->cf->sec2view($quiz_total_time);
                                                                                    ?>
                                                                                </div>
                                                                                <div class="col-sm-2" style="padding:10px 0">
                                                                                    <!---------------------- top skill action ---------------------------->        
            <!--                                                                        <a href="<?php // echo base_url() . $person_info->url . '/' . $v_quiz->url . '/skill-details';            ?>"><i class="fa  fa-th" title="Details"></i></a>                                   -->
                                                                                    <a href="<?php echo base_url() . 'quiz/' . $v_quiz->quiz_public_id . '/' . $profile_url . '/detail-result'; ?>" target="_blank"><i class="fa  fa-th" title="Details Quiz Result"></i></a>&nbsp;&nbsp;    

                                                                                    <?php if ($quiz_result[$v_quiz->quiz_id]->quiz_result_status == 0) { ?>
                                                                                        <a href="javascript:void(0)" id="activequizresult" data-toggle="modal" data-target="#activequizresultalert<?php echo $quiz_result[$v_quiz->quiz_id]->quiz_result_id; ?>"><i class="fa fa-user-plus" title="Active"></i>&nbsp;&nbsp;</a>
                                                                                        <a href="javascript:void(0)" id="inactivquizresult" style="display:none" data-toggle="modal" data-target="#inactivquizresultalert<?php echo $quiz_result[$v_quiz->quiz_id]->quiz_result_id; ?>"><i class="fa fa-user-times" title="Inactive"></i>&nbsp;&nbsp;</a>
                                                                                    <?php } else if ($quiz_result[$v_quiz->quiz_id]->quiz_result_status == 1) { ?>
                                                                                        <a href="javascript:void(0)" id="activequizresult" style="display:none" data-toggle="modal" data-target="#activequizresultalert<?php echo $quiz_result[$v_quiz->quiz_id]->quiz_result_id; ?>"><i class="fa fa-user-plus" title="Active"></i>&nbsp;&nbsp;</a>
                                                                                        <a href="javascript:void(0)" id="inactivquizresult" data-toggle="modal" data-target="#inactivquizresultalert<?php echo $quiz_result[$v_quiz->quiz_id]->quiz_result_id; ?>"><i class="fa fa-user-times" title="Inactive"></i>&nbsp;&nbsp;</a>
                                                                                    <?php } ?>                                                                                            

                                                                                    <div class="modal" style="" id="activequizresultalert<?php echo $quiz_result[$v_quiz->quiz_id]->quiz_result_id ?>" tabindex="-1" role="dialog" aria-labelledby="changeRole" aria-hidden="true">
                                                                                        <div class="modal-dialog">
                                                                                            <div class="modal-content" style="top: 180px;border: 5px solid #80c12c;border-top: 20px solid #80c12c !important;margin: 0 auto;width: 450px">           
                                                                                                <div class="modal-body">
                                                                                                    <h4 style="text-align: center!important">Are you sure want to Active this quiz result?</h4>
                                                                                                </div>
                                                                                                <div class="modal-footer" style="padding: 0 25px 25px 25px">
                                                                                                    <div  class="col-sm-12">               
                                                                                                        <button onclick="activequizresult('<?php echo $quiz_result[$v_quiz->quiz_id]->quiz_result_id ?>')" style="margin-left: 90px" type="button" class="btn btn-success  col-sm-2" data-dismiss="modal">Yes</button>
                                                                                                        <button type="button" style="margin-left: 20px" class="btn btn-danger col-sm-2 col-sm-offset-4" data-dismiss="modal">No</button>
                                                                                                    </div>
                                                                                                </div>            
                                                                                            </div>
                                                                                        </div>
                                                                                    </div> 

                                                                                    <div class="modal" style="" id="inactivquizresultalert<?php echo $quiz_result[$v_quiz->quiz_id]->quiz_result_id ?>" tabindex="-1" role="dialog" aria-labelledby="changeRole" aria-hidden="true">
                                                                                        <div class="modal-dialog">
                                                                                            <div class="modal-content" style="top: 180px;border: 5px solid #80c12c;border-top: 20px solid #80c12c !important;margin: 0 auto;width: 450px">           
                                                                                                <div class="modal-body">
                                                                                                    <h4 style="text-align: center!important">Are you sure want to Inactive this quiz result?</h4>
                                                                                                </div>
                                                                                                <div class="modal-footer" style="padding: 0 25px 25px 25px">
                                                                                                    <div  class="col-sm-12">               
                                                                                                        <button onclick="inactivequizresult('<?php echo $quiz_result[$v_quiz->quiz_id]->quiz_result_id ?>')" style="margin-left: 90px" type="button" class="btn btn-success  col-sm-2" data-dismiss="modal">Yes</button>
                                                                                                        <button type="button" style="margin-left: 20px" class="btn btn-danger col-sm-2 col-sm-offset-4" data-dismiss="modal">No</button>
                                                                                                    </div>
                                                                                                </div>            
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>

                                                                                    <span id="quizResultPermisionIcon">
                                                                                        <?php
                                                                                        $e_id = $quiz_result[$v_quiz->quiz_id]->quiz_result_id;
                                                                                        switch ($quiz_result_permission) {
                                                                                            case 1:
                                                                                                ?>
                                                                                                <a href="javascript:void(0)"
                                                                                                   onclick="changeQuizResultPermission('<?php echo $e_id ?>', 2, 'change quiz result permission')" >                                  
                                                                                                    <i class="fa fa-users" title="Public"></i>&nbsp;&nbsp;
                                                                                                </a>
                                                                                                <?php
                                                                                                break;
                                                                                            case 2:
                                                                                                ?>                                
                                                                                                <a href="javascript:void(0)"
                                                                                                   onclick="changeQuizResultPermission('<?php echo $e_id; ?>', 3, 'change quiz result permission')" >
                                                                                                    <img src="<?php echo base_url() ?>image/dashboard-tt-icon.png" title="TalhaTraining" alt="TalhaTraining">   &nbsp;&nbsp;                                
                                                                                                </a>
                                                                                                <?php
                                                                                                break;
                                                                                            case 3:
                                                                                                ?>
                                                                                                <a href="javascript:void(0)" style="color: green"
                                                                                                   onclick="changeQuizResultPermission('<?php echo $e_id ?>', 4, 'change quiz result permission')" >
                                                                                                    <i class="fa fa-link" title="My Link"></i>     &nbsp;&nbsp;                              
                                                                                                </a>
                                                                                                <?php
                                                                                                break;
                                                                                            case 4:
                                                                                                ?>
                                                                                                <a href="javascript:void(0)" style="color: red"
                                                                                                   onclick="changeQuizResultPermission('<?php echo $e_id ?>', 1, 'change quiz result permission')" >                                  
                                                                                                    <i class="fa fa-user" title="Only Me"></i>&nbsp;&nbsp;
                                                                                                </a>
                                                                                                <?php
                                                                                                break;
                                                                                        }
                                                                                        ?>
                                                                                    </span>

                                                                                    <span id="quizResultDeleteIcon">
                                                                                        <?php if ($quiz_result_status == 2) { ?>
                                                                                            <?php if ($this->session->person_role == 6) { ?>
                                                                                                <a href = "javascript:void(0)"
                                                                                                   onclick="deleteQuizResult('<?php echo $e_id ?>', 'delete quiz result')" >
                                                                                                    <i class = "fa fa-archive" title = "Archieved"></i>
                                                                                                </a>
                                                                                            <?php } else { ?>
                                                                                                <a href = "javascript:void(0)">
                                                                                                    <i class = "fa fa-archive" title = "Archieved"></i>
                                                                                                </a>

                                                                                            <?php } ?>
                                                                                        <?php } else { ?>
                                                                                            <a href="javascript:void(0)"
                                                                                               onclick="archieveQuizResult('<?php echo $e_id ?>', 2, 'archieve quiz result')" >
                                                                                                <i class="fa fa-trash" title="Delete"></i>
                                                                                            </a>
                                                                                        <?php } ?>
                                                                                    </span>
                                                                                    <!------------------ end  top skill action ------------------------>                
                                                                                </div>
                                                                            </div>                     
                                                                            <script>
                                                                                $(document).ready(function () {
                                                                                    document.getElementById('top_skill').style.display = 'block';
                                                                                });
                                                                            </script>                    
                                                                            <?php
                                                                        }
                                                                    }
                                                                    ?>
                                                                </div>       
                                                                <!--------------------------- end top skill -------------------->
                                                            </div>
                                                            <?php
                                                        } else {
                                                            echo '';
                                                        }
                                                        ?> 
                                                    </div>
                                                </div>

                                                <div id="skillOverview" class="col-sm-12" style="display: none;">
                                                    <div class="col-sm-12 white" style="padding: 0">
                                                        <div class="col-sm-12 text-left" style="padding: 5px 0 0 20px">
                                                            <span><i class="fa fa-trophy fa-2x">&nbsp;&nbsp;&nbsp;</i>Skill Overview</span>
                                                        </div>

                                                        <div class="col-sm-12 gray">
                                                            <?php
                                                            if (isset($all_quiz)) {
                                                                foreach ($all_quiz as $v_quiz) {
                                                                    $quiz_id = $v_quiz->quiz_id;
                                                                    $quiz_result_permission = $quiz_result[$v_quiz->quiz_id]->quiz_result_permission;
                                                                    $quiz_result_status = $quiz_result[$v_quiz->quiz_id]->quiz_result_status;
                                                                    $quiz_result_percentage = $quiz_result[$v_quiz->quiz_id]->quiz_receive_marks_percentage;
                                                                    
                                                                            ?>

                                                                            <div class="col-sm-4">
                                                                                <div class="col-sm-12 text-center">
                                                                                    <span class="text-center h4"><?php echo $v_quiz->quiz_name ?></span>
                                                                                </div>                                                                
                                                                                <div class="col-sm-12">
                                                                                    <div id="quiz_result_meter<?php echo $quiz_id ?>" 
                                                                                         class="meterCircle" 
                                                                                         data-dimension="200" 
                                                                                         data-text="<?php echo $quiz_result_percentage . '%' ?>" 
                                                                                         data-width="30" 
                                                                                         data-fontsize="38" 
                                                                                         data-fgcolor="" 
                                                                                         data-percent="<?php echo $quiz_result_percentage ?>"  
                                                                                         data-bgcolor="#eee" 
                                                                                         data-fill="#ddd">                                                                     
                                                                                    </div>
                                                                                </div>                                                                
                                                                            </div>

                                                                            <?php
                                                                   
                                                                }
                                                            }
                                                            ?>
                                                        </div>

                                                    </div>
                                                </div>
                                                <!--                 Skill Language Section Start            -->
                                                <div id="skillLanguage" class="col-sm-12" style="display: none;">
                                                    <div class="col-sm-12 text-left" style="padding: 5px 0 0 20px">
                                                        <span><i class="fa fa-globe fa-2x">&nbsp;&nbsp;&nbsp;</i>Language</span>
                                                        <span  class="form-group  pull-right" id="add_language_btn" style="display: block;padding-right: 20px">
                                                            <a href="javascript:void(0)" onclick="addLanguageForm('<?php echo base_url() . 'super_admin_profile/add_language_form/' . $person_info->person_id ?>')"><i title="Add Langunage" class="fa fa-plus-square"></i></a>
                                                        </span>
                                                        <div class="col-sm-12" id="add_language_form" style="display: none"></div>

                                                    </div>
                                                    <div id="edit_language_form" style="display: none;"></div>

                                                    <?php if ($person_language) { ?>
                                                        <div class="col-sm-12 text-left gray" id="view_language">
                                                            <?php foreach ($person_language as $l_value) { ?>
                                                                <div class="col-sm-6 " style="padding: 5px 0 0 20px">
                                                                    <span class="col-sm-8 h4" style="text-align: left !important"><?php echo $l_value->person_language; ?></span>
                                                                    <span class="col-sm-4  text-right" style="padding-top: 20px">
                                                                        <a href="javascript:void(0)" id="editLangBtn<?php $l_value->person_language_id; ?>" onclick="editLanguage('<?php echo base_url() . 'super_admin_profile/edit_language_by_id/' . $l_value->person_language_id . '/' . $person_info->person_id ?>')" > <i class="fa fa-edit" title="Edit"></i></a>
                                                                        <a href="javascript:void(0)" id="deleteLang<?php echo $l_value->person_language_id; ?>" ><i class="fa fa-trash-o" title="Delete"></i></a>
                                                                        <!--<a href="javascript:void(0)" onclick="checkLanguageAction('<?php //echo base_url() . 'profile/delete_language_by_language_id/' . $l_value->person_language_id . '/' . $person_info->person_id            ?>', 'Delete')" ><i class="fa fa-trash-o" title="Delete"></i></a>-->
                                                                    </span><br>
                                                                    <p class="col-sm-12"><?php
                                                                        switch ($l_value->person_language_proficiency) {
                                                                            case 0:
                                                                                echo 'No Proficiency';
                                                                                break;
                                                                            case 1:
                                                                                echo 'Elementary Proficiency';
                                                                                break;
                                                                            case 2:
                                                                                echo 'Limited Working Proficiency';
                                                                                break;
                                                                            case 3:
                                                                                echo 'Professional Working Proficiency';
                                                                                break;
                                                                            case 4:
                                                                                echo 'Full Professional Proficiency';
                                                                                break;
                                                                            case 5:
                                                                                echo 'Native or Bilingual Proficiency';
                                                                                break;
                                                                        }
                                                                        ?></p>
                                                                </div>

                                                                <div class="modal fade" style="" id="deleteLangModal<?php echo $id = $l_value->person_language_id; ?>" tabindex="-1" role="dialog" aria-labelledby="changeRole" aria-hidden="true">
                                                                    <?php
                                                                    $id = 'Lang' . $l_value->person_language_id;
                                                                    $message = "Are You Sure To Delete Language Details ?";
                                                                    $this->cf->view_modal($id, $message);
                                                                    ?>
                                                                </div>
                                                            <?php } ?>
                                                        </div>
                                                    <?php } ?>
                                                </div>
                                                <!--                 Skill Language Section End           -->
                                                <!--    Content of skill section block end here   -->
                                            </div>
                                        </div>
                                    </div>
                                    <!--    Skill tab content end  -->

                                    <!--    Course tab content start    -->
                                    <div class="tab-pane" id="Course">                                    
                                        <div class="tab-content panel-body">
                                            <div class="row">
                                                <!--    Color blocks of Course section start     -->
                                                <div id="courseBlocks" class="col-sm-12"> 
                                                    <div class="color_blocks" >
                                                        <div class="container_16">                                                    
                                                            <div class="subject_toggle flip-container orange">
                                                                <a href="javascript:void(0)" class="flipper" id="profileLearnerCourse">
                                                                    <div class="front">
                                                                        <span>Learner<br><br> <i class="fa fa-book fa-2x"></i></span>
                                                                    </div>
                                                                    <div class="back" id="currentLocation" style="padding: 20px"><br>
                                                                        <h5 style="padding: 15px"><span>Click to View Learner Course</span></h5>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                            <div class="subject_toggle flip-container teal">
                                                                <a href="javascript:void(0)" class="flipper" id="profileTeacherCourse">
                                                                    <div class="front">
                                                                        <span style="width: 120px;">Teacher<br><br><i class="fa fa-star-half-o fa-2x"></i></span>
                                                                    </div>
                                                                    <div class="back" ><br>
                                                                        <h5 style="padding: 20px"><span>Click to View Teacher Course</span></h5>            
                                                                    </div>
                                                                </a>
                                                            </div>
                                                            <div class="subject_toggle flip-container purple">
                                                                <a href="javascript:void(0)" class="flipper" id="profileOrganizationCourse">
                                                                    <div class="front">
                                                                        <span>Organization<br><br><i class="fa fa-trophy fa-2x"></i></span>
                                                                    </div>
                                                                    <div class="back" ><br>
                                                                        <h5 style="padding: 20px"><span>Click to View Organization Course</span></h5>
                                                                    </div>

                                                                </a>
                                                            </div>                                            
                                                        </div>
                                                    </div>                                            
                                                </div>
                                                <!--    Color blocks of Course section end     -->

                                                <!--    Content of course section block start       -->
                                                <div id="courseLearner" class="col-sm-12" style="display: none;">

                                                </div>

                                                <div id="courseTeacher" class="col-sm-12" style="display: none;">

                                                </div>

                                                <div id="courseOrganization" class="col-sm-12" style="display: none;">

                                                </div>
                                                <!--    Content of course section block end       -->
                                            </div>
                                        </div>
                                    </div>
                                    <!--    Course tab content end  -->

                                    <!--    Resource tab content start  -->
                                    <div class="tab-pane" id="Resource">                                    
                                        <div class="tab-content panel-body"></div>
                                    </div>
                                    <!--    Resource tab content end    -->
                                </div>
                                <!--   Tab content end    -->
                            </div> 
                        </div> 

                    </div>
                    <!-- Tab Section End -->
                </div>
            </div>          


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



<script>

    //======== Start Ajax Edit Education View

    function selectInstitute() {
        attendedFor = document.forms['edit_education'].elements['attended_for'].value;
        country = document.getElementById('person_country').value;
        city = document.getElementById('person_city').value;
//                                alert(city);
        serverPage = '<?php echo base_url(); ?>super_admin_profile/select_institute/' + country + '/' + city + '/' + attendedFor;
        xmlhttp.open("GET", serverPage);
        xmlhttp.onreadystatechange = function ()
        {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
            {
//                                alert(xmlhttp.responseText);
                document.getElementById('country_city_institute').innerHTML = xmlhttp.responseText;
                var a = document.getElementById('country_city_institute');
                a.setAttribute("style", 'display:block');
            }
        }
        xmlhttp.send(null);

    }

    function otherIns(givenText) {
//                                    alert();
        if (givenText == 'other') {
            var O_Institution = document.getElementById('O_Institution');
            O_Institution.setAttribute("style", 'display:block; ');
        } else {
            var O_Institution = document.getElementById('O_Institution');
            O_Institution.setAttribute("style", 'display:none; ');
        }
    }

    function setEndDateMinValue() {
        var endTimePeriod = document.getElementById('end_time_period');
        var startTimePeriod = document.getElementById('start_time_period').value;
        endTimePeriod.setAttribute("min", startTimePeriod);
    }
    function EducationStatus(GivenText) {
        var eduEndDate = document.getElementById('eduEndDate');
        if (GivenText == 2) {
            eduEndDate.setAttribute('style', 'display:block');
        } else {
            eduEndDate.setAttribute('style', 'display:none');
        }
    }

    //======== END Ajax Edit Education View



    //======== Start Ajax Edit Work Experience View


    function WorkStatus(GivenText) {
        var workEndDate = document.getElementById('workEndDate');
        if (GivenText == 2) {
            workEndDate.setAttribute('style', 'display:block');
        } else {
            workEndDate.setAttribute('style', 'display:none');
        }
    }


    //======== END Ajax Edit Work Experience View

</script>

<script src="<?php echo base_url()?>back_end_resource/quiz/admin_skill_meter.js" type="text/javascript"></script>

<script src="<?php echo base_url()?>resource_library/alert/sweetalert.min.js" type="text/javascript"></script>
<!--  Script for edition profile info     -->
<script src="<?php echo base_url()?>back_end_resource/profile/admin_edit_profile.js" type="text/javascript"></script>
<!-- Script for making continent tab responsive -->
<script src="<?php echo base_url()?>back_end_resource/profile/responsive_tabs.js" type="text/javascript"></script>
<!-- Script for Map Realted Functionality -->
<script src="<?php echo base_url()?>back_end_resource/profile/admin_location.js" type="text/javascript"></script>
<!-- Script for profile page -->
<script src="<?php echo base_url()?>back_end_resource/profile/admin_profile.js" type="text/javascript"></script>
<!-- Map Cluster Marker -->
<script src="<?php echo base_url()?>resource_library/map_marker/markercluster.js"></script>
<!-- Script for loading google map api -->
<script defer
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDB1zwDxi9Ynoyl1OjAVGbCV0UPmxQL_Q8&libraries=places,geometry,drawing">
</script>


<?php
include 'admin_modal_view/modal_self_assessment.php';
include 'admin_modal_view/modal_interest_field.php';

