<?php
//$this->cf->dd($all_quiz);
$this->load->helper('text');
$view_person_id = $this->session->userdata('view_person_id');
$person_id = $this->session->userdata('person_id');
$person_role = $this->session->userdata('person_role');
$this->load->library('cf');
$link_array = array();
foreach ($person_link as $link_value) {
    $link_array[] = $link_value->person_id;
    $link_array[] = $link_value->requested_person_id;
}
$final_array = array_unique($link_array);
?>
<style>
    #view_address{
        overflow-wrap: break-word !important;
    }
    .jobExperience1Title{
        overflow-wrap: break-word !important;
    }
    .Experience1OrganizationName{
        overflow-wrap: break-word !important;
    }
    .company_office_address{
        overflow-wrap: break-word !important;
    }
    .Experience1_Details{
        overflow-wrap: break-word !important;
    }
    .person_current_profession{
        overflow-wrap: break-word !important;
    }
</style>
<div class="col-sm-10 " >
    <div class="col-sm-12 gray_ttc" style="padding: 0">
        <!-- Upload image part start (Orignal Code was written by Jaherul Ripon) -->
        <div class="col-sm-3" style="padding: 5px" id="profile_image_area">
            <a href="javascript:void(0)">    
                <?php if ($person_info->person_image) { ?>
                    <div>
                        <img id="src_image_file"
                             src="<?php echo base_url() . 'content-library/' . $person_info->url . '/' . $person_info->person_image; ?>" 
                             style="width: 250px;height: 230px; transform: rotate(0deg);" 
                             class="img-responsive">
                    </div>
                <?php } else { ?>
                    <div>
                        <img id="src_image_file"
                             src="<?php echo base_url() ?>image/no_profile_picture.png" 
                             class="img-responsive" 
                             style="width: 230px;height: 230px">
                    </div>
                <?php } ?>
            </a>
            <?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                <a id="changeProfilePicture" href="javascript:void(0)" 
                   class="btn btn-sm btn-success"  
                   data-toggle="modal" data-target="#ImageModel" 
                   style="position: absolute;left: 5px;top: 2px;z-index: 999999;">Update profile picture
                </a>
            <?php } ?>
        </div>        
        <?php
        include_once 'edit_profile/modal_edit_image.php';
        ?>
        <!-- Upload image part End -->

        <div class="col-sm-7" style="padding-left: 40px">
            <div class="col-sm-12" style="padding: 20px 0px 0px 0px" id="main_profile">
                <!--    Profile person name section start   -->
                <div class="col-sm-12" style="padding: 0">

                    <span class="pull-left person_name" id="full_name">
                        <a href="<?php echo base_url() . $person_info->url . '/profile' ?>">
                            <?php
                            if (strlen($person_info->person_first_name) && strlen($person_info->person_last_name) < 20) {
                                echo $person_info->person_first_name . ' ' . $person_info->person_last_name;
                            } else {
                                echo substr($person_info->person_first_name, 0, 30) . ' ' . substr($person_info->person_last_name, 0, 20) . '.' . ' ' . '.' . ' ' . '.';
                            }
                            ?> 
                        </a>
                    </span>
                    <?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                        <a href="javascript:void(0)" 
                           onclick="EditName()"> 
                            <span  class="col-sm-3"  
                                   id="edit_pencil" 
                                   style="margin-top: 10px;margin-left: 5px">
                                <i class="fa fa-edit"></i>
                            </span>
                        </a>
                    <?php } ?>

                    <?php
                    // Includes the form for editing name
                    include_once 'edit_profile/edit_person_name.php';
                    ?>
                </div>
                <!--    Profile person name section end     -->                
                <div class="col-sm-12 padding-zero">
                    <h5>
                        <span class="pull-left company_name" style="padding:0px;">
                            <span id="view_country"></span>

                            <?php
                            if ($user_work_details) {
                                echo '| <a class="person_current_profession" href="javascript:void(0)">';
                                foreach ($user_work_details as $v_user_work_details) {
                                    $current_status = $v_user_work_details->work_details_status;
                                    if ($current_status == 1) {
                                        echo $v_user_work_details->company_name;
                                        break;
                                    } else {
                                        echo '';
                                    }
                                }
                                echo ' </a>';
                            }
                            ?>

                        </span>
                        <script>
                            var country = getCountryName('<?php echo $person_info->person_country; ?>');
                            if (country) {
                                document.getElementById('view_country').innerHTML = country;
                            }
                        </script>
                    </h5>
                </div>

                <div class="col-sm-12" style="padding: 0">
                    <h5>
                        <span class="pull-left current_company_name">
                            <?php
                            if ($user_work_details) {
                                echo '<a class="person_current_profession" href="javascript:void(0)" style="margin-right: 32px">Current</a>  <a class="person_current_profession" href="#">';
                                foreach ($user_work_details as $v_user_work_details) {
                                    $current_status = $v_user_work_details->work_details_status;
                                    if ($current_status == 1) {
                                        echo $v_user_work_details->company_name;
                                        break;
                                    } else {
                                        echo '';
                                    }
                                }
                                echo '</a>';
                            }
                            ?>
                        </span>
                    </h5>
                </div>

                <div class="col-sm-12" style="padding: 0;">
                    <h5>
                        <span class="pull-left education_institute_name" style="max-width: 600px;">
                            <?php
                            if ($user_education_details) {
                                ?>
                                <a href="javascript:void(0)" style="margin-right: 20px">Education</a> 
                                <a href="javascript:void(0)">
                                    <?php
                                    foreach ($user_education_details as $v_user_education_details) {
                                        echo $v_user_education_details->education_institute_name;
                                        break;
                                    }
                                    ?>

                                </a>
                                <?php
                            }
                            ?>
                        </span>
                    </h5>
                </div>

            </div>

            <!--    Person URL editing part start   -->
            <?php
            include_once 'edit_profile/edit_profile_person_url.php';
            ?>
            <!--    Person URL editing part end     -->

            <!--     Profile Social Sharing Section End-->
            <?php
            $profile_url_link = base_url() . $profile_url . '/profile';
            $profile_image_link = base_url() . 'content-library/' . $profile_url . '/' . $profile_image;
            ?>

            <div class="col-sm-12 form-group text-left padding-zero" style="margin: 10px 0px;">
                <a class="btn btn-facebook-custom" style="margin-bottom: 0px;" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=<?php echo urlencode($profile_url_link); ?>">
                    <i class="fa fa-facebook"></i>
                </a>
                <a class="btn btn-google-custom" style="margin-bottom: 0px;" target="_blank" href="https://plus.google.com/share?url=<?php echo urlencode($profile_url_link); ?>">
                    <i class="fa fa-google-plus"></i>
                </a> 
                <a class="btn btn-twitter-custom" style="margin-bottom: 0px;" target="_blank" href="https://twitter.com/intent/tweet?text=<?php echo $profile_name; ?>&url=<?php echo $profile_url_link; ?>">
                    <i class="fa fa-twitter"></i>
                </a> 

                <a class="btn btn-linkedin-custom" style="margin-bottom: 0px;" target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=<?php echo urlencode($profile_url_link); ?>&title=<?php echo $profile_name; ?>&summary=<?php
            if ($user_public_work_education['user_public_work']) {
                echo isset($user_public_work_education_detail['job_responsibility_details']) ? $user_public_work_education_detail['job_responsibility_details'] : '';
            } elseif ($user_public_work_education['user_public_education']) {
                echo isset($user_public_work_education_detail['educational_description']) ? $user_public_work_education_detail['educational_description'] : '';
            } else {
                echo "";
            }
            ?>">
                    <i class="fa fa-linkedin"></i>
                </a>
            </div>
            <!--     Profile Social Sharing Section End -->
        </div>
        <!--    Profile Block, Message and other options start-->
        <div class="col-sm-2">
            <?php
            if ($viewer_info) {
                ?>
                <div class="col-sm-12" style="padding: 0">
                    <div class="col-sm-12 pull-right" id="sActions<?php echo $person_info->person_id; ?>">
                        <?php
                        if ($viewer_info->person_role == 1 || $viewer_info->person_role == 6) {
                            $send_message = TRUE;
                        } else {
                            $send_message = TRUE;
                            if ($person_link_info) {
                                if ($person_link_info->add_link_request_status == 1) {
                                    ?>

                                    <a href="javascript:void(0)" 
                                       onclick="checkForLinkAction('<?php echo base_url() . 'remove-link-profile/' . $person_info->person_id; ?>', 'Remove Link', ' Do you want to Remove Link', '<?php echo $person_info->person_id; ?>')">
                                        <i class="fa fa-unlink" title="Remove From Link"></i>
                                    </a>&nbsp;

                                    <a href="javascript:void(0)"
                                       onclick="checkForLinkAction('<?php echo base_url() . 'block-link-profile-from-profile/' . $person_info->person_id; ?>', 'Block Person', ' Do you want to Block Person', '<?php echo $person_info->person_id; ?>')"> 
                                        <i class="fa fa-ban" title="Block Person"></i>
                                    </a>&nbsp;

                                    <?php
                                } else if ($person_link_info->add_link_request_status == 3) {
                                    if ($person_link_info->requested_person_id != $person_id) {
                                        ?>  

                                        <a href="javascript:void(0)"
                                           onclick="checkForLinkAction('<?php echo base_url() . 'accept-link-profile/' . $person_info->person_id; ?>', 'Accept Request', ' Do you want to Accept Request', '<?php echo $person_info->person_id; ?>')"> 
                                            <i class="fa fa-arrow-right" title="Accept Request"></i>
                                        </a>&nbsp;

                                        <a href="javascript:void(0)"
                                           onclick="checkForLinkAction('<?php echo base_url() . 'cancel-link-profile/' . $person_info->person_id; ?>', 'Calcel Request', ' Do you want to Cancel Request', '<?php echo $person_info->person_id; ?>')"> 
                                            <i class="fa fa-user-times" title="Cancel Request"></i>
                                        </a>&nbsp;

                                        <a href="javascript:void(0)"
                                           onclick="checkForLinkAction('<?php echo base_url() . 'block-link-profile-from-profile/' . $person_info->person_id; ?>', 'Block Person', ' Do you want to Block Person', '<?php echo $person_info->person_id; ?>')"> 
                                            <i class="fa fa-ban" title="Block Person"></i>
                                        </a>&nbsp;

                                    <?php } else { ?>

                                        <a href="javascript:void(0)"
                                           onclick="checkForLinkAction('<?php echo base_url() . 'cancel-link-profile/' . $person_info->person_id; ?>', 'Calcel Request', ' Do you want to Cancel Request', '<?php echo $person_info->person_id; ?>')"
                                           > 
                                            <i class="fa fa-user-times" title="Cancel Request"></i>
                                        </a>&nbsp;

                                        <?php
                                    }
                                } else if (($person_link_info->requested_person_id != $person_id && $person_link_info->add_link_request_status == 5) || ($person_link_info->person_id == $person_id && $person_link_info->add_link_request_status == 5)) {
                                    ?>
                                    <a href="javascript:void(0)"
                                       onclick="checkForLinkAction('<?php echo base_url() . $person_info->person_id . '/connect-from-profile'; ?>', 'Connect', ' Do you want to Connect', '<?php echo $person_info->person_id; ?>')"
                                       >
                                        <i class="fa fa-link" aria-hidden="true" title="Connect"></i>
                                    </a>&nbsp;
                                <?php } else if ($person_link_info->add_link_request_status != 5) {
                                    ?>
                                    <a href="javascript:void(0)"
                                       onclick="checkForLinkAction('<?php echo base_url() . $person_info->person_id . '/connect-from-profile'; ?>', 'Connect', ' Do you want to Connect', '<?php echo $person_info->person_id; ?>')"
                                       >
                                        <i class="fa fa-link" aria-hidden="true" title="Connect"></i>
                                    </a>&nbsp;
                                    <?php
                                } else {
                                    $send_message = FALSE;
                                }
                            } else if ($person_info->person_id != $person_id) {
                                ?>
                                <a href="javascript:void(0)"
                                   onclick="checkForLinkAction('<?php echo base_url() . $person_info->person_id . '/connect-from-profile'; ?>', 'Connect', ' Do you want to Connect', '<?php echo $person_info->person_id; ?>')"
                                   >
                                    <i class="fa fa-link" aria-hidden="true" title="Connect"></i>
                                </a>&nbsp;
                                <?php
                            }
                        }
                        ?>
                    </div>

                </div>
                <?php
            } else {
                ?>
<!--                <div class="col-sm-12" style="padding: 0">
                    <div class="col-sm-1 pull-right" id="sActions<?php //echo $person_info->person_id; ?>">
                        <a href="javascript:void(0)"
                           onclick="checkForLinkAction('<?php //echo base_url() . $person_info->person_id . '/connect-from-profile'; ?>', 'Connect', ' Do you want to Connect', '<?php //echo $person_info->person_id; ?>')"
                           >
                            <i class="fa fa-link" aria-hidden="true" title="Connect"></i>
                        </a>&nbsp;
                    </div>                    
                </div>-->
                <?php
            }
            ?>
        </div>
        <!--    Profile Block, Message and other options End-->
    </div>      

    <div class="col-sm-12" style="height: 20px; overflow: hidden;">
        <input type="hidden" id="baseUrl" value="<?php echo base_url(); ?>"><br>
        <input type="hidden" id="profileUrl" value="<?php echo $profile_url; ?>"><br>
    </div>

    <!-- Tab Section Start -->
    <div class="tab-bg col-sm-12" style="margin: 0px 0px 10px 0px; padding: 10px 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 map_font_change"><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>
                <?php if ($person_role != 5) { ?>
                    <li id="tabVideoCourse"><a href="#VideoCourse" data-toggle="tab">Video Course</a></li>
                <?php } ?>
                </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" ><br>
                                                        <h5 style="padding: 20px"><span>Share your current location!</span></h5>            
                                                    </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>Exciting ways to capture your travel memories!</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-connectdevelop fa-2x"></i></span>
                                                    </div>
                                                    <div class="back" ><br>
                                                        <h5 style="padding: 20px"><span>Increased personal/professional mobility around the world!</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>TT Link<br><br><i class="fa fa-link fa-2x"></i></span>

                                                    </div>
                                                    <div class="back" ><br>
                                                        <h5 style="padding: 20px"><span>Being smarter by sharing knowledge in TT network!</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">Raise your profile with future leaders!</h5>                                                        
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="subject_toggle flip-container yellow">
                                                <a href="javascript:void(0)" class="flipper" id="profileInterest">
                                                    <div class="front">
                                                        <span>Hobbies & Interest<br><br> <i class="fa fa-heart-o  fa-2x"></i></span>
                                                    </div>
                                                    <div class="back text-center" style="padding: 15px;"><br>
                                                        <h5 style="padding: 5px">Develop friendship with your art of Interest & Hobbies! </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">Keep up-to-date for educational and learning communication!</h5>
                                                    </div>
                                                </a>
                                            </div>
                                            <?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                                <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">Change Your Password</h5>
                                                        </div>
                                                    </a>
                                                </div>
                                            <?php } ?>
                                        </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 id="profile_education_pagination" 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>Raise your profile with future leaders!</span>
                                            <?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                                <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() . 'add-education-form/' . $person_info->person_id ?>')">
                                                        <i class="fa fa-plus-square" title="Add Education"></i>
                                                    </a>
                                                </span>
                                            <?php } ?>
                                        </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 class="person_education_detail">
                                                        <a href="javascript:void(0)" style="overflow-wrap: break-word"><?php echo $e_value->education_institute_name; ?></a>
                                                        <span id="Assessment_update_btn" style="padding-left: 20px;">
                                                            <?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                                                <span class="editEducationclass">
                                                                    <a href="javascript:void(0)" onclick="viewEditEducation('<?php echo base_url() . '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>
                                                                </span>
                                                                <span>
                                                                    <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>
                                                            <?php } ?>
                                                        </span>
                                                    </h4>
                                                    <span id="view_educational_description" style="overflow-wrap: break-word;"><?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>
                                        <?php echo $profile_education_pagination;?>
                                    </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-heart-o fa-2x">&nbsp;&nbsp;&nbsp;</i>Develop friendship with your art of Interest & Hobbies! </span>
                                            <?php if ($interest_field_info_all && ($this->session->person_id === $this->session->view_person_id)) { ?>
                                                <span class="col-sm-2 pull-right">
                                                    <a href="javascript:void(0)" onclick="editPersonInterestForm('<?php echo base_url() . 'profile/edit_persson_interest_form/' . $person_info->person_id; ?>')" >
                                                        <span  class="" ><i class="fa fa-pencil" title="Update Personal Interest Infromation"> </i> 
                                                        </span>
                                                    </a>
                                                </span>
                                            <?php } else { ?>
                                                <?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                                    <span  class="form-group  pull-right" style="padding-right: 20px">
                                                        <a class="" href="javascript:void(0)" onclick="editPersonInterestForm('<?php echo base_url() . 'profile/edit_persson_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>Keep up-to-date for educational and learning communication!</span>                                            
                                            <span class="col-sm-2 pull-right">
                                                <?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                                    <a href="javascript:void(0)" 
                                                       onclick="editPersonDetailForm('<?php echo base_url() . 'profile/edit_person_detail_form/' . $person_info->person_id ?>')">
                                                        <span><i class="fa fa-pencil" title="Update Personal Infromation"></i>
                                                        </span>
                                                    </a>
                                                <?php } ?>
                                            </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"> 
                                                    <?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                                        <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
                                                            if (strlen($person_info->person_email) < 40) {
                                                                echo $person_info->person_email;
                                                            } else {
                                                                echo substr($person_info->person_email, 0, 45). '...';
                                                            }
                                                            ?> </span>
                                                    <?php } elseif ($person_feature_details->person_email_view_status == 1) { ?>
                                                        <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>
                                                    <?php } elseif (($person_feature_details->person_email_view_status == 2) && $this->session->person_id) { ?>
                                                        <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>
                                                    <?php } elseif (($person_feature_details->person_email_view_status == 3 && in_array($this->session->person_id, $linked_person_id))) { ?>
                                                        <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>
                                                    <?php } ?>
                                                    <span class="col-sm-4 text-left" id="email">
                                                        <?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                                            <?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="TT User" alt="TT User">
                                                                    </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;
                                                            }
                                                            ?>
                                                        <?php } ?>
                                                    </span>
                                                </span>
                                                <?php
                                            }
                                            ?>

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

                                                <span class="col-sm-12 col-xs-12 form-group"> 
                                                    <?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                                        <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>
                                                    <?php } elseif ($person_feature_details->person_contact_number_view_status == 1) { ?>
                                                        <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>
                                                    <?php } elseif (($person_feature_details->person_contact_number_view_status == 2) && $this->session->person_id) { ?>
                                                        <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>
                                                    <?php } elseif (($person_feature_details->person_contact_number_view_status == 3 && in_array($this->session->person_id, $linked_person_id))) { ?>
                                                        <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>
                                                    <?php } ?>

                                                    <span class="col-sm-4 padding-zero text-left" id="contact">

                                                        <?php
                                                        if ($this->session->person_id === $this->session->view_person_id) {
                                                            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="TT User" alt="TT User" 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">
                                                    <?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                                        <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>
                                                        <?php } elseif ($person_feature_details->person_address_view_status == 1) { ?>
                                                        <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>
                                                        <?php } elseif (($person_feature_details->person_address_view_status == 2) && $this->session->person_id) { ?>
                                                        <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>
                                                        <?php } elseif (($person_feature_details->person_address_view_status == 3 && in_array($this->session->person_id, $linked_person_id))) { ?>
                                                        <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>
                                                        <?php } ?>

                                                    <span class="col-sm-4 padding-zero text-left" id="address">
    <?php
    if ($this->session->person_id === $this->session->view_person_id) {
        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="TT User" alt="TT User" 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"> 
    <?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                                        <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>
    <?php } elseif ($person_feature_details->person_birthday_view_status == 1) { ?>
                                                        <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>
    <?php } elseif (($person_feature_details->person_birthday_view_status == 2) && $this->session->person_id) { ?>
                                                        <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>
    <?php } elseif (($person_feature_details->person_birthday_view_status == 3 && in_array($this->session->person_id, $linked_person_id))) { ?>
                                                        <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>
    <?php } ?>
                                                    <span class="col-sm-4 padding-zero text-left" id="birthday">
                                                    <?php
                                                    if ($this->session->person_id === $this->session->view_person_id) {
                                                        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="TT User" alt="TT User" 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='javascript:void(0)'><?php echo $total_friends ?></a></span>
                                                <span class="col-sm-4"></span>
                                            </span>                                        
                                        </span>
                                    </div>
                                </div>

                                <!-- Personal Info Section End -->

<?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                    <!--    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 END  -->
<?php } ?>
                                <!--    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" ><br>
                                                        <h5 style="padding: 20px"><span>Share experience to accomplish your career goals!</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 Skills<br><br><i class="fa fa-star-half-o fa-2x"></i></span>
                                                    </div>
                                                    <div class="back" ><br>
                                                        <h5 style="padding: 20px"><span>Identify areas that you can practice and improve!</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-star fa-2x"></i></span>
                                                    </div>
                                                    <div class="back" style="padding: 15px;"><br>
                                                        <h5 style="padding: 20px"><span>Learn through careful planning and implementation!</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 Meter<br><br><i class="fa fa-tachometer fa-2x"></i></span>
                                                    </div>
                                                    <div class="back" ><br>
                                                        <h5 style="padding: 20px"><span>Express your talent and ability to success!</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-language fa-2x"></i></span>
                                                    </div>
                                                    <div class="back" ><br>
                                                        <h5 style="padding: 20px"><span>Be the reflection of society by your Language knowledge!</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">
