@extends('admin.layout.master')
@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">Appraisal Report</div>
                <div class="card-body">
                    <div class='row'>
                        <div class='col-lg-2'>
                            <div class="form-group">
                                <label>{{ __('obs.department') }}</label>
                                <select class="form-control select_2" name="department_id" id="departmentid">
                                    <option value=""> {{ __('obs.choose_one') }}</option>
                                    @foreach ($departments as $item)
                                        <option value="{{ $item->id }}">{{ $item->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class='col-lg-2'>
                            <div class="form-group">
                                <label>{{ __('obs.designation') }}</label>
                                <select class="form-control select_2" name="designation_id" id="designationid">
                                    <option value=""> {{ __('obs.choose_one') }}</option>
                                    @foreach ($designations as $item)
                                        <option value="{{ $item->id }}">{{ $item->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class='col-lg-2'>
                            <div class="form-group">
                                <label>Performance Appraisal</label>
                                <select class="form-control select_2" name="pa_form_id" id="pa_formid">
                                    <option value="">{{ __('obs.choose_one') }}</option>
                                    @foreach ($pa_form as $item)
                                        <option value="{{ $item->id }}">{{ $item->title }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class='col-lg-2'>
                            <div class="form-group">
                                <label>{{ __('obs.date') }}</label>
                                <input type="date" class="form-control" />
                            </div>
                        </div>

                        <div class='col-lg-1 mt-4'>
                            <div class="form-group">
                                <button class='btn btn-danger btn-sm'
                                    onclick="searchReport()">{{ __('obs.search') }}</button>
                            </div>
                        </div>
                    </div>

                    <table class="display  table table-stripped table-bordered text-center mt-4" id="resultData">
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $('.select_2').select2();
        });

        function searchReport() {
            ajaxCallV2("{{ route('performance.appraisal.final_appraisal_report.search') }}", "GET", {
                department_id: $("#departmentid").val(),
                designation_id: $("#designationid").val(),
                pa_form_id: $("#pa_formid").val(),
            }, function(data) {
                $('#loader').hide();
                $("#resultData").html(data);
            }, function(error) {
                $('#loader').hide();
            });
        };
    </script>
@endsection