@extends('AdminLte.template')

<!--Title-->
@section('title')
Employment Reporting
@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 class="active"><a href="{{ URL::current() }}">Reporting</a></li>
        <li><a href="{{url('employee_qualification').'/'.$id}}">Qualification</a></li>
        <li><a href="{{url('employee_mapping').'/'.$id}}">Mapping</a></li>
    </ul>

    <br>
    <!-- Your Page Content Here -->

    <!--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 supervisor" style="width:500px;">
            <div class="panel-heading fontsize16 borderBottomGray">
                Supervisors
            </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_supervisor"></th>
                            <th style="width:2%" class="th yellow borderNone">Sr</th>
                            <th style="width:25%" class="th yellow borderNone">Name</th>
                            <th style="width:33%" class="th yellow borderNone">Reporting Method</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr >
                            <td colspan="4">
                                <div class="scroll borderBottomGray">
                                    <table style="width:100%">
                                                                                @foreach ($reportDetailsSupervisor as $key=>$rds)
                                        <tr style="width:100%">
                                            <td style="width:2%" class="td notBold red_table borderTopBottomGray"><input type="checkbox" class="checkbox_supervisor" data-ids="{{$rds->employee_reporting_id}}"></td>
                                            <td style="width:2%" class="td red_table notBold borderTopBottomGray">&nbsp;{{ $i++ }}</td>
                                            <td style="width:25%" class="td red_table notBold borderTopBottomGray">&nbsp;{{ $rds->employee_name }}</td>
                                            <td style="width:33%" class="td red_table notBold borderTopBottomGray">&nbsp;{{$rds->reporting_method_name  }}</td>
                                        </tr>
                                        @endforeach
                                    </table>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <br>
                <div class="col-md-6">
                    <button data-id={{$id}}  class="btn btn-success btn-xs btnAdd"><span class="glyphicon glyphicon-plus"></span> Add New
                    </button>
                    <button class="btn btn-danger btn-xs delete-all" data-type="sup" data-url="/employee_reporting_supervisor/deleteall"><span class="glyphicon glyphicon-trash"></span> Delete</button>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-5">
        <!--View Content of database-->
        <div class="panel panel-default" style="width:500px;">
            <div class="panel-heading fontsize16 borderBottomGray">
                Sub-Ordinates
            </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_subordinate"></th>
                            <th style="width:2%" class="th yellow borderNone">Sr</th>
                            <th style="width:25%" class="th yellow borderNone">Name</th>
                            <th style="width:33%" class="th yellow borderNone">Reporting Method</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="4">
                                <div class="scroll borderBottomGray">
                                    <table style="width:100%">

                                                                                @foreach ($reportDetailsSubordinate as $key=>$rdso)
                                        <tr style="width:100%">
                                            <td style="width:2%" class="td notBold red_table borderTopBottomGray"><input type="checkbox" class="checkbox_subordinate" data-ids="{{$rdso->employee_reporting_id}}"></td>
                                            <td style="width:2%" class="td red_table notBold borderTopBottomGray">&nbsp;{{ $i++ }}</td>
                                            <td style="width:25%" class="td red_table notBold borderTopBottomGray">&nbsp;{{ $rdso->employee_name }}</td>
                                            <td style="width:33%" class="td red_table notBold borderTopBottomGray">&nbsp;{{$rdso->reporting_method_name  }}</td>


                                        </tr>
                                        @endforeach
                                    </table>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <br>
                <div class="col-md-6">
                    <button data-id={{$id}} disabled="" class="btn btn-success btn-xs btnAddSO"><span class="glyphicon glyphicon-plus"></span> Add New
                    </button>
                    <button disabled="" class="btn btn-danger btn-xs delete-all" data-type="sub" data-url="/employee_reporting_subordinates/deleteall"><span class="glyphicon glyphicon-trash"></span> Delete</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="col-md-5 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>
@endsection

<!--Bootstrap Modals-->
@section('BootstrapModals')
@include('Components/Bootstrap Modals/hrms_reporting_modal_supervisor')
@include('Components/Bootstrap Modals/hrms_reporting_modal_subordinate')
@endsection
<!--Bootstrap Modals Close-->

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