<?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                            <span><i class="fa fa-sun-o fa-2x">&nbsp;&nbsp;&nbsp;</i>Share experience to accomplish your career goals!</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() . 'work-exprience-form/' . $person_info->person_id ?>')"><i class="fa fa-plus-square" title="Add Work Experience"></i></a>
                                            </span>
<?php } ?>
                                    </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<?php echo $v_user_work_details->person_work_details_id ?>">
                                                <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 class="designation"> <a href="javascript:void(0)"  id="jobExperience1Title" class="jobExperience1Title"><?php echo $v_user_work_details->designation ?></a></span>
    <?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                                            <span id="workEditBtn<?php echo $v_user_work_details->person_work_details_id ?>"> 
                                                                <a href="javascript:void(0)" 
                                                                   id="<?php echo $v_user_work_details->person_work_details_id ?>" 
                                                                   onclick="viewEditWorkExperience('<?php echo base_url() ?>edit-work-experience-form/<?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 style="margin-left: 10px;" id="workDeleteBtn<?php echo $v_user_work_details->person_work_details_id ?>">
                                                                <a href="javascript:void(0)">
                                                                    <i class="fa fa-trash-o" title="Delete Work Experience"></i>
                                                                </a>
                                                            </span>   
    <?php } ?>
                                                    </span>
                                                    <span class="col-sm-12 Experience1OrganizationName" id="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 }
    echo $work_experience_pagination_link;
