@extends('layouts.default')
@section('content')
<style>
    .tital{ font-size:16px; font-weight:500;}
     .bot-border{ border-bottom:1px #f8f8f8 solid;  margin:5px 0  5px 0}
     .recent_activities{margin-top: 12px;max-height: 500px;overflow: auto}
</style>
<div class="right_col" role="main">
    <div class="">
        <div class="page-title">
            <div class="title_left">
                <h3><strong> Welcome</strong> {{ ucwords($user_details->name) }} </h3>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                        <div class="title_left">
                            <h2>{{ ucwords($user_details->name) }} Profile <small>Activity report</small></h2>
                        </div>
                        <hr style="margin-top: 3px;margin-bottom: 8px;">
                    <div class="clearfix"></div>
                    <div class="x_content">
                        <div class="col-md-3 col-sm-3 col-xs-12 profile_left">
                            <div class="profile_img">
                                @if(Entrust::hasRole('student'))
                                <form id="uploadImageForm" action="{{ url('profile') }}" method="post" enctype="multipart/form-data">
                                    <div id="crop-avatar">

                                        <!-- Current avatar -->
                                         <label for="profile_img" style="cursor: pointer">
                                            <img class="img-responsive avatar-view" src="{{ 
                                            Userdefined::getAvatar($id)  }}" alt="Avatar" title="Change the avatar">
                                        </label>

                                    </div>
                                    <input type="file" id="profile_img" name="profile_img" style="display: none;">
                                
                                         <i class="fa fa-info-circle"> Click on the Image to change the Avatar</i>
                                        
                                        {{ csrf_field() }}
                                </form>
                                @else
                                    <div id="crop-avatar">
                                        <!-- Current avatar -->
                                         <label for="profile_img" style="cursor: pointer">
                                            <img class="img-responsive avatar-view" src="{{ 
                                            Userdefined::getAvatar($id)  }}" alt="Avatar" title="Change the avatar">
                                        </label>

                                    </div>
                                @endif
                            </div>
                            <h3><strong>{{ ucwords($user_details->name) }}</strong></h3>
                            <ul class="list-unstyled user_data">
                                <li>
                                    <i class="fa fa-map-marker user-profile-icon"></i> {{ isset($user_details->city_name)?ucwords($user_details->city_name).', ':'' }}{{ isset($user_details->state_name)?ucwords($user_details->state_name).', ':'' }}{{ ucwords($user_details->country_name) }}
                                </li>
                                @if(Session::get('emp_status')=='in_job')
                                <li>
                                    <i class="fa fa-briefcase user-profile-icon"></i> Employee
                                </li>
                                @else
                                <li>
                                    <i class="fa fa-briefcase user-profile-icon"></i> {{ $user_details->display_name }}
                                </li>
                                @endif
                                

                                <li class="m-top-xs">
                                    <i class="fa fa-envelope user-profile-icon"></i> {{ $user_details->email }}
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-9 col-sm-9 col-xs-12">
                            <div class="" role="tabpanel" data-example-id="togglable-tabs">
                                <ul id="myTab" class="nav nav-tabs " role="tablist">
                                    <li role="presentation" class="active">
                                        <a href="#tab_content" id="profile-tab" role="tab" data-toggle="tab" aria-expanded="true">Personal Details</a>
                                    <li role="presentation" >
                                        <a href="#tab_content1" id="recruiter-tab" role="tab" data-toggle="tab" aria-expanded="false">Recruiter Details</a>
                                    </li>
                                    </li>
                                    <li role="presentation" >
                                        <a href="#tab_content2" id="home-tab" role="tab" data-toggle="tab" aria-expanded="false">Recent Activity</a>
                                    </li>
                                    <li role="presentation" >
                                        <a href="#tab_content4" id="cer-tab" role="tab" data-toggle="tab" aria-expanded="false">Certification</a>
                                    </li>
                                    <li role="presentation" >
                                        <a href="#tab_content3" id="skill-tab" role="tab" data-toggle="tab" aria-expanded="false">Skills</a>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <!-- start personal details -->
                                    <div id="tab_content" role="tabpanel" class="tab-pane fade active in" aria-labelledby="profile-tab">
                                        <div class="" style="margin-top: 12px">
                                                 <div class="bot-border"></div>
                                                 <div class="col-sm-5 col-xs-6 tital " >Mobile:</div>
                                                 <div class="col-sm-7"> {{$user_details->mobile}}</div>
                                                 <div class="clearfix"></div>
                                                 <div class="bot-border"></div>
                                                 <div class="col-sm-5 col-xs-6 tital " >E-Mail:</div>
                                                 <div class="col-sm-7"> {{$user_details->email}}</div>
                                                 <div class="clearfix"></div>
                                                 <div class="bot-border"></div>
                                                 <div class="col-sm-5 col-xs-6 tital " >Date Of Birth:</div>
                                                 <div class="col-sm-7">{{
                                                 date("d-M-Y", strtotime($user_details->date_of_birth))

                                                  }}</div>
                                                 <div class="clearfix"></div>
                                                 <div class="bot-border"></div>
                                                 <div class="col-sm-5 col-xs-6 tital " >Visa Status:</div>
                                                 <div class="col-sm-7">{{ ucwords(isset($user_details->visa_status)?$user_details->visa_status:'-')}}</div>
                                                 <div class="clearfix"></div>
                                                 <div class="bot-border"></div>
                                                 <div class="col-sm-5 col-xs-6 tital">Address:</div>
                                                    <div class="col-sm-7">{{ ucwords(isset($user_details->address)?$user_details->address:'-') }}</div>
                                                 <div class="clearfix"></div>
                                                 <div class="bot-border"></div>
                                                 <div class="col-sm-5 col-xs-6 tital " >Batch:</div>
                                                 <div class="col-sm-7">{{ $user_details->batch_name }}</div>
                                                 <div class="clearfix"></div>
                                                 <div class="bot-border"></div>
                                                 <div class="col-sm-5 col-xs-6 tital " >Status:</div>
                                                 <div class="col-sm-7">{{ucwords($user_details->status) }}</div>
                                                 <div class="clearfix"></div>
                                                 <div class="bot-border"></div>
                                                 <div class="col-sm-5 col-xs-6 tital">Technologies:</div>
                                                 @if($technologys_name)
                                                     @foreach($technologys_name as $t_name)
                                                     <div class="col-sm-7 col-xs-6">{{ strtoupper(isset($t_name->tec_name)?$t_name->tec_name:'-') }}</div>
                                                     @endforeach
                                                 @endif
                                                 
                                        </div>
                                    </div>
                                    <!-- end personal details -->
                                    <!-- start recruiter activity -->
                                     <div id="tab_content1" role="tabpanel" class="tab-pane fade" aria-labelledby="recruiter-tab" style="margin-top: 12px">
                                      <div class="col-sm-5 col-xs-6 tital">Recruiter Name:</div>
                                                 <div class="col-sm-7 col-xs-6">{{ucwords($user_details->r_name) }}</div>
                                                 <div class="clearfix"></div>
                                                 <div class="bot-border"></div>
                                                 <div class="col-sm-5 col-xs-6 tital">Recruiter Mobile:</div>
                                                 <div class="col-sm-7"> {{$user_details->r_mobile}}</div>
                                                 <div class="clearfix"></div>
                                                 <div class="bot-border"></div>
                                                 <div class="col-sm-5 col-xs-6 tital">Recruiter E-Mail:</div>
                                                 <div class="col-sm-7"> {{$user_details->r_email}}</div>
                                                 <div class="clearfix"></div>
                                                 <div class="bot-border"></div>
                                     </div>
                                    <!-- end recruiter activity -->
                                    <!-- start recent activity -->
                                    <div role="tabpanel" class="tab-pane fade recent_activities"  id="tab_content2" aria-labelledby="home-tab">
                                        <ul class="messages">
                                            @if(count($latest_activities)>0)
                                            @foreach($latest_activities as $latest_activity)
                                            <li>
                                                <img src="{{ Userdefined::getAvatar(Auth::user()->id)  }}" class="avatar" alt="Avatar">
                                                <div class="message_date">
                                                    <span class="date text-info">{{ date('d',strtotime($latest_activity['created_at'])) }}</span>
                                                    <span class="month">{{ date('M',strtotime($latest_activity['created_at'])) }}</span>

                                                </div>
                                                <div class="message_wrapper">
                                                    <blockquote class="message">{{ $latest_activity['text'] }}</blockquote>
                                                    <br>
                                                </div>
                                            </li>
                                            @endforeach
                                            @else
                                            <li>No Recent Activity!</li>
                                            @endif
                                        </ul>
                                    </div>
                                    <!-- end recent activity -->
                                    <!--Certification Details -->
                                    <div role="tabpanel" class="tab-pane fade col-md-12 col-sm-12 col-xs-12 " style="margin-top: 12px;max-height: 500px;overflow: auto"  id="tab_content4" aria-labelledby="cer-tab">
                                            <table class="table table-striped table-bordered dt-responsive nowrap datatable-responsive jambo_table" cellspacing="0" width="100%">
                                            <thead>
                                                <tr>
                                                    <th>S.No</th>
                                                    <th>Name</th>
                                                    <th>Certification Id</th>
                                                    <th>Validity</th>
                                                    <th>Status</th>
                                                    
                                                </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($certefication as $k=>$certefications)
                                                 <tr style="text-align: center">
                                                    <td>{{ $k+1 }}</td>
                                                    <td>{{ $certefications->certification_name }}</td>
                                                    <td>{{ $certefications->certification_Id }}</td>
                                                    <td>{{ $certefications->certification_validity }}</td>
                                                    <td>{{ $certefications->certificate_status }}</td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>            
                                    </div>
                                    <!-- end skills  -->
                                    <!-- Certification Details End-->
                                    <!-- start skills -->
                                    <div role="tabpanel" class="tab-pane fade col-md-6 col-sm-6 col-xs-12 " style="margin-top: 12px;max-height: 500px;overflow: auto"  id="tab_content3" aria-labelledby="home-tab">
                                            @if($skills[0]==="")
                                                <h4>No Skills Found</h4> 
                                            @else
                                            <ul class="list-unstyled user_data">
                                            @foreach($skills as $skills_list)
                                                <li>
                                                    <p>{{ ucwords($skills_list) }}</p>
                                                    <div class="progress progress_sm">
                                                        <div class="progress-bar bg-green" role="progressbar" data-transitiongoal="100"></div>
                                                    </div>
                                                </li>
                                            @endforeach
                                            </ul>
                                            @endif
                                    </div>
                                    <!-- end skills  -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- recruiter comments by ramesh -->
        <div class="col-md-6 col-sm-6 col-xs-12">
            <div class="x_panel tile fixed_height_320">
                <div class="x_title">
                    <h2>Recruiter Comments</h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <!-- <li><i class="fa fa-refresh btn btn-sm" title="refresh" aria-hidden="true" onclick="refresh()" id="refresh"></i> -->
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
               
                <div class="messag" style="height:60%; overflow: auto;" id="cmnt_div"></div> 
                    <div class="x_footer">
                        <div class="input-group">
                            <input type="hidden" id="student_id" name="student_id" value="{{$user_details->si_no}}">
                            @if(Entrust::hasRole('student'))
                            <input id="comment" type="text" class="form-control input-sm" placeholder="Type your Comments here..."/ disabled>
                            <span class="input-group-btn">
                                <button class="btn btn-success btn-sm" id="btn-cmnt" onclick="add_comment()" disabled>
                                  Add Comment</button>
                            </span>
                            @else
                            <input id="comment" type="text" class="form-control input-sm" placeholder="Type your Comments here..."/>
                            <span class="input-group-btn">
                                <button class="btn btn-success btn-sm" id="btn-cmnt" onclick="add_comment()">
                                  Add Comment</button>
                            </span>
                            @endif
                        </div>
                    </div>
              
            </div>
        </div>
        <!-- recruiter comments end -->
        </div>

    </div>
