@extends('AdminLte.template')

<!--Title-->
@section('title')
Approve Compensatory
@endsection
<!--Title Close-->

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


    .panel-body{

        background-color:whitesmoke;
    }
</style>


@section('Content')
<!-- Your Page Content Here -->

<!--View Content of database-->
<div class="table-responsive">
    <div class="col-md-12">
        <table class="table borderNone commonFontSize">
            <thead>
                <tr>
                    <th class="th borderNone" colspan="9">
                        {{ Form::open(['action' => 'ApproveCompensatoryController@index','name' => 'approveCompForm','autocomplete' => 'off']) }}
                        <div class="panel panel-default" style="margin-bottom:2px;">
                            <div class="panel-heading fontsize16 borderBottomGray">
                                Approve Compensatory Work </div>
                            <div class="panel-body borderBottomGray">
                                <br/>
                                @php
                                if(isset($fromDate)){
                                $fDate = $fromDate;
                                }else{
                                $fDate = date('Y-m-d');
                                }
                                if(isset($toDate)){
                                $tDate = $toDate;
                                }else{
                                $tDate = date('Y-m-d');
                                }
                                @endphp 
                                <div class="col-md-2 txtRight"><label class="txtRight">From Date : </label> </div>
                                <div class="col-md-3">
                                    <input name="fromDate" id="fromDate" value="{{$fDate}}" class="inputType borderNone borderBottomGray blue noPadding" type="date" required>
                                </div>
                                <br/><br/>
                                <div class="col-md-2 txtRight"><label class="txtRight">To Date : </label> </div>
                                <div class="col-md-3">
                                    <input name="toDate" id="toDate" value="{{$tDate}}" class="inputType borderNone borderBottomGray blue noPadding" type="date" required>
                                </div>
                                <br/><br/>
                                <div class="col-md-2 txtRight">
                                    <label class="inputType">Compensatory Status : </label> </div>
                                <div class="col-md-3">
                                    <select name="empCompStatus" id="empCompStatus" class="inputType borderNone borderBottomGray blue noPadding">
                                        <option value="A">All</option>
                                        <option value="rejected">Rejected</option>
                                        <option value="cancelled">Cancelled</option>
                                        <option value="pending">Pending Approval</option>
                                    </select>
                                </div>
                                <br/><br/>
                                <div class="col-md-2 txtRight"><label class="inputType">Employee Name : </label> </div>
                                <div class="col-md-3"><input type="text" id="employeeName" name="employeeName" placeholder="Type for hints" class="input inputType borderNone borderBottomGray blue noPadding" size="25">
                                    <input type="hidden" id="employeeId" name="employeeId" class="form-control input-sm" size="60"></div>
                                <br/><br/><br/>
                                <div class="col-sm-6 txtCenter">
                                    <input type="submit" name="btnSearch" class="btn btn-success btn-sm" value="Search" id="btnSubmit">
                                    <input type="reset" name="btnReset" id="btnReset" value="Reset" class="btn btn-sm btn-info">
                                </div>
                            </div>
                        </div>
                        {{ Form::close() }}

                    </th>
                </tr>
        </table>
        <div class="panel panel-default">
            <div  class="panel-body borderBottomGray">
                <table class="table borderNone commonFontSize">
                    <thead>
                        <tr>
                            <th class="th warning txtRight borderNone">Sr</th>  
                            <th class="th warning txtleft borderNone">Date</th>
                            <th class="th warning borderNone">Employee Name</th>
                            <th class="th warning borderNone">Status</th>
                            <th class="th warning borderNone">Comment</th>
                            <th class="th warning borderNone">Approver Comment</th>
                            <th class="th warning textRight borderNone">Action</th>
                        </tr>

                    </thead>
                    <tbody>
                        @php

                        if(isset($fromDate)){
                        $i = 1 + $compensatory->currentPage() * $compensatory->perPage() - $compensatory->perPage();    
                        }
                        else{
                        $i = 1;
                        }

                        @endphp

                        @foreach ($compensatory as $key =>$work)
                        @php
                        $compStatus = '';
                        $btnDisableOrNot = '';
                        @endphp
                        @if($work->status === 'approved')
                        @php
                        $compStatus = 'Approved';
                        @endphp
                        @elseif($work->status === 'cancelled')
                        @php
                        $compStatus = 'Cancelled';
                        @endphp
                        @elseif($work->status === 'rejected')
                        @php
                        $compStatus = 'Rejected';
                        @endphp
                        @else
                        @php
                        $compStatus = 'Pending';
                        @endphp
                        @endif

                        <tr>
                            <td class="td success  txtRight borderTopBottomGray">{{ $i++ }}</td>
                            <td class="td success txtLeft borderTopBottomGray">{{\Helper::getDisplayDate($work->from_date)}}</td>
                            <td class="td success borderTopBottomGray">&nbsp;{{$work->employee_name}}</td>
                            <td class="td success borderTopBottomGray">{{$compStatus}}</td>
                            <td class="td success borderTopBottomGray">{{$work->comment}}</td>
                            <td class="td success borderTopBottomGray">{{$work->approver_comment}}</td>
                            @php
                            $btnDisableOrNot = ($work->status == 'rejected' || $work->status == 'cancelled' ) ? 'disabled': '' ;
                            @endphp
                            <td class="td success borderTopBottomGray">
                                <button type="button" data-compensatory='{{ json_encode($work)}}' class="btn btn-primary fontsize10 noPaddingTopBottom btnEdit" {{$btnDisableOrNot}}><span class="glyphicon glyphicon-edit fontsize15"></span>Approve</button>
                            </td>

                        </tr>
                        @endforeach
                        <tr>
                            @if(isset($fromDate))
                            <td class="txtCenter" colspan="12">{{$compensatory->appends(['fromDate' => $fromDate, 'toDate' => $toDate,'empCompStatus'=>$empCompStatus,'employeeId'=>$employeeId])->links() }}</td>
                            @else
                            <td class="txtCenter" colspan="12"></td>
                            @endif
                        </tr>

                    </tbody>

                </table>
            </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>
</div>

@endsection
<!--Bootstrap Modals-->      
@section('BootstrapModals')
@include('Components/Bootstrap Modals/approve_compensatory_modal')
@endsection
<!--Bootstrap Modals Close-->
<!--External JS-->
@section('ExternalJs')
<script src="{{ asset ("/js/hrms_approve_compensatory.js?$releaseVersion") }}"></script>
<script src="{{ asset ("/js/employee_search.js?$releaseVersion") }}"></script>
@endsection
<!--External JS Close-->