?>
                                    </div>
                                </div>
                                <!-- -----------------------Person work Experience view End ------------ -->

                                <!-- -----------------------Person Self Assesment Skill view------------ -->
                                <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>Identify areas that you can practice and improve!</span>
<?php
if ($this->session->person_id === $this->session->view_person_id) {

    if (!$person_self_assessmet_skills) {
        ?>
                                                    <span  class="pull-right" style="padding-right: 10px">
                                                        <a href="javascript:void(0)" onclick="UpdatePersonAssessmentForm('<?php echo base_url() . '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() . '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>
                                <!-- -----------------------Person Self Assesment Skill view End ------------ -->

                                <!-- -----------------------Person  TT Skill view Start ------------ -->
                                <div id="skillTtSkill" class="col-sm-12" style="display: none;">
                                    <div id="rows" 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-star fa-2x">&nbsp;&nbsp;&nbsp;</i>Learn through careful planning and implementation!</span>
                                        </div>                   
<?php if ($all_quiz) { ?> 
                                            <div class="col-sm-12 text-left gray" style="padding-left: 20px">                                             
                                                <!------------------- 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 (($quiz_result_permission == 1) || ($person_id && $quiz_result_permission == 2) || (in_array($person_id, $final_array) && $quiz_result_permission == 3 ) || ($quiz_result[$v_quiz->quiz_id]->person_id == $person_id && $quiz_result_permission == 4)) {
            if (($quiz_result_status == 0 && $person_id == $quiz_result[$v_quiz->quiz_id]->person_id) || $quiz_result_status == 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 ---------------------------->        
             
                <?php if ($view_person_id == $person_id) { ?>
                                                                            <a href="<?php echo base_url() . 'quiz/' . $v_quiz->quiz_public_id . '/result'; ?>"><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 } ?>
                                                                            <a href="<?php echo base_url() . 'quiz/' . $v_quiz->quiz_public_id . '/start-quiz'; ?>" target="_blank"><i class="fa  fa-reply" title="Retake"></i></a>
                                                                        <?php } else { ?>
                                                                            <a href="<?php echo base_url() . 'quiz/' . $v_quiz->quiz_public_id . '/' . $profile_url . '/profile-detail-result'; ?>" target="_blank"><i class="fa  fa-th" title="Details Quiz Result"></i></a>&nbsp;&nbsp;    
                                                                            <a href="<?php echo base_url() . 'quiz/' . $v_quiz->quiz_public_id . '/start-quiz'; ?>" target="_blank"><i class="fa  fa-reply" title="Join Quiz"></i></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;max-width: 400px'>           
                                                                                    <div class='modal-body text-center' style='padding-bottom: 0px;'>
                                                                                        <span class='text-center'>Are you sure want to Active this quiz result?</span>
                                                                                    </div>
                                                                                    <div class='modal-footer'>
                                                                                        <div  class='col-sm-12 text-center'>  
                                                                                            <span class='col-sm-3 col-sm-offset-3'>
                                                                                                <button type='button' class='btn btn-danger  col-sm-12' data-dismiss='modal' style='font-size: 14px;'>No</button>
                                                                                            </span> 
                                                                                            <span class='col-sm-3'>
                                                                                                <button onclick="activequizresult('<?php echo $quiz_result[$v_quiz->quiz_id]->quiz_result_id ?>')" class='btn btn-success col-sm-12' data-dismiss='modal'>Yes</button>
                                                                                            </span>

                                                                                        </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;max-width: 400px'>           
                                                                                    <div class='modal-body text-center' style='padding-bottom: 0px;'>
                                                                                        <span class='text-center'>Are you sure want to Inactive this quiz result?</span>
                                                                                    </div>
                                                                                    <div class='modal-footer'>
                                                                                        <div  class='col-sm-12 text-center'>  
                                                                                            <span class='col-sm-3 col-sm-offset-3'>
                                                                                                <button type='button' class='btn btn-danger  col-sm-12' data-dismiss='modal' style='font-size: 14px;'>No</button>
                                                                                            </span> 
                                                                                            <span class='col-sm-3'>
                                                                                                <button onclick="inactivequizresult('<?php echo $quiz_result[$v_quiz->quiz_id]->quiz_result_id ?>')" class='btn btn-success col-sm-12' data-dismiss='modal'>Yes</button>
                                                                                            </span>

                                                                                        </div>
                                                                                    </div>            
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <!------------------ 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 '';
}
echo $pagination_link;
?> 
                                    </div>
                                </div>
                                <!-- -----------------------Person  Skill view End ------------ -->

                                <!-- -----------------------Person Skill Overview Start ------------ -->
                                <div id="skillOverview" class="col-sm-12" style="display: none;">
                                    <div id="skil_meter" class="col-sm-12 white" style="padding: 0">
                                    <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-tachometer fa-2x">&nbsp;&nbsp;&nbsp;</i>Express your talent and ability to success!</span>
                                        </div>

                                        <div class="col-sm-12 gray">
<?php
if (isset($all_quiz)) {
    $count = 0;
    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;
        if (($quiz_result_permission == 1) || ($person_id && $quiz_result_permission == 2) || (in_array($person_id, $final_array) && $quiz_result_permission == 3 ) || ($quiz_result[$v_quiz->quiz_id]->person_id == $person_id && $quiz_result_permission == 4)) {
            if (($quiz_result_status == 0 && $person_id == $quiz_result[$v_quiz->quiz_id]->person_id) || $quiz_result_status == 1) {
                ?>

                                                            <div class="col-sm-4">
                                                                <div class="col-sm-12">
                                                                    <span class="text-center h3 quiz_name_skill_meter"><?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
                $count++;
            }
        }
    }
}
?>
                                        </div>
                                        <?php 
                                        if($count >= 10){
                                            if($all_row_quiz > $count){
                                                echo "<div class='col-sm-12 gray' id = 'view_more'><span style='color: green'>View more...</span></div>";
                                            } 
                                        } ?>

                                    </div>
                                
                                    </div>
                                </div>
                                <!-- -----------------------Person Skill Overview End ------------ -->

                                <!--                 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-language fa-2x">&nbsp;&nbsp;&nbsp;</i>Be the reflection of society by your Language knowledge!</span>
<?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                            <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() . 'profile/add_language_form/' . $person_info->person_id ?>')"><i title="Add Langunage" class="fa fa-plus-square"></i></a>
                                            </span>
<?php } ?>
                                        <div class="col-sm-12" id="add_language_form" style="display: none"></div>

                                    </div>
                                    <div id="edit_language_form" style="display: none;"></div>
                                    <div class="col-sm-12 text-left gray" id="view_language">
<?php
if ($person_language) {
    foreach ($person_language as $l_value) {
        ?>
                                                <div class="col-sm-6 " style="padding: 5px 0 0 20px">
                                                    <span id="person_language" class="col-sm-8 h4" style="text-align: left !important"><?php echo $l_value->person_language; ?></span>
        <?php if ($this->session->person_id === $this->session->view_person_id) { ?>
                                                        <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() . 'profile/edit_langiage_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>                                                            
                                                        </span>
        <?php } ?>
                                                    <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 echo $profile_language_pagination;?>
                                </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-user fa-2x"></i></span>
                                                    </div>
                                                    <div class="back" style="padding: 20px"><br>
                                                        <h5 style="padding: 15px"><span>Explore, Learn, Skilled, Share, Hired!</span></h5>
                                                    </div>
                                                </a>
                                            </div>
<?php if (isset($resource_person_type) && (!empty($resource_person_type))) { ?>
                                                <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-user-secret fa-2x"></i></span>
                                                        </div>
                                                        <div class="back" ><br>
                                                            <h5 style="padding: 20px"><span>Change the world with your teaching magic!</span></h5>            
                                                        </div>
                                                    </a>
                                                </div>
<?php } ?>

                                            <?php if ($person_role == 4 || $resource_person_type == 1 || $resource_person_type == 3) { ?>
                                                <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-building-o fa-2x"></i></span>
                                                        </div>
                                                        <div class="back" ><br>
                                                            <h5 style="padding: 20px"><span>A place for everything to empower your organization!</span></h5>
                                                        </div>
                                                    </a>
                                                </div>
<?php } ?>
                                        </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 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-user fa-2x">&nbsp;&nbsp;&nbsp;</i>Explore, Learn, Skilled, Share, Hired!</span>
                                        </div>
                                        <div class="col-sm-12 gray learner_course" id="learnerCourseContent"><?php echo $learner_course; ?></div>
                                    </div>
                                </div>

                                <div id="courseTeacher" 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-book fa-2x">&nbsp;&nbsp;&nbsp;</i>Change the world with your teaching magic!</span>
                                        </div>
                                        <div class="col-sm-12 gray" id="teacherCourseContent"><?php echo $teacher_course; ?></div>
                                    </div>
                                </div>

                                <div id="courseOrganization" 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-building-o fa-2x">&nbsp;&nbsp;&nbsp;</i>A place for everything to empower your organization!</span>
                                        </div>
                                        <div class="col-sm-12 gray" id="organizationCourseContent"><?php echo $organization_course; ?></div>
                                    </div>
                                </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 class="row">
                                <!--    Color blocks of Resource section start     -->
                                <div id="resourceBlocks" class="col-sm-12"> 
                                    <div class="color_blocks" >
                                        <div class="container_16">                                                    
                                            <div class="subject_toggle flip-container blue">
                                                <a href="javascript:void(0)" class="flipper" id="profilePostNote">
                                                    <div class="front">
                                                        <span>Note<br><br> <i class="fa fa-pencil fa-2x"></i></span>
                                                    </div>
                                                    <div class="back" style="padding: 20px"><br>
                                                        <h5 style="padding: 15px"><span>Emphasize your relevant professional skills and talents!</span></h5>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="subject_toggle flip-container orange">
                                                <a href="javascript:void(0)" class="flipper" id="profilePostAlert">
                                                    <div class="front">
                                                        <span style="width: 120px;">Alert<br><br><i class="fa fa-pencil-square fa-2x"></i></span>
                                                    </div>
                                                    <div class="back" ><br>
                                                        <h5 style="padding: 20px"><span>Encourage people to do their best work!</span></h5>            
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="subject_toggle flip-container purple">
                                                <a href="javascript:void(0)" class="flipper" id="profilePostAssignment">
                                                    <div class="front">
                                                        <span>Assignment<br><br><i class="fa fa-file fa-2x"></i></span>
                                                    </div>
                                                    <div class="back" ><br>
                                                        <h5 style="padding: 20px"><span>Knowledge is the treasure, share it!</span></h5>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="subject_toggle flip-container green">
                                                <a href="javascript:void(0)" class="flipper" id="profilePostImage">
                                                    <div class="front">
                                                        <span>Image<br><br><i class="fa fa-file-image-o fa-2x"></i></span>
                                                    </div>
                                                    <div class="back" ><br>
                                                        <h5 style="padding: 20px"><span>Making learning fun with photographs and pictures!</span></h5>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="subject_toggle flip-container teal">
                                                <a href="javascript:void(0)" class="flipper" id="profilePostVideo">
                                                    <div class="front">
                                                        <span>Video<br><br><i class="fa fa-file-video-o fa-2x"></i></span>
                                                    </div>
                                                    <div class="back" ><br>
                                                        <h5 style="padding: 20px"><span>Making learning fun with videos!</span></h5>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>                                            
                                </div>
                                <!--    Color blocks of Resource section end     -->

                                <!--    Content of Resource section block start       -->

                                <!------Public Post Note Start ------------ -->
                                <div id="resourceNote" 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-pencil fa-2x">&nbsp;&nbsp;&nbsp;</i>Emphasize your relevant professional skills and talents!</span>
                                        </div>
                                        <div class="col-sm-12 gray"><?php echo $public_post_note; ?></div>
                                    </div>
                                </div>
                                <!------Public Post Note End ------------ -->

                                <!------Public Post Alert Start ------------ -->
                                <div id="resourceAlert" 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-pencil-square fa-2x">&nbsp;&nbsp;&nbsp;</i>Encourage people to do their best work!</span>
                                        </div>
                                        <div class="col-sm-12 gray"><?php echo $public_post_alert; ?></div>
                                    </div>
                                </div>
                                <!------Public Post Note End ------------ -->

                                <!------Public Post Assignment Start ------------ -->
                                <div id="resourceAssignment" 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-file fa-2x ">&nbsp;&nbsp;&nbsp;</i>Knowledge is the treasure, share it!</span>
                                        </div>
                                        <div class="col-sm-12 gray"><?php echo $public_post_assignment; ?></div>
                                    </div>
                                </div>
                                <!------Public Post Assignment End ------------ -->

                                <!------Public Post Image Start ------------ -->
                                <div id="resourceImage" 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-file-image-o fa-2x ">&nbsp;&nbsp;&nbsp;</i>Making learning fun with photographs and pictures!</span>
                                        </div>
                                        <div class="col-sm-12 gray"><?php echo $public_post_image; ?></div>
                                    </div>
                                </div>
                                <!------Public Post Image End ------------ -->

                                <!------Public Post Video Start ------------ -->
                                <div id="resourceVideo" 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-file-video-o fa-2x ">&nbsp;&nbsp;&nbsp;</i>Making learning fun with videos!</span>
                                        </div>
                                        <div class="col-sm-12 gray"><?php echo $public_post_video; ?></div>
                                    </div>
                                </div>
                                <!------Public Post Video End ------------ -->

                                <!--    Content of Resource section block end       -->
                            </div>
                        </div>
                    </div>
                    <!--    Resource tab content end    -->
                    
                    <!--    Video Course tab content start  -->
                    <div class="tab-pane" id="VideoCourse">                                    
                        <div class="tab-content panel-body">
                            <div class="row">
                                <!--    Color blocks of Video Course section start     -->
                                <div id="videocourseBlocks" 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="profileLearnerVideoCourse" >
                                                    <div class="front">
                                                        <span>Learner<br><br> <i class="fa fa-user fa-2x"></i></span>
                                                    </div>
                                                    <div class="back" style="padding: 20px"><br>
                                                        <h5 style="padding: 15px"><span>Explore, Learn, Skilled, Share, Hired!</span></h5>
                                                    </div>
                                                </a>
                                            </div>-->
<?php //if (isset($resource_person_type) && (!empty($resource_person_type))) { ?>
                                                <div class="subject_toggle flip-container teal">
                                                    <a href="javascript:void(0)" class="flipper" id="profileTeacherVideoCourse">
                                                        <div class="front">
                                                            <span style="width: 120px;">Teacher<br><br><i class="fa fa-user-secret fa-2x"></i></span>
                                                        </div>
                                                        <div class="back" ><br>
                                                            <h5 style="padding: 20px"><span>Change the world with your teaching magic!</span></h5>            
                                                        </div>
                                                    </a>
                                                </div>
<?php //} ?>

                                            <?php if ($person_role == 4 || $resource_person_type == 1 || $resource_person_type == 3) { ?>
                                                <div class="subject_toggle flip-container purple">
                                                    <a href="javascript:void(0)" class="flipper" id="profileOrganizationVideoCourse">
                                                        <div class="front">
                                                            <span>Organization<br><br><i class="fa fa-building-o fa-2x"></i></span>
                                                        </div>
                                                        <div class="back" ><br>
                                                            <h5 style="padding: 20px"><span>A place for everything to empower your organization!</span></h5>
                                                        </div>
                                                    </a>
                                                </div>
<?php } ?>
                                        </div>
                                    </div>                                            
                                </div>
                                <!--    Color blocks of Video Course section End     -->
                                
                                <!--    Content of Video course section block start       -->
                                <div id="videocourseLearner" 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-user fa-2x">&nbsp;&nbsp;&nbsp;</i>Explore, Learn, Skilled, Share, Hired!</span>
                                        </div>
                                        <div class="col-sm-12 gray learner_course" id="learnerVideoCourseContent"><?php //echo $learner_course; ?></div>
                                    </div>
                                </div>

                                <div id="videocourseTeacher" 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-book fa-2x">&nbsp;&nbsp;&nbsp;</i>Change the world with your teaching magic!</span>
                                        </div>
                                        <div class="col-sm-12 gray" id="teacherVideoCourseContent"><?php echo $teacher_video_course; ?></div>
                                    </div>
                                </div>

                                <div id="videocourseOrganization" 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-building-o fa-2x">&nbsp;&nbsp;&nbsp;</i>A place for everything to empower your organization!</span>
                                        </div>
                                        <div class="col-sm-12 gray" id="organizationVideoCourseContent"><?php echo $organization_video_course; ?></div>
                                    </div>
                                </div>
                                <!--    Content of Video course section block end       -->
                            </div>
                        </div>
                    </div>
                    <!--    Video Course tab content end    -->
                </div>
                <!--   Tab content end    -->
            </div> 
        </div> 

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

 <div class="col-sm-12  mobile_view_profile_height"><br></div>

</div>
<script src="<?php echo base_url('resource_library/js-video-player/plyr.js'); ?>"></script>

<script src="<?php echo base_url() ?>front_end_resource/quiz/skill_meter.js" type="text/javascript"></script>
<!--    Script for edition profile info     -->
<script type="text/javascript" src="<?php echo base_url() ?>front_end_resource/profile/edit_profile.js"></script>
<!-- Script for making continent tab responsive -->
<script src="<?php echo base_url(); ?>js/responsive_tabs.js"></script>
<!-- Script for Course Related Functionality -->
<script src="<?php echo base_url('front_end_resource/course/course_view.js'); ?>" type="text/javascript"></script>
<!-- Script for Map Realted Functionality -->
<script src="<?php echo base_url(); ?>resource_library/js/location.js"></script>
<!-- Script for profile page -->
<script src="<?php echo base_url(); ?>front_end_resource/profile/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=AIzaSyCA52OfYaYjhj7buBVSy2Aw0KS41T7xZmM&libraries=places,geometry,drawing">
</script>