@extends('AdminLte.template')

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

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

@section('Content')

<div class="col-md-12 txtCenter">
    <h3>Employee Supervisor Report</h3>
    <br/>
    {{ Form::open(['action' => 'HrmsRegisterReportController@SupervisorReportOutput','autocomplete' => 'off']) }}
    <div class="row row-no-gutters ">
        <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  "> 
            <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>
            {{-- </select> --}}

    </div><br><br>
    <div class="row row-no-gutters ">
        <div  class="col-sm-12 col-md-12 txtCenter ">
            <button name="Submit"  id="btnSubmit" class="btn btn-success btn-sm">Submit</button>
        </div>    
   </div>
    {{-- <br>
    <div class="row row-no-gutters "> --}}
        {{-- <div class="col-sm-4 col-md-4 txtRight "> <label class="inputType">Gender : </label></div>
        <div  class="col-sm-8 col-md-4  txtLeft">  <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>
    <br/><br/> --}}
    {{-- <div class="row row-no-gutters "> --}}
        {{-- <div class="col-sm-4 col-md-4 txtRight"> <label class="inputType">Date Of Joining :</label></div>
        <div  class="col-sm-8 col-md-4 txtLeft ">   <input type="month" id="datejoin"  name="datejoin"></div> --}}

        {{-- <select name="DateofJoin" id="DateofJoin" class="inputType borderNone borderBottom blue noPadding">
            <option value="All"></option>
            <option value="Negative">Negative</option> --}}



{{-- </div> --}}
<br/><br/><br/>
{{-- <button name="Submit"  id="btnSubmit" class="btn btn-success btn-sm">Submit</button> --}}
{{ 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