<span class="col-sm-12"> 
    <span class="col-sm-4">Join Talha Corporation</span>
    <span class="col-sm-4" 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>
<span class="col-sm-12"><br></span>


<form method="post" name="edit_person_detail_info" action="javascript:void(0)"
      onsubmit="updatePersonInformation('<?php echo base_url() . 'profile/update_person_info_by_id/' . $person_info->person_id ?>')" >
    <div class="form-group col-sm-8">
        <div class="input-group">
            <input id="personal_email"
                   name="person_email"
                   value="<?php echo $person_info->person_email ?>" 
                   type="text" class="form-control" 
                   placeholder="Please Type Your Email" 
                   onblur="checkEmail(this.value,'<?php echo $person_info->person_email ?>','<?php echo base_url().'profile/check_email_existance/'.$person_info->person_id.'/'; ?>')"
                   aria-describedby="basic-addon1">
            <span class="input-group-addon" id="basic-addon1"><i class="fa fa-at"></i></span>
        </div>
        <span id="email_exist_error" style="color: red"></span>
        <span id="email_error" style="color: red"></span>
    </div>
    <div class="col-sm-12"></div>
    <?php 
    $contact_number = explode(' ', $person_info->person_contact_number); 
    ?>
    <div class="form-group col-sm-2">
            <input id="country_code"
                   name="country_code"
                   value="<?php echo $contact_number[0]; ?>" 
                   type="text" class="form-control" 
                   aria-describedby="basic-addon1" disabled>
    </div>
    <div class="form-group col-sm-6">
        <div class="input-group">
            <input id="person_contact_number"
                   name="person_contact_number"
                   value="<?php echo $contact_number[1]; ?>" 
                   type="text" class="form-control" 
                   placeholder="Please Type Your Contact Number" 
                   aria-describedby="basic-addon1">
            <span class="input-group-addon" id="basic-addon1"><i class="fa fa-mobile-phone"></i></span>
        </div>
        <span id="contact_error" style="color: red"></span>
    </div>

    <!--<div class="col-sm-12"> <br></div>-->
    <div class="form-group col-sm-8">
        <div class="input-group">
            <select autofocus selected
                    class="form-control validate[required] text-input" 
                    id="person_country" 
                    name ="person_country" >
            </select>
            <span class="input-group-addon" id="basic-addon1" title="Please select country name"><i class="fa fa-flag-checkered"></i></span>
        </div>
        <span id="country_error" style="color: red"></span>
    </div>
    <input type="hidden" id="person_country_hidden" value="<?php echo $person_info->person_country; ?>">
    <input type="hidden" id="person_city_hidden" value="<?php echo $person_info->person_city; ?>">
    <!--<div class="col-sm-12"> <br></div>-->

    <div class="form-group col-sm-8">
        <div class="input-group">
            <select  
                class="form-control validate[required] text-input" 
                name ="person_city" 
                id ="person_city" autofocus>
                <option value=" ">Select State</option>
            </select>
            <span class="input-group-addon" id="basic-addon1" title="please select person city"><i class="fa fa-flag"></i></span>
        </div>
        <span id="city_error" style="color: red"></span>
    </div>


    <!--<input type="text" name="country_code" id ="country_code" value="">-->
    <!--<div class="col-sm-12"> <br></div>-->

    <div class="form-group col-sm-8">
        <div class="input-group">
            <textarea id="personal_address" name="person_address" rows="2" cols="100" style="max-width: 660px;max-height: 150px"
                      class="form-control" 
                      placeholder="Please Type Your  Address"><?php echo $person_info->person_address ?> </textarea>
        </div>
        <span id="address_error" style="color: red"></span>
    </div>
    <input type="hidden" id="person_gender_hidden" value="<?php echo $person_info->person_gender ?>">
    <div class="form-group col-sm-8">
        <label class="col-sm-3 text-left padding-zero" for="person_gender"> Gender  :  &nbsp;&nbsp;</label>
        <div class="radio radio-success col-sm-9 margin-zero">
            <input type="radio" name="person_gender" id="published" value="1">
            <label for="published">Male</label>
            <span style="margin-right: 30px"></span>
            <input type="radio" name="person_gender" id="unpublished" value="2">
            <label for="unpublishded">Female</label>
        </div>
        <span id="gender_error" style="color: red"></span>
    </div>
    

    <!--<div class="col-sm-12"> <br></div>-->
    <div class="form-group col-sm-8">

        <div class='input-group' id='datetimepicker2'>
            <input id="person_birthday_date"
                   name="person_birthday"
                   value="<?php echo $person_info->person_birthday ?>" 
                   type='text' 
                   class="form-control" 
                   onblur="checkCurrentDate(this.value)"
                   placeholder=" Please Select Your Birth date"/>
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span><br>
            </span>
        </div>
        <span id="birthday_error" style="color: red"></span>

    </div>

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

    <div class="form-group col-sm-1 col-sm-offset-4">
        <!--<input id="update_button" type="submit" value="Update Personal Information" class="green-btn btn btn-default">-->
        <button id="update_button" type="submit" class="btn btn-default "><i class="fa fa-save" title="Update Personal Information"></i></button>
    </div>
    <div class="form-group col-sm-1">
        <!--<input id="update_button" type="submit" value="Update Personal Information" class="green-btn btn btn-default">-->
        <a href="#" id="cancelUpdatePersonalInfo" class="btn btn-default "><i class="fa fa-times" title="Cancel"></i></a>
    </div>
</form>
<span class="col-sm-12"></span>
<span class="col-sm-12"> 
    <span class="col-sm-4">Link</span>
    <span class="col-sm-4"><a><?php echo $total_friends ?></a></span>
    <span class="col-sm-4"></span>
</span>