</div>

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

    $("#profile_img").change(function(){
        $("#uploadImageForm").submit();
    });

 
$('.recent_activities').mCustomScrollbar({
    autoHideScrollbar: true,
    theme: 'dark-3',
    mouseWheelPixels: 50,
    scrollInertia: 60,
    mouseWheel:{ preventDefault: true }
});


  if($('#student_details').length){
    Morris.Bar({
          element: 'student_details',
          data: [
          {"period": "2016-10-01", "In Traning": 807, "On Bench": 660, "In Job": 660},
          {"period": "2016-09-30", "In Traning": 1251, "On Bench": 729, "In Job": 729},
          {"period": "2016-09-29", "In Traning": 1769, "On Bench": 1018, "In Job": 1018},
          {"period": "2016-09-20", "In Traning": 2246, "On Bench": 1461, "In Job": 1461},
          {"period": "2016-09-19", "In Traning": 2657, "On Bench": 1967, "In Job": 1967},
          {"period": "2016-09-18", "In Traning": 3148, "On Bench": 2627, "In Job": 2627},
          {"period": "2016-09-17", "In Traning": 3471, "On Bench": 3740, "In Job": 3740},
          {"period": "2016-09-16", "In Traning": 2871, "On Bench": 2216, "In Job": 2216},
          {"period": "2016-09-15", "In Traning": 2401, "On Bench": 1656, "In Job": 1656},
          {"period": "2016-09-10", "In Traning": 2115, "On Bench": 1022, "In Job": 1022}
          ],
          xkey: 'period',
          barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
          ykeys: ['In Traning', 'On Bench', 'In Job'],
          labels: ['In Traning', 'On Bench', 'In Job'],
          hideHover: 'auto',
          xLabelAngle: 60,
          resize: true
        });
    }
});
</script>

<script>
    $(document).ready(function(){
        return refresh();
    });

     function add_comment(){
        student_id = $('#student_id').val();
        comment = $('#comment').val();
        $.ajax({
            url : '/store_comments',
            data :{ 'comment': comment , 'student_id': student_id},
            success : function(result){
                $('#cmnt_div').html(result);
                $('#comment').val('');
                $(".messag").scrollTop($(".messag")[0].scrollHeight);
            }
        });
    };

    /*Callable Function*/
    function refresh(){
        student_id = $('#student_id').val();
        $.ajax({
            url : '/store_comments',
            data : 'comment='+'&student_id='+student_id,
            success : function(result){
                $('#cmnt_div').html(result);
                 $(".messag").scrollTop($(".messag")[0].scrollHeight);
            }
        });
    };


    $("#comment").on('keydown', function (e) {
        if (e.keyCode == 13) {
              student_id = $('#student_id').val();
              comment = $('#comment').val();
            $.ajax({
               url : '/store_comments',
            data :{ 'comment': comment , 'student_id': student_id},
                success : function(result){
                     $('#cmnt_div').html(result);
                     $('#comment').val('');
                     return refresh();
                }
            });
        }
    });
</script>

@stop