<?php $__env->startSection('pageCss'); ?>
    <link rel="stylesheet" type="text/css" href="<?php echo e(URL::asset('assets/css/vendor/international.phones.css')); ?>">
    <script src="<?php echo e(URL::asset('assets/js/countries.js')); ?>" type="text/javascript"></script>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('pageScripts'); ?>
    <script type="text/javascript"
            src="<?php echo e(URL::asset('assets/js/vendor/validate.min.js')); ?>"></script>
    <script type="text/javascript"
            src="<?php echo e(URL::asset('assets/js/vendor/validate.additional.js')); ?>"></script>
    <script src="<?php echo e(URL::asset('assets/js/vendor/international.phones.min.js')); ?>"></script>

    <script src="<?php echo e(URL::asset('assets/js/vendor/international.phones.utility.js')); ?>"></script>
    <script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
    <script src="<?php echo e(URL::asset('assets/js/vendor/geocomplete.js')); ?>"></script>
    <script>
        $('input[type="tel"]').intlTelInput();
        var homeMap =$('.geo-home-map-canvas');
        var currentMap =$('.geo-current-map-canvas');
        homeMap.height(300);
        currentMap.height(300);
        $('#geo-current-country').geocomplete({
            map: currentMap,
            location: '<?php echo e($user->current_address); ?>'
        });
        $('#geo-home-country').geocomplete({
            map: homeMap,
            location: '<?php echo e($user->home_country_address); ?>'
        });
    </script>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('title'); ?>
    <i class="icon icon-profile"></i> <?php echo e($user->name); ?>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
    <div class="row">
        <div class="col-md-3">
            <ul class="nav nav-pills-stacked margin-bottom-10">
                <li class="active">
                    <a data-toggle="tab" href="#tab_2-2">
                        <i class="fa fa-picture-o"></i> Personal Information</a>
                </li>
                <li>
                    <a data-toggle="tab" href="#tab_1-1">
                        <i class="fa fa-cog"></i> Employee Details </a>
												<span class="after">
												</span>
                </li>
                <li>
                    <a data-toggle="tab" href="#tab_3-3">
                        <i class="fa fa-lock"></i> Job Information </a>
                </li>
                <li>
                    <a data-toggle="tab" href="#tab_4-4">
                        <i class="fa fa-eye"></i> Line Managers </a>
                </li>
                <li>
                    <a data-toggle="tab" href="#tab_6-6">
                        <i class="fa fa-eye"></i> Compensation and Benefits </a>
                </li>
                <li>
                    <a data-toggle="tab" href="#tab_5-5">
                        <i class="fa fa-eye"></i> Leave Balances </a>
                </li>
            </ul>
        </div>
        <div class="col-md-9">
            <style>
                .dd-left > dt {
                    text-align: left;
                }
            </style>
            <div class="tab-content">
                <div id="tab_1-1" class="tab-pane">
                    <ul class="list-group">
                        <li class="list-group-item">Name: <?php echo e($user->name); ?></li>
                        <li class="list-group-item">Employee ID: <?php echo e($user->employee_id); ?></li>
                        <li class="list-group-item">Company Email: <?php echo e($user->company_email); ?></li>
                        <li class="list-group-item">Company Contact Number: <?php echo e($user->company_phone); ?></li>
                        <li class="list-group-item">Company P.O. Box: <?php echo e($user->company_po_box); ?></li>
                    </ul>
                </div>
                <div id="tab_2-2" class="tab-pane active">
                    <ul class="list-group">
                        <li class="list-group-item">Gender: <?php echo e($user->gender); ?></li>
                        <li class="list-group-item">Email: <?php echo e($user->email); ?></li>
                        <li class="list-group-item">Religion: <?php echo e($user->religion); ?></li>
                        <li class="list-group-item">Current Address: <?php echo e($user->current_address); ?><br>
                            <input type="hidden" id="geo-current-country" value="<?php echo e($user->current_address); ?>">
                            <div class="geo-current-map-canvas"></div>
                        </li>
                        <li class="list-group-item">Home Country Address: <?php echo e($user->home_country_address); ?><br>
                            <input type="hidden" id="geo-home-country" value="<?php echo e($user->home_country_address); ?>">
                            <div class="geo-home-map-canvas"></div>
                        </li>
                        <li class="list-group-item">Home Country Contact
                            Number: <?php echo e($user->home_country_contact_number); ?></li>
                        <li class="list-group-item">Home Country P.O. Box: <?php echo e($user->original_po_box); ?></li>
                        <li class="list-group-item">Nationality: <?php echo e($user->nationality); ?></li>
                        <li class="list-group-item">Marital Status: <?php echo e($user->marital_status); ?></li>
                        <li class="list-group-item">Visa Expiry Date: <?php echo e($user->visa_expiry_date); ?></li>
                        <li class="list-group-item">Medical Insurance Expiry
                            Date: <?php echo e($user->medical_insurance_expiry_date); ?></li>
                    </ul>
                </div>
                <div id="tab_3-3" class="tab-pane">
                    <ul class="list-group">
                        <li class="list-group-item">Department: <?php echo e(isset($user->department) ? $user->department : 'Not Assigned'); ?></li>
                        <li class="list-group-item">Group: <?php echo e(isset($user->group) ? $user->group : 'Not Assigned'); ?></li>
                        <li class="list-group-item">Title: <?php echo e($user->title); ?></li>
                        <li class="list-group-item">Join Date: <?php echo e($user->join_date); ?></li>
                        <li class="list-group-item">Project/ Location: <?php echo e($user->location); ?></li>
                    </ul>
                </div>
                <div id="tab_4-4" class="tab-pane">
                    <ul class="list-group">
                        <?php if(is_array($user->managers)): ?>
                            <li class="list-group-item">
                                Line Managers
                            </li>
                            <?php $i = 1; ?>
                            <?php foreach($user->managers as $manager): ?>
                                <li class="list-group-item">
                                    <span class="label label-info">Line Manager#:<?php echo e($i++); ?> </span>
                                    <span class="label label-primary"> <?php echo e($manager->name); ?></span>
                                </li>
                            <?php endforeach; ?>
                        <?php endif; ?>
                    </ul>
                </div>
                <div id="tab_5-5" class="tab-pane">
                    <div class="form form-horizontal">
                        <ul class="list-group">
                            <li class="list-group-item">
                                Leave Balance
                            </li>
                            <table class="table hr-table">
                                <thead>
                                <tr>
                                    <th>Leave</th>
                                    <th>Balance</th>
                                </tr>
                                </thead>
                                <tbody>
                                <?php foreach($user->leaves_balance as $leave): ?>
                                    <tr>
                                        <td>
                                            <?php echo e($leave->name); ?>

                                        </td>
                                        <td>
                                            <?php echo e($leave->value.' '.\Illuminate\Support\Str::plural('Day', $leave->value)); ?>

                                        </td>
                                    </tr>
                                <?php endforeach; ?>
                                </tbody>
                            </table>
                        </ul>
                    </div>
                </div>
                <div id="tab_6-6" class="tab-pane">
                    <div class="form form-horizontal">
                        <ul class="list-group">
                            <li class="list-group-item">
                                Compensation and Benefits
                            </li>
                            <table class="table hr-table">
                                <thead>
                                <tr>
                                    <th>Compensation/ Benefit</th>
                                    <th>Value</th>
                                </tr>
                                </thead>
                                <tbody>
                                <?php foreach($user->compensations as $compensation): ?>
                                    <tr>
                                        <td>
                                            <?php echo e($compensation->name); ?>

                                        </td>
                                        <td>
                                            <?php echo e($compensation->value.' '.$user->currency); ?>

                                        </td>
                                    </tr>
                                <?php endforeach; ?>
                                </tbody>
                            </table>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--end col-md-9-->
    </div>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>