@extends('admin.layout.master')
@section('home')


    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title"></h4>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">Score List</div>
                <div class="card-body">
                    <!-- Button trigger modal -->
                    <div class='row'>
                        <div class='col-md-3'>
                            <div class="form-group">
                                <label>Employee</label>
                                <select name="emp_id" id="emp_Id" class="searchData form-control">
                                    <option value="0">Choose One</option>
                                    @foreach ($employees->chunk(100) as $row)
                                        @foreach ($row as $item)
                                            <option value="{{ $item->id }}">{{ $item->emp_name }}</option>
                                        @endforeach
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class='col-md-3'>
                            <div class="form-group">
                                <label>Department</label>
                                <select class="searchData form-control" name="department_id" id="department_Id">
                                    <option value="0">Choose One</option>
                                    @foreach ($department->chunk(100) as $row)
                                        @foreach ($row as $item)
                                            <option value="{{ $item->id }}">{{ $item->name }}</option>
                                        @endforeach
                                    @endforeach

                                </select>
                            </div>
                        </div>
                        <div class='col-md-3'>
                            <div class="form-group">
                                <label>Designation</label>
                                <select class="searchData form-control" name="designation_id" id="designation_Id">
                                    <option value="0">Choose One</option>
                                    @foreach ($designation->chunk(100) as $row)
                                        @foreach ($row as $item)
                                            <option value="{{ $item->id }}">{{ $item->name }}</option>
                                        @endforeach
                                    @endforeach

                                </select>
                            </div>
                        </div>
                        <div class='col-md-3 mb-3'>
                            <div class="form-group mt-4">
                                <label></label>
                                <button class='btn btn-danger btn-sm' onClick="SearchEmployee()">Search</button>
                            </div>
                        </div>
                        {{-- <div class='col-md-3'>
                            <div class="form-group">
                                <label>Status</label>
                                <select class="form-control input-sm" id="Status">
                                    <option>Choose One</option>
                                    <option>Pending</option>
                                    <option>Done</option>
                                </select>
                            </div>
                        </div> --}}
                        {{-- <div class='col-md-3'>
                            <div class="form-group">
                                <label>Date</label>
                                <input type="date" id="Date" name="date" class="form-control input-sm">
                            </div>
                        </div> --}}
                        <table class="display datatable table table-stripped table-bordered mt-3" id="dataset">

                        </table>
                    </div>
                </div>

                {{-- <div class="text-center">
                    <button class='btn btn-danger btn-sm'  onClick="SearchEmployee()">Search</button>
                </div> --}}
            </div>
            {{-- <div class="card">
                <div class="card-header"></div>
                <div class="card-body">
                    <table class="display datatable table table-stripped" id="dataset">

                    </table>
                </div>
            </div> --}}
        </div>
    </div>
    </div>
    </div>
    </div>
    @include('payroll.admin.performance_appraisal.form.add_score')
    @include('payroll.admin.performance_appraisal.form.view_score')
    <script>
        $(document).ready(function() {
            $('.searchData').select2();
        });

    </script>
    <script src="{{ asset('/') }}payroll_assets/perform_appriasal/score/score.js"></script>

@endsection