@extends('AdminLte.template')

<!--Title-->
@section('title')
Salary Calculate for Employee
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
@endsection
<!--External CSS Close--> 
@section('Content')
<div class="col-md-12 txtCenter">
    <h3><b>Calculate Salary for Employee</b></h3>
    <!-- {{ Form::open(['action' => 'HrmsSearchController@employeeSalaryisCalculatedPartial','autocomplete' => 'off','id' => 'calculate']) }} -->
    {{ Form::open(['action' => 'HrmsSearchController@check_employee_salary_details','autocomplete' => 'off','id' => 'calculate']) }}
    <br/>
    <div class="col-md-12 txtCenter">
        <!-- <label class="inputType">Month/Year : </label> 
        <input name="fromDate" id="fromDate" value="{{date($yearMonth)}}" class="inputType borderNone borderBottom blue noPadding" type="month" required>
        <br> -->
        <div class = "row">
            <div class="col-md-3">
                    <label class="inputType">Month/Year : </label>
                    <input name="fromDate" id="fromDate" value="{{date($yearMonth)}}" class="inputType borderNone borderBottom blue noPadding" type="month" required>
            </div>
            <div class="col-md-3">
                    <label class="inputType">Salary Type : </label>
                    <select name="salary_type" id="salary_type"class="inputType borderNone borderBottom blue noPadding" required>
                        <option value="" hidden>Select Salary Type</option>
                        <option value="all" selected>All</option>
                        <option value="ctc">CTC</option>
                        <option value="stipend">STIPEND</option>
                        <option value="per_hour">Per Hour</option>
                    </select>
                </div>
            <div class="col-md-3">
                <label>Category :</label>
                <select id="categorylist" name="categorylist" class=" categorylist borderNone borderBottom blue noPadding" style="font-size: 12px;">
                    <option value = "0">All</option>
                    @foreach($category as $key=>$select)
                        <option value="{{$select->job_category_id}}">{{$select->job_category_name}}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="inputType">Employee Name:</label>
                <input type="text" id="employeeName" name="employeeName" placeholder="Employee Name" class="inputType borderNone borderBottom blue noPadding" size="25">
                <input type="hidden" id="employeeId" name="employeeId" class="form-control" size="60">
            </div>
            <input type="hidden" id="departmentid" name="departmentid">
            <input type="hidden" id="updatesalary" name="updatesalary">
            {{-- <div class="col-md-2">
                    <label>Days Payable :</label>
                    <input type="number" name="payable" id="payable" class="inputType borderNone borderBottom blue noPadding"   value="" size="3" Style="width:30px;">
            </div> --}}
                <!-- <label>Dryrun</label>
                <input type="radio" name="radio"  value="dryrun" checked>
                <label>Final run</label>
                <input type="radio" name="radio" value="finalrun">
                <br> -->
                <!-- <label>Days Payable : </label>
                <input type="number" name="payable" id="payable" class="inputType borderNone borderBottom blue noPadding"  value="">
                <br>
                <input type="hidden" id="updatesalary" name="updatesalary">
                <input type="hidden" id="departmentid" name="departmentid"> -->
                <!-- <input type="hidden" name="calculate" id="calculate"> -->
        </div>
    </div>

    <br/>

    <!-- <input type="submit" class="btn btn-success btn-sm" value="Calculate" id="dryrun"> -->
    <button name="dryrun" id="dryrun" type="submit" class="btn btn-success btn-sm dryrun">Calculate</button>
    <h4><div class="col-md-12 txtCenter" id="status"></div></h4>
    <h4><div class="col-md-12 txtCenter" style="height: 350px;overflow:auto;">
        <center>
            <table border="1" cellspacing="5px">
            <tbody id="err_data">
            </tbody>
        </table>
        </center>
    </div></h4>
    {{ Form::close() }}
    
    <a hidden id = "warning" onclick="return confirm('Data has been already calculated! Do you want to recalculate?');">My Link</a>
    
    <!-- <button name="Submit"  id="btnSubmit" class="btn btn-success btn-sm">Submit Salary Detail</button> -->
    <!-- <button name="Calculate"  id="btnCalculate" class="btn btn-success btn-sm">Review & Calculate</button> -->
    
    <!-- <br>
    <div class="row" style="margin: auto; width: 100%">
        <div class="text-center" >
            <span id="is_overtime" ></span>
            <span id="is_overtime_value"></span>
        </div>
        <div class="text-center">
            <span id="is_attendance" ></span>
            <span id="is_attendance_value"></span>
        </div>
        <div class="text-center">
            <span id="is_head" ></span>
            <span id="is_head_value"></span>
        </div>
    </div>
 
 -->
</div>
<div class="col-md-4 col-md-offset-3">
    @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')
@endsection
<!--Bootstrap Modals Close-->

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