@extends('AdminLte.template')

<!--Title-->
@section('title')
Compensatory Work List
@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' => 'CompensatoryWorkListController@compensatoryList','name' => 'CompListForm','autocomplete' => 'off']) }}
                        <div class="panel panel-default" style="margin-bottom:2px;">
                            <div class="panel-heading fontsize16 borderBottomGray">
                                Compensatory Work List </div>
                            <div class="panel-body borderBottomGray">
                                <br/>

                                <div class="col-md-2 txtRight"><label class="txtRight">From Date : </label> </div>
                                <div class="col-md-3">

                                    <input name="fromDate" id="fromDate" value="{{date('Y-m-d')}}" 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="{{date('Y-m-d')}}" 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>
                        </tr>

                    </thead>
                    <tbody>