@extends('AdminLte.template')

<!--Title-->
@section('title')
Employee Report
@endsection
<!--Title Close-->

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

@section('Content')
<div class="row">
    <div class="col-md-12 txtCenter">
        <h3>Employee Report</h3>
    </div>
</div>
    {{ Form::open(['action' => 'HrmsRegisterReportController@EmployeeReportOutput','autocomplete' => 'off']) }}
<div class="row">
    <div class="col-sm-2 col-md-2 txtRight "></div>
    <div class="col-sm-3 col-md-3 txtRight ">
        <label class="txtRight name">Name :</label>
        &nbsp;&nbsp;<input type="text" size="30" id="name" class="inputType borderNone borderBottom blue noPadding" name="name"> 
    </div>
    <div class="col-sm-2 col-md-2  txtCenter"> 
        <label class="inputType">Gender : </label>
        <select name="gender" id="gender" class="inputType borderNone borderBottom blue noPadding" required>
            <option value="A">Any</option>
            <option value="M">Male</option>
            <option value="F">Female</option>
        </select>
    </div>
    <div class="col-sm-3 col-md-3">
        <label class="inputType">Date Of Joining :</label>
        <input type="month" id="datejoin" class="inputType borderNone borderBottom blue noPadding" name="datejoin">
    </div>
</div>
<div class="row equal-height-row">
    <div class="col-md-12">
        <div class="col-md-2"></div>
        <fieldset class="col-md-2 equal-height-col" style="border:#a49e9e solid 1px; border-radius: 5px;margin: 3px;font-size: 12px;">
            <legend style="border:none;width:auto;"><input type="checkbox" class="AllPersonal"> <label class="inputType">Personal Details</label></legend>
            @foreach($emp_personal as $key=>$column)
                <input type="checkbox" class="Personal" name="column[]" value="{{ $key.'/'.$column}}"> <label>{{$column}}</label> <br>
            @endforeach
        </fieldset>
        <fieldset class="col-md-2 equal-height-col" style="border:#a49e9e solid 1px; border-radius: 5px;margin: 3px;font-size: 12px;">
            <legend style="border:none;width:auto;"><input type="checkbox" class="AllEmpDetail"> <label class="inputType">Employee Details</label></legend>
            @foreach($emp_details as $key=>$column)
                <input type="checkbox" class="EmpDetail" name="column[]" value="{{ $key.'/'.$column}}"> <label>{{$column}}</label> <br>
            @endforeach
        </fieldset>
        <fieldset class="col-md-2 equal-height-col" style="border:#a49e9e solid 1px; border-radius: 5px;margin: 3px;font-size: 12px;">
            <legend style="border:none;width:auto;"><input type="checkbox" class="AllAccount"> <label class="inputType">Accounting Details</label></legend>
            @foreach($emp_account as $key=>$column)
                <input type="checkbox" class="Account" name="column[]" value="{{ $key.'/'.$column}}"> <label>{{$column}}</label> <br>
            @endforeach
        </fieldset>
        <fieldset class="col-md-2 equal-height-col" style="border:#a49e9e solid 1px; border-radius: 5px;margin: 3px;font-size: 12px;">
            <legend style="border:none;width:auto;"><input type="checkbox" class="AllEarning"> <label class="inputType">Salary Details</label></legend>
            @foreach($salaryhead as $key=>$category)
                <input type="checkbox" class="{{ 'All'.$key }}"> <label>{{ $key=="E"?'Earning Head':($key=="D"?'Deducation Head':($key=="T"?'Total Head':'')) }}</label><br>
                    @foreach ($category as $headkey=>$value)    
                        <div style="margin-left:18px; ">
                            <input type="checkbox" name="select_head[]" class="{{ $key.'Earning' }}" value="{{$headkey.'/'.$value }}"> <label>{{$value}}</label><br>
                        </div>
                    @endforeach
            @endforeach
        </fieldset>
    </div>
</div>
<div class="row">
    <div  class="col-sm-12 col-md-12 txtCenter ">
        <button name="Submit"  id="btnSubmit" class="btn btn-success btn-sm">Submit</button>
    </div>    
</div>
{{ Form::close() }}
</div>
@endsection

<!--Bootstrap Modals-->      
@section('BootstrapModals')
@endsection
<!--Bootstrap Modals Close-->

<!--External JS-->
@section('ExternalJs')
<script src="{{ asset ("/js/hrms_employee_report.js?$releaseVersion") }}"></script>
<script>
    $('#column').multiselect({
        includeSelectAllOption: true,
        nonSelectedText: ' All ',
        enableFiltering: true,
        maxHeight: 450
    });
</script>
@endsection