@extends('AdminLte.template')

<!--Title-->
@section('title')
Employee Qualifications
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
@endsection
<!--External CSS Close-->

@section('Content')
<style>
    tbody{
        overflow:scroll;
        overflow-x:hidden ;
        height:100px;
    }
    .scroll{
        overflow:scroll;
        overflow-x:hidden ;
        height:100px;

    }
    th.yellow{
        background-color: #fcf8e3;
    }
    td.red_table{
        background-color: #F0FFFF;
    }
    .panel-body{

        background-color:whitesmoke;
    }
</style>
<br>
<br>
<div class="container">
    <ul class="nav nav-tabs">
        <li ><a href="{{url('tab').'/'.$id}}">Personal Details</a></li>
        <li ><a href="{{url('contact_details').'/'.$id}}">Contact Details</a></li>
        <li><a href="{{url('emergency').'/'.$id}}">Emergency Details</a></li>
        <li><a href="{{url('employee_dependent').'/'.$id}}">Dependents</a></li>
        <li><a href="{{url('employee_job').'/'.$id}}">Job</a></li>
        <li><a href="{{url('employee_salary_details').'/'.$id}}">Salary</a></li>
        <li ><a href="{{url('employee_reporting').'/'.$id}}">Reporting</a></li>
        <li class="active"><a href="{{URL::current()}}">Qualification</a></li>
        <li><a href="{{url('employee_mapping').'/'.$id}}">Mapping</a></li>
    </ul>
    <br>

    <!--View Content of database-->
    <div class="panel panel-default" style="width:1100px;">
        <div class="panel-heading fontsize16 borderBottomGray">
            @include('Hrms/display_header')
        </div>
    </div>
    <div class="col-md-6">
        <div class="panel panel-default" style="width:500px;">

            <div class="panel-heading fontsize16 borderBottomGray">
                Work Experience
            </div>
            <div class="panel-body borderBottomGray">
                <table class="borderNone commonFontSize" style="width:100%; height:25%;">
                    <thead>
                        <tr style="width:100%">
                            <th style="width:2%" class="th yellow borderNone"><input type="checkbox" id="check_all_experience"></th>
                            <th style="width:2%" class="th yellow borderNone">Sr</th>
                            <th style="width:10%" class="th yellow borderNone">Company</th>
                            <th style="width:10%" class="th yellow txtLeft borderNone">Designation</th>
                            <th style="width:10%" class="th yellow txtCenter borderNone">From</th>
                            <th style="width:10%" class="th yellow txtCenter borderNone">To</th>
                            <th style="width:10%" class="th yellow txtCenter borderNone">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="7">
                                <div class="scroll borderBottomGray" style="height:60px;">
                                    <table style="width:100%">
                                                                                @foreach ($employee_workexperience as $key=>$ework)
                                        <tr style="width:100%">
                                            <td style="width:2%" class="td notBold red_table borderTopBottomGray"><input type="checkbox" class="checkbox_experience" data-ids="{{$ework->employee_workexperience_id}}"></td>
                                            <td style="width:2%" class="td red_table notBold borderTopBottomGray">&nbsp;{{ $i++ }}</td>
                                            <td style="width:10%" class="td red_table notBold borderTopBottomGray">&nbsp;{{ $ework->company }}</td>
                                            <td style="width:10%" class="td red_table txtLeft notBold borderTopBottomGray">&nbsp;{{ $ework->job_title }}</td>
                                            <td style="width:10%" class="td red_table txtCenter notBold borderTopBottomGray">&nbsp;{{\Helper::getDisplayDate($ework->from_date) }}</td>
                                            <td style="width:10%" class="td red_table txtCenter notBold borderTopBottomGray">&nbsp;{{\Helper::getDisplayDate($ework->to_date) }}</td>
                                            <td style="width:10%" class="td success txtCenter notBold red_table borderTopBottomGray">
                                                <button type="button" data-workexperience='{{ json_encode($ework)}}' class="btn btn-primary fontsize10 noPaddingTopBottom btnEditWE"><span class="glyphicon glyphicon-edit fontsize15"></span>Edit</button></td>
                                        </tr>
                                        @endforeach

                                    </table>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="col-md-6">
                    <button data-id="{{$id}}" class="btn btn-success btn-xs btnAddWE"><span class="glyphicon glyphicon-plus"></span> Add New
                    </button>
                    <button class="btn btn-danger btn-xs delete-all" data-type="experience" data-url="/destory_WorkExperence"><span class="glyphicon glyphicon-trash"></span> Delete</button>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-5">
        <div class="panel panel-default" style="width:500px;">

            <div class="panel-heading fontsize16 borderBottomGray">
                Education

            </div>


            <div class="panel-body borderBottomGray">
                <table class=" borderNone commonFontSize" style="width:100%">
                    <thead>
                        <tr style="width:100%">
                            <th style="width:2%" class="th yellow borderNone"><input type="checkbox" id="check_all_education"></th>
                            <th style="width:2%" class="th yellow borderNone">Sr</th>
                            <th style="width:8%" class="th yellow borderNone">Level</th>
                            <th style="width:9%" class="th yellow txtLeft borderNone">Year Of Passing</th>
                            <th style="width:5%" class="th yellow txtLeft borderNone">University</th>
                            <th style="width:2%" class="th yellow txtLeft borderNone">Score</th>
                            <th style="width:10%" class="th yellow txtCenter borderNone">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr >
                            <td colspan="7">
                                <div class="scroll borderBottomGray" style="height:60px;">
                                    <table style="width:100%">
                                                                                @foreach ($employee_education as $key=>$edu)
                                        <tr style="width:100%">
                                            <td style="width:2%" class="td notBold red_table borderTopBottomGray"><input type="checkbox" class="checkbox_education" data-ids="{{$edu->employee_education_id}}"></td>
                                            <td style="width:2%" class="td red_table notBold borderTopBottomGray">&nbsp;{{$i++ }}</td>
                                            <td style="width:8%" class="td red_table notBold borderTopBottomGray ">&nbsp;{{ $edu->education_level }}</td>
                                            <td style="width:9%" class="td red_table txtCenter notBold borderTopBottomGray">&nbsp;{{ $edu->year_of_passing }}</td>
                                            <td style="width:5%" class="td txtCenter red_table notBold borderTopBottomGray">&nbsp;{{ $edu->university }}</td>
                                            <td style="width:2%" class="td red_table notBold txtCenter borderTopBottomGray">&nbsp;{{ $edu->score }}</td>
                                            <td style="width:10%" class="td success notBold txtCenter red_table borderTopBottomGray">
                                                <button type="button" data-education='{{ json_encode($edu)}}' class="btn btn-primary fontsize10 noPaddingTopBottom btnEditEDU"><span class="glyphicon glyphicon-edit fontsize15"></span>Edit</button></td>
                                        </tr>
                                        @endforeach

                                    </table>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="col-md-6">
                    <button data-id="{{$id}}" class="btn btn-success btn-xs btnAddEDU"><span class="glyphicon glyphicon-plus"></span> Add New
                    </button>
                    <button class="btn btn-danger btn-xs delete-all" data-type="education" data-url="/destory_Education"><span class="glyphicon glyphicon-trash"></span> Delete</button>
                </div>
            </div>
        </div>
    </div>
    <!--View Content of database-->
    <div class="col-md-6">
        <div class="panel panel-default" style="width:500px;">

            <div class="panel-heading fontsize16 borderBottomGray">
                Skill

            </div>
            <div class="panel-body borderBottomGray">
                <table class=" borderNone commonFontSize" style="width:100%">
                    <thead>
                        <tr style="width:100%">
                            <th style="width:2%" class="th yellow borderNone"><input type="checkbox" id="check_all_skill"></th>
                            <th style="width:2%" class="th yellow borderNone">Sr</th>
                            <th style="width:10%" class="th yellow borderNone">Skill</th>
                            <th style="width:10%" class="th yellow txtCenter borderNone">Total Year of experience</th>
                            <th style="width:10%" class="th yellow txtCenter borderNone">Action</th>

                        </tr>
                    </thead>
                    <tbody>
                        <tr >
                            <td colspan="5">
                                <div class="scroll borderBottomGray" style="height:60px;">
                                    <table style="width:100%">
                                                                                @foreach ($employee_skill as $key=>$skill)
                                        <tr style="width:100%">
                                            <td style="width:2%" class="td notBold red_table borderTopBottomGray"><input type="checkbox" class="checkbox_skill" data-ids="{{$skill->employee_skill_id}}"></td>
                                            <td style="width:2%" class="td red_table notBold borderTopBottomGray">&nbsp;{{ $i++ }}</td>
                                            <td style="width:10%" class="td red_table notBold borderTopBottomGray">&nbsp;{{ $skill->skill_name }}</td>
                                            <td style="width:10%" class="td red_table notBold txtCenter borderTopBottomGray">&nbsp;{{ $skill->total_months }}</td>
                                            <td style="width:10%" class="td success notBold txtCenter red_table borderTopBottomGray">
                                                <button type="button" data-skill='{{ json_encode($skill)}}' class="btn btn-primary fontsize10 noPaddingTopBottom btnEditS"><span class="glyphicon glyphicon-edit fontsize15"></span>Edit</button></td>
                                        </tr>
                                        @endforeach

                                    </table>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="col-md-6">
                    <button  data-id="{{$id}}" class="btn btn-success btn-xs btnAddS"><span class="glyphicon glyphicon-plus"></span> Add New
                    </button>
                    <button class="btn btn-danger btn-xs delete-all" data-type="skill" data-url="/destory_Skills"><span class="glyphicon glyphicon-trash"></span> Delete</button>
                </div>
            </div>
        </div>
    </div>
    <!--View Content of database-->
    <div class="col-md-5">
        <div class="panel panel-default" style="width:500px;">

            <div class="panel-heading fontsize16 borderBottomGray">
                Languages

            </div>

            <div class="panel-body borderBottomGray">
                <table class=" borderNone commonFontSize" style="width:100%">
                    <thead>
                        <tr style="width:100%">
                            <th style="width:2%" class="th yellow borderNone"><input type="checkbox" id="check_all_language"></th>
                            <th style="width:2%" class="th yellow borderNone">Sr</th>
                            <th style="width:5%" class="th yellow borderNone">Language</th>
                            <th style="width:5%" class="th yellow txtCenter borderNone">Fluency</th>
                            <th style="width:5%" class="th yellow txtCenter borderNone">Competency</th>
                            <th style="width:15%" class="th yellow txtCenter borderNone">Comments</th>
                            <th style="width:10%" class="th yellow txtCenter borderNone">Action</th>

                        </tr>
                    </thead>
                    <tbody>
                        <tr >
                            <td colspan="7">
                                <div class="scroll borderBottomGray" style="height:60px;">
                                    <table style="width:100%">
                                                                                @foreach ($employee_language as $key=>$elang)
                                        <tr style="width:100%">
                                            <td style="width:2%" class="td notBold red_table borderTopBottomGray"><input type="checkbox" class="checkbox_language" data-ids="{{$elang->employee_language_id}}"></td>
                                            <td style="width:2%" class="td red_table notBold borderTopBottomGray">&nbsp;{{ $i++ }}</td>
                                            <td style="width:5%" class="td red_table notBold borderTopBottomGray">&nbsp;{{ $elang->language }}</td>
                                            @if($elang->fluency=="R")
                                            <td style="width:5%" class="td red_table notBold txtCenter borderTopBottomGray">&nbsp;Read</td>
                                            @else
                                            @if($elang->fluency=="W")
                                            <td style="width:5%" class="td red_table notBold txtCenter borderTopBottomGray">&nbsp;Write</td>
                                            @else
                                            <td style="width:5%" class="td red_table notBold txtCenter borderTopBottomGray">&nbsp;Speak</td>
                                            @endif
                                            @endif
                                            <td style="width:5%" class="td red_table notBold txtRight borderTopBottomGray">&nbsp;{{ ($elang->competency=="G")?"Good":"Poor" }}</td>
                                            <td style="width:15%; padding-left: 14% !important;" class="td red_table notBold txtCenter borderTopBottomGray">{{ $elang->comments }}</td>
                                            <td style="width:10%" class="td success notBold txtRight red_table borderTopBottomGray">
                                                <button type="button" data-language='{{ json_encode($elang)}}' class="btn btn-primary fontsize10 noPaddingTopBottom btnEditLANG"><span class="glyphicon glyphicon-edit fontsize15"></span>Edit</button></td>

                                        </tr>
                                        @endforeach

                                    </table>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="col-md-6">
                    <button data-id="{{$id}}" class="btn btn-success btn-xs btnAddLANG"><span class="glyphicon glyphicon-plus"></span> Add New
                    </button>
                    <button class="btn btn-danger btn-xs delete-all" data-type="language" data-url="/destory_Language"><span class="glyphicon glyphicon-trash"></span> Delete</button>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-4 col-md-offset-3">
        @if(session()->has('successMessage'))
        <div class="alert alert-success alert-dismissible fade in col-sm-12">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
            {{ session()->get('successMessage') }}
        </div>
        @endif
        @if(session()->has('errorMessage'))
        <div class="alert alert-danger alert-dismissible fade in col-sm-12">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
            {{ session()->get('errorMessage') }}
        </div>
        @endif
    </div>

</div>
@endsection

<!--Bootstrap Modals-->
@section('BootstrapModals')

@include('Components/Bootstrap Modals/hrms_employee_education_details_modal')
@include('Components/Bootstrap Modals/hrms_employee_language_details_modal')
@include('Components/Bootstrap Modals/hrms_employee_skill_details_modal')
@include('Components/Bootstrap Modals/hrms_employee_workexperience_details_modal')

@endsection
<!--Bootstrap Modals Close-->

<!--External JS-->
@section('ExternalJs')
<script src="{{ asset ("/js/hrms_employee_qualification.js?$releaseVersion") }}"></script>
<script src="{{ asset ("/js/hrms_deletes_emp_details.js?$releaseVersion") }}"></script>
@endsection
<!--External JS Close-->