@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' => 'HrmsEmployeeSalaryDownloadController@viewEmpWise','autocomplete' => 'off','id' => 'calculate']) }}
    <br/>
    <div class="col-md-12 txtCenter">
        
        <label class="CategoryId">Category: </label> 
        <select name="CategoryId" id="CategoryId" class=" borderNone borderBottom blue noPadding" type="text" style="width: 120px; height: 20px;font-size: 12px;padding: 0px;">
        <option value = "0">All</option>
        @foreach($category as $key=>$select)
            <option value="{{$select->job_category_id}}">{{$select->job_category_name}}</option>
        @endforeach
        </select>
        <!-- <br> -->
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

        <label class="EmployeeId">Employee Id : </label> 
        <input name="EmployeeId" id="EmployeeId" class="EmployeeId itemEmpName borderNone borderBottom blue noPadding" type="text">
        
        <br> <br>
        
        <label class="inputType">Starting Month/Year : </label> 
        <input name="fromDate" id="fromDate" value="{{date($yearMonth)}}" class="inputType borderNone borderBottom blue noPadding" type="month" min="{{date($minYearMonth)}}" max="{{date($yearMonth)}}" required>
        &nbsp&nbsp&nbsp
        <!-- <br><br> -->
        <label class="inputType">Ending Month/Year : </label> 
        <input name="endDate" id="endDate" value="{{date($yearMonth)}}" class="inputType borderNone borderBottom blue noPadding" type="month"  min="{{date($minYearMonth)}}" max="{{date($yearMonth)}}" required>
        
    </div>
    
    <br> <br> </br> <br>

    <button name="dryrun" id="" type="submit" class="btn btn-success btn-sm dryrun">View Data</button>
    {{ Form::close() }}

</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/monthly_salary_input.js?$releaseVersion") }}"></script>

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